-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (65 loc) · 4.12 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
<!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">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div absolute class="bg-gray-100 left-0 right-0 ">
<div class="h-20 w-full">
<img src="https://thrilltourism.com/assets/images/logo-dark-sm.png" alt="thrilltourismlogo" class="absolute top-8 left-10 h-8 sm:w-8 md:w-full lg:w-12 xl:w-40 bg-gray-100"/>
<img src="https://thenounproject.com/api/private/icons/4836692/edit/?backgroundShape=SQUARE&backgroundShapeColor=%23000000&backgroundShapeOpacity=0&exportSize=752&flipX=false&flipY=false&foregroundColor=%23000000&foregroundOpacity=1&imageFormat=png&rotation=0" alt="nav-bar" class="absolute top-8 left-20 m-2 h-5 md:left-0"/>
<div class="absolute top-4 right-20 h-12">
<div class="absolute top-0 right-16">
<button class="bg-blue-700 h-auto py-1 text-white border border-blue-700 rounded-md p-7 custom-button whitespace-normal md:whitespace-nowrap flex-shrink-0">
Near me
</button>
</div>
</div>
<div class="absolute top-4 right-4">
<div class="absolute top-0 right-4">
<button class="bg-blue-700 h-auto py-1 text-white border border-blue-700 rounded-md p-7 custom-button whitespace-normal md:whitespace-nowrap flex-shrink-0">
Add a Listing
</button>
</div>
</div>
</div>
<hr class="border-t-0.5 border-gray-400 top-12 opacity-50 px-4"/>
<div class=" rounded-md overflow-hidden top-0 relative p-5 bg-gray-100 rounded-md ">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3581290.450747591!2d76.7286729738794!3d28.768699828461!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1690688797140!5m2!1sen!2sin" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="h-500 "></iframe>
</div>
<div class="absolute ml-auto mr-auto pt-4 right-40">
<button class="bg-blue-700 py-1 inline text-white border border-blue-700 rounded-md p-4 custom-button ">
near me
</button>
</div>
</div>
<div class=" top-20 mb-8 mt-20 p-8 ml-4 mr-4 right-20 border border-blue-300 rounded-lg h-80">
<img src="https://cdn1.goibibo.com/voy_ing/t_fs/solan-kasauli-147632372611o.jpeg" alt="kasauli"class="p-4 top-8" />
<p class="relative top-2 italic text-gray-500 ">Blog</p>
<p class="relative top-2 text-gray font-color-gray-800">Kasauli Trip FAQs</p>
<img src="https://w7.pngwing.com/pngs/1002/1014/png-transparent-google-map-maker-google-maps-computer-icons-pin-red-and-white-logo-angle-heart-map-thumbnail.png" alt="mapslogo" class="relative h-3 w-3 left-60 bottom-1">
<p class="relative left-64 bottom-6">Solan</p>
</div>
<div>
<p class="absolute left-16 lh-12 font-bold text-gray-600 tracking-wide">List your tourism services for free</p>
<div class="text-left md:text-center">
<p class=" p-6 whitespace-nowrap text-gray-500 font-bold tracking-wide">
Thrill tourism is an online platform that enables tourists to directly connect with hosts, without any commission fees.
</p>
</div>
</div>
<div class="absolute ml-auto mr-auto pt-4 right-20">
<button class="bg-blue-700 py-1 inline text-white border border-blue-700 rounded-md p-4 custom-button">
Publish your add for free
</button>
</div>
<div>
<p class="absolute p-10 mt-10 text-gray-400">2023 © thrilltourism.com |</p>
<p class="absolute left-48 p-10 mt-10 text-black-400 text-inline">Privacy Policy</p>
</div>
</body>
</html>