-
Notifications
You must be signed in to change notification settings - Fork 14
/
about.html
177 lines (166 loc) · 10.2 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
170
171
172
173
174
175
176
177
<!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">
<!-- 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 role="banner">
<nav style = "color: rgba(255, 255, 255, 0.72);" class="navbar sticky-top navbar-expand-lg navbar-light bg-light" id = "navbar">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class = "container">
<a class=" nav-item active" href="#new">
<img style = "margin-bottom: 46px;" src="assets/images/logo.png" width="160" height="28" alt = "Logo" class="d-inline-block align-top" alt="">
</a>
<div class="collapse navbar-collapse flex-column" id="navbarSupportedContent" justify-content-end>
<ul style = "margin-top: 9px" class="navbar-nav ml-auto">
<li class="nav-item active px-lg-3">
<a class="nav-link" href="#">+919999999999<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active px-lg-3">
<a class="nav-link" href="frontend\about.html">ABOUT<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active px-lg-3">
<a class="nav-link" href="#">CONTACT US<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active px-lg-3">
<a class="nav-link" href="#">THEME<span class="sr-only">(current)</span></a>
</li>
</ul>
<ul style = "margin-top: 20px;" class="navbar-nav flex-row mx-auto">
<li white-space: nowrap;overflow: hidden; class="nav-item active px-lg-5">
<a class="nav-link" href="#">HOTELS<span class="sr-only">(current)</span></a>
</li>
<li style = "white-space: nowrap;overflow: hidden;" class="nav-item active px-lg-5">
<a class="nav-link" href="#">TOURS<span class="sr-only">(current)</span></a>
</li>
<li style = "white-space: nowrap;overflow: hidden;" class="nav-item active px-lg-5">
<a class="nav-link" href="#">GIFT CARDS<span class="sr-only">(current)</span></a>
</li>
<li style = "white-space: nowrap;overflow: hidden;" class="nav-item active px-lg-5">
<a class="nav-link" href="#">BLOGS<span class="sr-only">(current)</span></a>
</li>
<li style = " white-space: nowrap;overflow: hidden;" class="nav-item active px-lg-5">
<a class="nav-link" href="#">PARTNER WITH US<span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</div>
</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>