css-float/about.html at master · TopeAanu/css-float · 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
<!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">
  <meta name="description" content="Welcome To My Website">
  <meta name="keyword" content="a simple hotel website">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
  <title>About</title>
</head>
<body>
  <header>
    <nav id="navbar">
      <div class="container">
        <h1 class="logo"><a href="index.html">TOPE</a> </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>
  </header>

  <section id="about-info" class="bg-light py-3" >
    <div class="container">
      <div class="info-left">
          <h1 class="l-heading"><span class="text-primary">About</span> Our Site</h1>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem veritatis illo, similique labore voluptate nulla animi dolorum eius laborum illum, nesciunt quod reprehenderit dicta autem vel nobis minima sit deleniti!</p>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A velit voluptatem impedit voluptate. Doloribus, voluptas dolore! Cupiditate aliquid sequi deserunt.</p>
      </div>


      <div class="info-right">
        <img src="./img/photo-2.jpg" alt="aboutImage">
      </div>
    </div>
  </section>

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

  <section id="testimonials" class="py-3">
    <div class="container">
      <h2 class="l-heading">What Our Guest Say</h2>
      <div class="testimonial bg-primary">
        <img src="./img/FB_IMG_16314815811206726.jpg" alt="Trust">
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui sed veniam doloribus voluptatum deserunt minima eaque soluta quo assumenda nobis quos consequuntur, vero deleniti nam dolores tenetur iste necessitatibus dignissimos? Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, ullam.</p>
      </div>

    <div class="testimonial bg-primary">
        <img src="./img/person-2.jpg" alt="Coco">
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui sed veniam doloribus voluptatum deserunt minima eaque soluta quo assumenda nobis quos consequuntur, vero deleniti nam dolores tenetur iste necessitatibus dignissimos? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eum, sit?</p>
      </div>
    </div>
  </section>

  <footer id="main-footer">
    <p>Hotel BT &copy; 2019, All RIghts Reserved</p>
  </footer>
</body>
</html>