TravelCo Website Development
Budget: $50 – $0 USD
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TravelCo – Explore the World</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<!-- Navigation -->
<header>
<nav class="navbar">
<div class="logo">TravelCo</div>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="packages.html">Packages</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h1>Discover Your Next Adventure</h1>
<p>Unique travel experiences curated specially for you.</p>
<a href="packages.html" class="btn">View Packages</a>
</div>
</section>
<!-- Highlights -->
<section class="highlights">
<h2>Why Travel With Us?</h2>
<div class="highlight-grid">
<div class="card">Expert Local Guides</div>
<div class="card">Handcrafted Itineraries</div>
<div class="card">Best Price Guarantee</div>
</div>
</section>
<!-- Featured Packages Slider -->
<section class="slider-section">
<h2>Featured Packages</h2>
<div class="slider" id="packageSlider">
<div class="slide"><img src="assets/images/p1.jpg" alt=""></div>
<div class="slide"><img src="assets/images/p2.jpg" alt=""></div>
<div class="slide"><img src="assets/images/p3.jpg" alt=""></div>
</div>
</section>
<script src="assets/js/main.js"></script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TravelCo – Explore the World</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<!-- Navigation -->
<header>
<nav class="navbar">
<div class="logo">TravelCo</div>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="packages.html">Packages</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h1>Discover Your Next Adventure</h1>
<p>Unique travel experiences curated specially for you.</p>
<a href="packages.html" class="btn">View Packages</a>
</div>
</section>
<!-- Highlights -->
<section class="highlights">
<h2>Why Travel With Us?</h2>
<div class="highlight-grid">
<div class="card">Expert Local Guides</div>
<div class="card">Handcrafted Itineraries</div>
<div class="card">Best Price Guarantee</div>
</div>
</section>
<!-- Featured Packages Slider -->
<section class="slider-section">
<h2>Featured Packages</h2>
<div class="slider" id="packageSlider">
<div class="slide"><img src="assets/images/p1.jpg" alt=""></div>
<div class="slide"><img src="assets/images/p2.jpg" alt=""></div>
<div class="slide"><img src="assets/images/p3.jpg" alt=""></div>
</div>
</section>
<script src="assets/js/main.js"></script>
</body>
</html>
Related categories:
JavaScript
Website Design
CSS
HTML5
HTML
Web Development
Frontend Development
Website Optimization