HotelProject/index.html at main · monybaruch/HotelProject · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!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 the best booking site in Tel-Aviv Israel"
    />
    <meta name="keywords" content="hotel, booking, Tel-Aviv, vacation" />
    <script
      src="https://kit.fontawesome.com/b456e08e90.js"
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="./CSS/style.css" />
    <link
      rel="stylesheet"
      media="screen and (max-width: 768px)"
      href="css/mobile.css"
    />
    <title>Hotel MB | Hotels Booking in Tel-Aviv</title>
  </head>
  <body>
    <header>
      <nav id="navbar">
        <div class="container">
          <h1 class="logo"><a href="index.html">HMB</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>
    </header>
    <section class="showcase">
      <div class="showcase-content">
        <h2><span class="primary-text"> Your </span>Stay In</h2>
        <p class="lead">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil
          perspiciatis ad deserunt quia voluptate delectus soluta accusantium a
          esse adipisci tenetur laudantium aut incidunt veritatis, reprehenderit
          obcaecati ea maxime amet laborum enim eius! Accusantium, tenetur. Id
          dolorem est numquam voluptates.
        </p>
        <a class="btn-links" href="about.html">About Our Hotel</a>
      </div>
    </section>
    <section class="info">
      <div class="info-img"></div>
      <div class="info-content bg-dark">
        <h2><span class="primary-text">The History</span> Of Our Hotel</h2>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur
          non reprehenderit ullam eius. Facere fugiat suscipit id laudantium!
          Vitae praesentium distinctio nesciunt iure. Rem, unde debitis. Unde,
          dolor aliquam iure voluptate repellat consequuntur neque cumque
          eligendi pariatur libero alias nostrum facere facilis vero quasi
          commodi deserunt, expedita temporibus vel eos!
        </p>
        <a class="btn-links btn-light" href="about.html">Read More</a>
      </div>
    </section>
    <section class="features">
      <div class="box bg-light">
        <i class="fa-solid fa-hotel fa-3x"></i>
        <h3>Great Location</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta, quam?
        </p>
      </div>
      <div class="box bg-primary">
        <i class="fa-solid fa-bowl-food fa-3x"></i>
        <h3>Free Meals</h3>
        <p>
          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga,
          voluptatibus?
        </p>
      </div>
      <div class="box bg-light">
        <i class="fa-solid fa-dumbbell fa-3x"></i>
        <h3>Fitness Room</h3>
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, sunt.
        </p>
      </div>
    </section>
    <div class="clearFloat"></div>
    <footer class="main-footer bg-dark">
      <p>Hotel MB &copy; 2023, All Rights Reserved</p>
    </footer>
  </body>
</html>