forked from Suyash-Srivastava/Final_page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·169 lines (158 loc) · 8.67 KB
/
about.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<!-- CSS Stylesheets -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Bootstrap Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<body>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!--Nav bar start-->
<header>
<div class="menu-toggle"></div>
<div class="pro-pic">
<img src="assets/images/demo.png" alt="">
</div>
<nav class="nav-1">
<div class="logo">
<img src="assets/images/logo.png" width="160" height="78" alt = "Agixury logo" class="d-inline-block align-top">
</div>
<div class="lists">
<ul id = "top">
<li><a href="tel : +91 9999999999">+91 9999999999</a></li>
<li><a class="active" href="#">HOME</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">THEME</a></li>
</ul>
</div>
</nav>
<nav class="nav-2">
<ul>
<li class="about">
<img src="assets/images/demo.png" alt="">
<p>JOHN WICK</p>
</li>
<li><a class="active" href="#">HOTELS</a></li>
<li><a href="#">TOURS</a></li>
<li><a href="#">GIFT CARDS</a></li>
<li><a href="#">BLOGS</a></li>
<li><a href="#">PARTNER WITH US</a></li>
<li class="about"><a href="#">CONTACT</a></li>
<li class="about"><a href="#">ABOUT</a></li>
<li class="about"><a href="#">THEME</a></li>
</ul>
</nav>
</header>
<!--End of Navbar-->
<section id = "projects">
<div class="container-fluid">
<div class="row justify-content-center">
<div style = "margin-top: 70px; margin-bottom: 70px;" class = "welcome row justify-content-center">
<h1 style = "font-family: 'Raleway', sans-serif;">Welcome to Agixury</h1>
</div>
</div>
</div>
<div style = "margin-bottom: 10%;" class = "container">
<div class = "row align-items-center justify-content-between">
<div class="col-lg-6 col-md-6 img justify-content-center">
<img class = "img-fluid" src="images\pexels-pixabay-164287.png" id = "arty-img">
</div>
<div class="col-md-6" >
<div class = "row justify-content-start">
<p id = "top" class = "text" style = "text-align:left; font-family: SegoeUI; font-size: 21px; margin-bottom: 25px;">We are India’s biggest and fastest growing website; we are
the first and one and only website in India that offers
luxury 4-star and 5-star travel deals at low prices ever seen
in the market.</p>
<p class = "text bottom1" style = "text-align:left; font-family: SegoeUISemibold; font-size: 21px;margin-bottom: 25px;"><strong>Why give up on your travel plans just because of
last-minute hotel cancellations?, Why postpone
your favourite vacation which you have been
dreaming about for years just because of your
budget?</strong></p>
<p class = "text bottom2" style = "text-align:left; font-family: SegoeUI; font-size: 21px;margin-bottom: 25px;">At AGIXURY you can travel anywhere and anytime,
comfortably, cheaply, and safely! From the best swimming
pools to gyms, cuisine to the spa, our hotels have
everything covered. Our hotels are one of the best in the
locality and are ready to offer you the complete travel
package. So, wait no more! Pack your bags, start traveling,
and allow us to re-define luxury for you. Indulge in the
world of luxury with Agixury, VIP inclusions are also
available. So, let's get Agixurified!!</p>
</div>
</div>
</div>
</div>
</section>
</body>
<!-- Footer -->
<footer class="last page-footer font-small stylish-color-dark pt-4">
<div class="footer-mobile d-block d-md-none d-lg-none">
<div class="footer-mobile__wrapper d-flex flex-column justify-content-center align-items-center">
<div class="footer-title">
<h3>JOIN OUR NEWSLETTER</h3>
</div>
<div class="footer-caption">
<h5>To receive our best deals</h5>
</div>
<div class="footer-form">
<form submit="#">
<div class="d-flex flex-column align-items-center form-group">
<input class="footer-form__input" type="text" placeholder="Please enter your Email">
<button class="footer-form__button btn btn-dark" type="submit">SUBSCRIBE</button>
</div>
</form>
</div>
</div>
</div>
<div class="footer-top d-none d-md-block">
<div class="container">
<a href="#" style="text-decoration: none; color: black;">
<div class="footer-logo">
<img src="assets/images/black_wt.png" />
</div>
</a>
</div>
</div>
<div class="footer-main d-none d-md-block">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-7 col-lg-5 footer-list">
<p class="footer-list__item"><a href="#">About Us</a></p>
<p class="footer-list__item"><a href="#">Blogs</a></p>
<p class="footer-list__item"><a href="#">Contact Us</a></p>
<p class="footer-list__item"><a href="#">Terms & Conditions</a></p>
<p class="footer-list__item"><a href="#">Partner With Us</a></p>
</div>
<div class="col-md-5 col-lg-7 footer-list">
<p class="footer-list__item"><a href="#">Gift Cards</a></p>
<p class="footer-list__item"><a href="#">FAQ</a></p>
<p class="footer-list__item"><a href="#">Refer</a></p>
<p class="footer-list__item"><a href="#">Refund Policy</a></p>
<p class="footer-list__item"><a href="#">Careers</a></p>
</div>
</div>
</div>
<div class="col-md-6 footer-about">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to
using
"Content here, content here", making it look like readable English. Many desktop publishing packages and web page
editors
now use web sites still in their infancy.</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer End -->
</html>