HTML_CSS_EXAMPLES/index.html at master · Wesley-J-Davis/HTML_CSS_EXAMPLES · GitHub

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
<!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 best hotel in Monterey, CA">
  <meta name="keywords" content = "hotel,Monterey,CA,vacation">
  <link rel="stylesheet" href="css/style.css">
  <title> Hotel WD | Welcome</title>
</head>
<body>
  <header>
    <nav id="navbar">
      <div class="container">
        <h1 class="logo"><a href="index.html"></a> <span id="logo-H">H</span>WD</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. Maiores vitae temporibus consectetur harum debitis tenetur repellendus, placeat esse. Ex, quod.</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. Minima deleniti neque voluptate quod. Veniam atque at numquam ab delectus nam rerum ea eaque sint similique possimus minima, iure nostrum quia. Cum officia eligendi atque ex qui molestiae, maiores dolor corrupti, unde, deserunt quam accusamus quaerat! Incidunt eveniet consequuntur recusandae. Quibusdam illo tempora, impedit quos numquam explicabo illum amet voluptatum tempore!</p>
        <a href="about.html" class="btn btn-light">More Info</a>
      </div>
    </section>

    <section id="features">
      <div class="box bg-light">
        <h3>Great Location</h3>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Excepturi, molestiae?</p>
      </div>
      <div class="box bg-primary">
        <h3>Heated Pool</h3>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Excepturi, molestiae?</p>
      </div>
      <div class="box bg-light">
        <h3>Free WiFi</h3>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Excepturi, molestiae?</p>
      </div>
    </section>


</body>
<footer id="main-footer">
  <p>Hotel WD&copy 2020 All Rights Reserved</p>
</footer>
</html>