UI-From-Scratch/index.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
72
73
74
75
76
77
78
79
<!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">
    <script src="https://kit.fontawesome.com/da315f8764.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" media="screen and (max-width:767px)" href="css/mobile.css">
    <title>Hotel BT | Welcome</title>
</head>

<body>
    <header>
        <nav id="navbar">
            <div class="container">
                <h1 class="logo"> <a href="index.html">HBT</a></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. Nam, molestias laboriosam
                        qui adipisci
                        modi blanditiis.</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. Molestiae natus necessitatibus tenetur vitae
                facere soluta impedit earum, pariatur tempora veritatis ducimus explicabo fugiat iure unde ea, obcaecati
                atque voluptates error repellat voluptatum facilis maxime autem! Magnam commodi non nemo repudiandae.
            </p>
            <a href="about.html" class="btn btn-light">Read More</a>
        </div>
    </section>

    <section id="features">
        <div class="box bg-light">
            <i class="fas fa-hotel fa-3x"></i>
            <h3>Great Location</h3>
            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi, quas.</p>
        </div>
        <div class="box bg-primary">
            <i class="fas fa-utensils fa-3x"></i>
            <h3>Free Breakfast</h3>
            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi, quas.</p>
        </div>
        <div class="box bg-light">
            <i class="fas fa-dumbbell fa-3x"></i>
            <h3>Fitness Room </h3>
            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi, quas.</p>
        </div>
    </section>

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

    </footer>

</body>

</html>