-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
180 lines (161 loc) · 7.22 KB
/
index.html
File metadata and controls
180 lines (161 loc) · 7.22 KB
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Manchester Unity</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/logo.png">
</head>
<body>
<!-- header section -->
<header>
<input type="checkbox" name="" id="toggler"/>
<label for="toggler" class="fas fa-bars"></label>
<a href="#" class="logo">Manchester<span>
Unity</span></a>
<nav class="navbar">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="fasilitas/facility1.html">Why Us</a>
</nav>
<div class="icons">
<!-- <a href="#" class="fas fa-heart"></a> -->
<a href="Merch/merch.html" class="fas fa-shopping-cart"></a>
<!-- <a href="#" class="fas fa-user"></a> -->
</div>
</header>
<!-- home section -->
<section class="home" id="home">
<div class="content">
<h3>The Game Awaits</h3>
<span>Buy Your Ticket Now</span>
<p>
Manchester United is a football club based in Manchester, England. They are one
of the most successful clubs in England, having won numerous domestic and
international titles.
</p>
<a href="halamanTiket/Tiket.html" class="btn">Get Now</a>
</div>
</section>
<!-- about section -->
<section class="about" id="about">
<h1 class="heading">
<span style="color: white;">
about
</span>
us</h1>
<div class="row">
<div class="content">
<p>
Manchester United (MU) is one of many football clubs based in England. Our passion for this football club goes beyond mere fandom; it serves as a valuable lesson in unity. Despite frequently facing defeats, the club remains optimistic and approaches upcoming matches together, without anyone leaving with feelings of disappointment.
</p>
<div class="tombols">
<a href="https://www.manutd.com/" class="btn" target="_blank">learn more</a>
</div>
</div>
</div>
</section>
<div class="facility">
<div class="fasilitas">
<h1>Why Choose Us</h1>
</div>
<div class="div">
<div class="logo">
<h1>Hotel
<i class="bi bi-building"></i>
</h1>
</div>
<p>We provide access to an extensive selection of hotels, from luxurious resorts to cozy boutique stays. Each listing includes comprehensive information, such as amenities, guest reviews, and competitive pricing. This allows travelers to make informed choices and enjoy a restful experience tailored to their needs.</p>
</div>
<div class="div">
<div class="logo">
<h1>accommodation
<i class="bi bi-egg-fried"></i>
</h1>
</div>
<p>Our website offers a wide range of hotel accommodations, catering to various budgets and preferences. With user-friendly filters and detailed descriptions, travelers can easily find the perfect place to stay, ensuring comfort and convenience during their trip.</p>
</div>
<div class="div">
<div class="logo">
<h1>Transportation
<i class="bi bi-airplane"></i>
</h1>
</div>
<p>We provide reliable transportation services that enhance the travel experience. From airport transfers to local transport options, our services ensure that users can navigate their destinations effortlessly, saving time and reducing stress.</p>
</div>
<div class="div">
<div class="logo">
<h1>Destination
<i class="bi bi-star"></i>
</h1>
</div>
<p>Our curated destination guides highlight the best attractions, activities, and local experiences available. By showcasing popular sights and hidden gems, we help travelers maximize their adventures, allowing them to immerse themselves in the culture and beauty of each location.</p>
</div>
</div>
<div class="tombol">
<a href="fasilitas/facility1.html" class="btn">learn more</a>
</div>
<section class="footer">
<div class="box-container">
<div class="box">
<h3>follow us</h3>
<a href="#">
<i class="bi bi-instagram"></i>
</a>
<a href="#">
<i class="bi bi-facebook"></i>
</a>
</div>
<div class="box satu">
<h3>locations</h3>
<a href="#">India</a>
<a href="#">French</a>
<a href="#">USA</a>
<a href="#">Indonesia</a>
<a href="#">South Korea</a>
<a href="#">Japan</a>
</div>
<div class="box dua">
<h3>
<a href="Protofolio/index.html" target="_blank">contact info</a>
</h3>
<ul>
<li>535220106</li>
<li>535220112</li>
<li>535220135</li>
<li>535220143</li>
<li>535220146</li>
<li>535220148</li>
<li>535220151</li>
<li>535220164</li>
<li>535220254</li>
</ul>
</div>
<div class="credit">
created by
<span style="color: #c70101;">Manchesther Unity Team</span>| all rights reserved
</div>
</section>
<script>
document.addEventListener('scroll', () => {
const header = document.querySelector('header');
if (window.scrollY > 0) {
header
.classList
.add('scrolled');
} else {
header
.classList
.remove('scrolled')
}
})
</script>
</body>
</html>