-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (116 loc) · 4.99 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/home.css">
<script defer src="js/main.js"></script>
<title>Home</title>
</head>
<body>
<header>
<nav class="nav-top">
<ul>
<li><a href="#"><img src="images/social/facebook.svg" alt="facebook-logo"></a></li>
<li><a href="#"><img src="images/social/twitter.svg" alt="twitter-logo"></a></li>
<li><a href="#">English</a></li>
<li><a href="#">My Page</a></li>
<li><a href="#">Logout</a></li>
</ul>
</nav>
<nav class="nav-bottom">
<img src="images/logo-small.png" alt="logo">
<ul class="nav-list">
<li><span class="nav-exit">×</span></li>
<li class="nav-item"><a href="#">Home</a></li>
<li class="nav-item"><a href="pages/about.html">About</a></li>
<li class="nav-item"><a href="#program">Program</a></li>
<li class="nav-item"><a href="#stories">Stories</a></li>
<li class="nav-item"><a href="#partners">Sponser</a></li>
<li class="nav-item"><a href="#" id="nav-btn">Join Us</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero-section">
<img src="images/menu-icon.svg" alt="menu-icon" class="menu">
<div class="container container--hero">
<h2 class="hero__title">Let's explore the best trips for 2021</h2>
<p class="hero__description">
Do not miss this opportunity. We have offers and discounts on flights if you book through our website at
that
time ....
</p>
<div class="hero__date">2021.10.15(THU) ~ 16(FRI)</div>
<span>@ National Museum of Egyptian civilization in Cairo</span>
</div>
</section>
<section class="program-section" id="program">
<div class="container">
<h2 class="sub-title">Main Program</h2>
<ul class="program-container">
<li class="program">
<img src="images/icons/lecture.png" alt="lecture-icon">
<h4>Lecture</h4>
<p>You are going to fail in love with nature, Enjoy the flexibility of a private vehicle.</p>
</li>
<li class="program">
<img src="images/icons/exhibition.png" alt="exhibition-icon">
<h4>Exhibition</h4>
<p>Live adventures like you never have before, discover Egypt's pyramids and giza</p>
</li>
<li class="program">
<img src="images/icons/forum.png" alt="forum-icon">
<h4>Meet Nature</h4>
<p>Come explore the Pacific Coast of California with us, or join one of our multi-day tripes
</p>
</li>
<li class="program">
<img src="images/icons/workshop.png" alt="workshop-icon">
<h4>Find your Way</h4>
<p>We will help you save a heap of time and money by creating your personalized travel
itinerary</p>
</li>
<li class="program">
<img src="images/icons/ignite.png" alt="ignite-icon">
<h4>Explore the World</h4>
<p>From big wows to hidden gems, our tours leave you feeling that you've really explored.</p>
</li>
</ul>
<a href="#" class="about-btn">Discover Our Tours</a>
</div>
</section>
<section class="speakers-section" id="stories">
<div class="container">
<h2 class="sub-title">People's Stories</h2>
<ul class="speakers-container"></ul>
<button type="button" class="show-btn"> MORE ↓</button>
</div>
</section>
<section class="partner-section" id="partners">
<div class="container">
<h2 class="sub-title">Partner</h2>
<ul class="partners-container">
<li class="partner"><img src="images/partners/mozilla.png" alt="mozilla-logo"></li>
<li class="partner"><img src="images/partners/Google.png" alt="google-logo"></li>
<li class="partner"><img src="images/partners/navar.png" alt="navar-logo"></li>
<li class="partner"><img src="images/partners/daumkakao.svg" alt="daumkakao-logo"></li>
<li class="partner"><img src="images/partners/airbnb.png" alt="airbnb-logo"></li>
</ul>
</div>
</section>
</main>
<footer>
<div class="container footer">
<img src="images/logo.png" alt="">
<div>
<h6>© 2021 Green Travel websit. some rights reserved.</h6>
<p>The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the [Green-Travel website].</p>
</div>
</div>
</footer>
</body>
</html>