-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (104 loc) · 4.05 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link
href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<img src="img/logoo.png" alt="" class="logo">
<ul>
<li>Home</li>
<li>About</li>
<li>Gallery</li>
<li>Blog</li>
<li>Contact Us</li>
</ul>
</nav>
</header>
<div class="top">
<h1 class="dark">Dark <span class="house">House</span></h1>
<div class="dp">
<p class="dptext">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas earum, autem eveniet, impedit adipisci nulla aperiam pariatur dolorem, qui molestias et nihil rem quibusdam maiores cumque beatae blanditiis illum aspernatur.</p>
</div>
<div class="bookn">
<button class="bt">Booking Now</button>
<button class="bt">Booking Now</button>
</div>
</div>
<div class="abouts">
<div class="aboutimg">
<img src="img/about.jpeg" alt="" class="aboutimgset">
</div>
<div class="abouttext">
<h1 class="at"> About <span class="sec">Section</span></h1>
<span class="lt">
<p class="al">Lorem ipsum, dol sint, dolores, officia magni qui accusantium odio eaque necessitatibus facilis repellendus saepe. Officiis voluptate voluptatibus sed deleniti ex perferendis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde tenetur nam, natus quam est eaque magnam iure repellat omnis autem. Ipsum, velit! Accusantium incidunt voluptate reiciendis dolorum sed rem magni? earum voluptatem non delectus eos. Eius culpa quisquam molestiae doloremque corporis possimus, accusamus iure <dolor class="lorem"></dolor></p>
</span>
<span class="but">
<button class="visit">Visit Now</button>
</span>
</div>
</div>
<div class="places">
<h2 class="our">Our Places</h2>
<p class="our2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia, nihil.</p>
<div class="card1">
<img src="img/dubai.jpeg" alt="" class="place1">
<h1 class="name">Dubai</h1>
<p class="ct">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, asperiores.</p>
<button class="bb">Book</button>
</div>
<div class="card1">
<img src="img/ball.png" alt="" class="place1">
<h1 class="name">Turki</h1>
<p class="ct">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, asperiores.</p>
<button class="bb">Book</button>
</div><div class="card1">
<img src="img/qatar.jpg" alt="" class="place1">
<h1 class="name">Qatar</h1>
<p class="ct">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, asperiores.</p>
<button class="bb">Book</button>
</div>
</div>
<div class="count">
<h1 class="bottom">Top Countries</h1>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
</div>
<div class="count">
<h1 class="bottom">Quick Booking</h1>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
</div> <div class="count">
<h1 class="bottom">Contact Us</h1>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
<p>Lorem, ipsum dolor.</p>
</div>
<div class="count">
<div class="icon">
<i class="ri-github-fill"></i>
<i class="ri-facebook-circle-fill"></i>
<i class="ri-twitter-fill"></i>
<i class="ri-instagram-line"></i>
<i class="ri-linkedin-fill"></i>
</div>
</div>
</body>
</html>