Hotel_project/index.html at main · Ramyadav8383/Hotel_project · 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
95
96
97
98
99
100
101
102
103
104
105
106
107
<!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 Most Extraordinary Hotel In India">
  <meta name="keywords" content="Hotel, India hotel, Best hotel ">
  <link rel="stylesheet" href="CSS/style.css">
  <link rel="stylesheet" media="screen and (max-width:768px)" href="CSS/mobile.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
    integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
  <title>Hotel URS |Welcome</title>
</head>

<body>
  <!-- section header -->
  <header>
    <nav id="navbar">
      <div class="container">

        <h1 class="logo"><a href="index.html">URS</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>
          <li><a href="contact.html">SIGN UP</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. Voluptatum voluptatem magni eum
            delectus. Quis
            aperiam, distinctio autem cupiditate consequuntur ipsam! Lorem.
          </p>
          <a class="btn" href="about.html">About Our Hotel</a>
        </div>
      </div>
    </div>
  </header>

  <!-- section Home -->
  <section id="home-info" class="bg-dark">
    <div class="info-img">
      <img src="./image/" alt="">

    </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. Ut illo rerum voluptatem neque, placeat ipsam eaque
        harum nemo corporis odit. Laborum sunt quibusdam, inventore non dolore eveniet sequi vitae similique animi
        placeat natus, ad assumenda. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi ipsam tempore
        excepturi, tenetur perspiciatis amet.</p>
      <a class=" btn btn-light" href="about.html">Read More</a>
    </div>

  </section>

  <!-- section features -->

  <section id="features">
    <div class="box">
      <div class="logo">
        <i class="fa-solid fa-hotel"></i>
      </div>
      <div>
        <h2>Great Location</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A, ipsa Lorem ipsum dolor sit amet.</p>
      </div>
    </div>

    <div class="box bg-secondary">
      <div class="logo">
        <i class="fa-solid fa-utensils"></i>
      </div>
      <div>
        <h2>Free Meal</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A, ipsa Lorem ipsum dolor sit amet.</p>
      </div>
    </div>

    <div class="box">
      <div class="logo">
        <i class="fa-solid fa-dumbbell"></i>
      </div>
      <div>
        <h2>Fitness Room</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A, ipsa Lorem ipsum dolor sit amet.</p>

      </div>
    </div>

  </section>


  <footer id="main-footer">
    <p>Hotel URS &copy;2022, All Rights Reserved</p>
  </footer>
</body>

</html>