-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (102 loc) · 3.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta
name="description"
content="Welcome to the most extraordinary hotel in Brisbane, Australia"
/>
<meta name="keywords" content="hotel,brisbane hotel, queensland hotel" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<script
src="https://kit.fontawesome.com/d06c559023.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="css/style.css" />
<link
rel="stylesheet"
media="screen and (max-width: 800px) "
href="css/mobile.css"
/>
<link
rel="stylesheet"
media="screen and (max-width: 500px) "
href="css/mobile-2.css"
/>
<title>Hotel Website | Welcome</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">Hotel <span class='text-primary'>Logo</span></span></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. Modi,
corporis.
</p>
<a class="btn" href="about.html">About Our Hotel</a>
</div>
</div>
</div>
</header>
<section id="home-info" class="bg-light">
<div class="info-img">
<img src="./img/photo-1.png" alt="Hotel Room" />
</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. Voluptatum,
quibusdam vero facere quam pariatur suscipit consequuntur quis tenetur
facilis officiis, minus temporibus cumque, fugit ipsam deserunt!
Necessitatibus quod rem et iste odio, ab saepe, explicabo harum
deserunt obcaecati natus corrupti.
</p>
<a href="about.html" class="btn btn-dark">Read More</a>
</div>
</section>
<section id="features">
<div class="box btn-light">
<i class="fas fa-hotel fa-3x"></i>
<h3>Great Location</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae,
facilis!
</p>
</div>
<div class="box bg-primary">
<i class="fas fa-utensils fa-3x"></i>
<h3>Free Meals</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae,
facilis!
</p>
</div>
<div class="box btn-light">
<i class="fas fa-dumbbell fa-3x"></i>
<h3>Fitness Room</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae,
facilis!
</p>
</div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<p>Hotel Name ©2020, All rights Reserved</p>
</footer>
</body>
</html>