-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (68 loc) · 3.25 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
<!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">
<title>Hotel TeamAZUR | Welcome</title>
<meta name="description" content="Welcome to the most extraordinary hotel in Manila, Philippines">
<meta name="keywords" content="hotel, manila hotel, philippines hotel, hotel at home">
<!-- <script src="https://kit.fontawesome.com/682d4c96bf.js" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./css/style.css">
<link
rel="stylesheet"
media="screen and (max-width: 768px)"
href="css/mobile.css"
/>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html"> HTA</a></h1>
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<div id="showcase">
<div class="container">
<div class="showcase-content">
<h1><span class="text-primary">Enjoy</span> Your Stay</h1>
<p class="lead">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolor, eligendi laboriosam. Repellendus officia harum eaque.
</p>
<a class="btn" href="about.html">About Our Hotel</a>
</div>
</div>
</div>
</header>
<section id="home-info" class="bg-dark">
<div class="info-img"></div>
<div class="info-content">
<h2><span class="text-primary"> The History </span>Of Our Hotel</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda aliquam dolor alias iste autem, quaerat magni unde accusantium qui fuga placeat quidem quo pariatur, voluptatum, ea sequi? Corporis, explicabo quisquam dolor placeat praesentium nesciunt mollitia quos nobis natus voluptatum asperiores!</p>
<a href="about.html" class="btn btn-light">Read More</a>
</div>
</section>
<section id="features">
<div class="box bg-light">
<i class="fa-solid fa-hotel fa-3x"></i><h3>Great Location</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, error?</p>
</div>
<div class="box bg-primary">
<i class="fa-solid fa-utensils fa-3x"></i><h3>Free Meals</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, error?</p></div>
<div class="box bg-light">
<i class="fa-solid fa-dumbbell fa-3x"></i><h3>Fitness Room</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, error?</p></div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<p>Hotel TeamAZUR © 2023, All Rights Reserved</p>
</footer>
</body>
</html>