HTML_CSS_EXAMPLES/about.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
<!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 | About</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 href="index.html">Home</a></li>
          <li><a class="current" href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
    </nav>
    </div>
  </header>
  <section id="about-info" class="bg-light">
    <div class="container">
      <div class="info-left">
        <h1 class="l-heading"><span class="text-primary">About</span>  Hotel WD</h1>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde modi a veniam libero molestiae soluta quidem, porro alias. Saepe illum perferendis blanditiis provident in consequatur voluptas mollitia ea ex facere.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, eaque enim? Sunt architecto voluptatum nisi nostrum voluptas vitae eveniet voluptates.</p>

      </div>
      <div class="info-right">
        <img src='./img/photo-2.jpg' alt="My Image"
        class="py4">
      </div>
    </div>
  </section>

  <div class="clr"></div>

  <section id="testimonials" class="py3">
    <div class="container">
      <h2 class="l-heading">What Our Guests Are Saying</h2>
      <div class="testimonial bg-primary">
        <img src="./img/person-1.jpg" alt="Samantha">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quasi in iste laboriosam nam distinctio ipsam consequatur blanditiis similique unde numquam saepe et fugiat impedit doloribus dolorum tenetur, dignissimos perspiciatis modi sint. Doloremque, nulla. Possimus illo debitis temporibus quas distinctio. </p>
      </div>
      <div class="testimonial bg-primary">
        <img src="./img/person-2.jpg" alt="Jen">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quasi in iste laboriosam nam distinctio ipsam consequatur blanditiis similique unde numquam saepe et fugiat impedit doloribus dolorum tenetur, dignissimos perspiciatis modi sint. Doloremque, nulla. Possimus illo debitis temporibus quas distinctio. </p>
      </div>
    </div>
  </section>

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