-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (68 loc) · 2.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Welcome to the most extraordinary hotel in California">
<meta name="keywords" content="hotel, California hotel">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
<title>Hotel CA | Welcome</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">HCA</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. Similique, nesciunt aspernatur ipsum
modi iusto atque!</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. Nihil ullam accusantium dicta dolore nam nostrum non
optio adipisci quibusdam. Necessitatibus incidunt labore sunt dolorum repellendus officiis laborum quas, ipsa
unde reiciendis quae harum repellat soluta totam modi a impedit eius!</p>
<a href="about.html" class="btn btn-light">Read More</a>
</div>
</section>
<section id="features">
<div class="box bg-light">
<i class="fas fa-hotel fa-3x"></i>
<h3>Great Location</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, iusto.</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. Culpa, iusto.</p>
</div>
<div class="box bg-light">
<i class="fas fa-dumbbell fa-3x"></i>
<h3>Fitness Room</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, iusto.</p>
</div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<p>Hotel CA © 2019, All Rights Reserved</p>
</footer>
</body>
</html>