Hotel-BT/about.html at master · Shaleengovil25/Hotel-BT · 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
65
<!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 most extra ordinary hotel">
    <meta name="keywords" content="hotel">
    <link rel="stylesheet" href="CSS/style.css">
    <link rel="stylesheet" media="screen and (max-width:768px)" href="CSS/mobile.css">
    <title>Hotel BT | About </title>
</head>
<body>
    <header>
        <nav id="navbar">
            <div class="container">
                    <h1 class="logo"><a href="index.html">HBT</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="light">
            <div class="container ">
                <div class="info-left">
                    <h1 class="l-heading"> <span class="text">About</span> Hotel BT</h1>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam consequuntur et voluptatibus possimus quidem vero ea suscipit! Perspiciatis officiis officia explicabo ratione nam voluptatum consectetur eligendi tempora repellat unde. Eos!</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores consequuntur dolores quibusdam cumque corporis error in exercitationem tempore tempora hic.</p>

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

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

        <section id="testimonials" >
            <div class="container">
             <h2 class="l-heading">What our guests say</h2>
             <div class="testimonial bg-2" >
                 <img src="./Img/person-1.jpg" alt="samantha">
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit ullam tempora, animi earum ab dolorum mollitia molestias aliquam laborum magnam blanditiis atque velit aspernatur voluptatem numquam iusto debitis perspiciatis non dolores laudantium suscipit culpa optio architecto. Voluptas quam illum est.</p>

             </div>
             <div class="testimonial bg-2" >
                <img src="./Img/person-2.jpg" alt="jen">
                 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit ullam tempora, animi earum ab dolorum mollitia molestias aliquam laborum magnam blanditiis atque velit aspernatur voluptatem numquam iusto debitis perspiciatis non dolores laudantium suscipit culpa optio architecto. Voluptas quam illum est.</p>

                </div>

            </div>
        </section>

        <footer id="main">
            <p>Made with &hearts; by <a href="https://shaleen.co" >Shaleen Govil</a> .</p>

        </footer>
</body>
</html>