Skip to content

Create trekking website #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Create trekking website #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 59 additions & 0 deletions trekking website
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>High Atlas Treks - Experience the Adventure of Morocco</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<nav class="navbar">
<div class="logo"><a href="#home">High Atlas Treks</a></div>
<ul class="nav-links">
<li><a href="#about">About Us</a></li>
<li><a href="#tours">Tours</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>

<main>
<section id="home" class="hero">
<h1>Welcome to High Atlas Treks</h1>
<p>Join us for an unforgettable journey through the heart of Morocco's most majestic mountains.</p>
<a href="#tours" class="btn">Discover Our Tours</a>
</section>

<section id="about" class="about">
<h2>About Our Treks</h2>
<p>High Atlas Treks is dedicated to providing immersive trekking experiences that highlight the natural beauty and cultural richness of the High Atlas region. Our knowledgeable local guides, like Abdel, ensure a safe and enriching adventure for all our guests.</p>
</section>

<section id="tours" class="tours">
<h2>Our Tour Packages</h2>
<div class="tour-list">
<!-- Add tour items here -->
</div>
</section>

<section id="gallery" class="gallery">
<h2>Gallery</h2>
<p>Explore a selection of breathtaking views and moments captured during our treks.</p>
<!-- Add gallery images here -->
</section>

<section id="contact" class="contact">
<h2>Contact Us</h2>
<p>Ready to start your adventure or have questions? Get in touch with us!</p>
<!-- Add contact form or information here -->
</section>
</main>

<footer>
<p>© 2024 High Atlas Treks. All rights reserved.</p>
</footer>
</body>
</html>