36214-vm/index.php
Flatlogic Bot e66ccf1d85 11
2025-11-24 17:10:42 +00:00

156 lines
6.6 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dreamz Destination - Come See The World With Us</title>
<!-- SEO Meta Tags -->
<meta name="description" content="<?php echo htmlspecialchars($_SERVER['PROJECT_DESCRIPTION'] ?? 'Luxury travel and tour packages by Dreamz Destination.'); ?>">
<meta name="keywords" content="luxury travel, tours, vacation, international tours, domestic tours">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Dreamz Destination">
<meta property="og:description" content="<?php echo htmlspecialchars($_SERVER['PROJECT_DESCRIPTION'] ?? 'Come See The World With Us'); ?>">
<meta property="og:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Dreamz Destination">
<meta property="twitter:description" content="<?php echo htmlspecialchars($_SERVER['PROJECT_DESCRIPTION'] ?? 'Come See The World With Us'); ?>">
<meta property="twitter:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
<!-- Favicons -->
<link href="assets/images/favicon.png" rel="icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/custom.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<a href="index.php" class="logo d-flex align-items-center">
<h1>Dreamz Destination</h1>
</a>
<nav id="navbar" class="navbar">
<!-- Navigation links will be added here in the next step -->
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto" href="#portfolio">Tours</a></li>
<li><a class="nav-link scrollto" href="#team">Blog</a></li>
<li><a class="getstarted scrollto" href="#contact">Plan Your Trip</a></li>
</ul>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero">
<div class="container position-relative">
<div class="row gy-5" data-aos="fade-in">
<div class="col-lg-12 text-center">
<h1>Come See The World With Us</h1>
<p>Your journey to luxury and adventure begins here.</p>
<div class="col-md-8 offset-md-2 mt-5">
<div class="input-group input-group-lg">
<input type="text" class="form-control" placeholder="Search for your dream destination...">
<button class="btn btn-primary" type="button" id="button-addon2" style="background-color: var(--primary-color); border-color: var(--primary-color);">Search</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero Section -->
<main id="main">
<!-- Other sections will be added here -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="container">
<div class="row gy-4">
<div class="col-lg-5 col-md-12 footer-info">
<a href="index.php" class="logo d-flex align-items-center">
<span>Dreamz Destination</span>
</a>
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
<div class="social-links d-flex mt-4">
<a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>Quick Links</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Privacy policy</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>Our Services</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#">Visa</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Accommodation</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Flight Booking</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Travel Insurance</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#">Consultation</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
<h4>Contact Us</h4>
<p>
Faridabad, Haryana<br>
India <br><br>
<strong>Phone:</strong> +1 234 5678 90<br>
<strong>Email:</strong> info@dreamzdestination.com<br>
</p>
</div>
</div>
</div>
</footer><!-- End Footer -->
<!-- ======= Floating Widgets ======= -->
<div class="floating-widgets">
<a href="https://wa.me/1234567890" target="_blank" class="floating-btn whatsapp-btn">
<i class="bi bi-whatsapp"></i>
</a>
<a href="#contact" class="floating-btn quote-btn mt-2">Quote</a>
</div>
<!-- Vendor JS Files -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>