UI-From-Scratch/about.html at master · AEM-Bot/UI-From-Scratch · 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
66
67
68
69
70
71
<!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 extraordianry hotel in New Jersey">
    <meta name="keywords" content="hotel,new jersey hotel">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" media="screen and (max-width:767px)" 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="bg-light py-3">
        <div class="container">
            <div class="info-left">
                <h1 class="l-heading"><span class="text-primary">About</span> Hotel BT</h1>
                <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Enim, ea est iusto dignissimos repellat,
                    aperiam magni omnis repellendus assumenda impedit nesciunt, sunt amet ullam blanditiis labore
                    tenetur aut nisi harum!</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error delectus cum nemo laudantium
                    temporibus? Quas excepturi libero ullam aliquam deserunt!</p>
            </div>
            <div class="info-right">
                <img src="./img/photo-2.jpg" alt="hotel">
            </div>
        </div>
    </section>

    <div class="clr"></div>
    <section id="testimonials" class="py-3">
        <div class="container">
            <h2 class="l-heading">What Our Guests Say</h2>
            <div class="testimonial bg-primary">
                <img src="./img/person-1.jpg" alt="Samantha">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci fugiat deserunt eaque consectetur
                    sunt quas, enim animi accusamus eveniet, optio, temporibus maxime dolores voluptatibus aspernatur ut
                    quam minus? Autem itaque totam deserunt sequi quo sed a dolorum est, voluptas aliquam?.</p>
            </div>
            <div class="testimonial bg-primary">
                <img src="./img/person-2.jpg" alt="Vicky">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci fugiat deserunt eaque consectetur
                    sunt quas, enim animi accusamus eveniet, optio, temporibus maxime dolores voluptatibus aspernatur ut
                    quam minus? Autem itaque totam deserunt sequi quo sed a dolorum est, voluptas aliquam?.</p>
            </div>
        </div>
    </section>


    <footer id="main-footer">
        <p>Hotet BT &copy; 2020, All Rights Reserved </p>

    </footer>

</body>

</html>