-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (213 loc) · 8.69 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
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!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,maximum-scale=1">
<title>Compass Starter by Ariona, Rian</title>
<!-- Loading third party fonts -->
<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,700|" rel="stylesheet" type="text/css">
<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Loading main css file -->
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="js/ie-support/html5.js"></script>
<script src="js/ie-support/respond.js"></script>
<![endif]-->
</head>
<body>
<div class="site-content">
<header class="site-header" data-bg-image="images/banner.png">
<div class="container">
<a href="#" class="branding">
<img src="images/logo.png" alt="Apartments">
<h1 class="site-title">RKS Apartments</h1>
<small class="site-description">Live better</small>
</a>
</div>
<div class="banner" >
<div class="banner-content">
<div class="container">
<div class="cta">
<a href="#">
<a href="#" class="arrow-button"><i class="fa fa-angle-right"></i></a>
<h2>The Tower Lounge on the 12th floor offers you a unique space to do just that.</h2>
<small>There may come days when you need a break from it all. And on others, a get together with friends or family may sound like just the thing you need. Towering above the city with uninterrupted views, indoor games and more, it's the perfect get away for blissful solitude and a joyful gathering</small>
</a>
</div>
<div class="subscribe-form">
<form action="#">
<small class="form-subtitle">Start to live in Your</small>
<h2 class="form-title">RKS Apartment</h2>
<p>Emerald LightHouse, a stylish high-rise community designed to offer you an exceptional lifestyle</p>
<div class="control">
<input type="text" placeholder="Your name...">
<i class="fa fa-user"></i>
</div>
<div class="control">
<input type="text" placeholder="Email address...">
<i class="fa fa-envelope"></i>
</div>
<div class="control">
<input type="text" placeholder="Phone number...">
<i class="fa fa-phone"></i>
</div>
<input type="submit" value="Subscribe now">
</form>
</div>
</div>
</div>
</div>
</header> <!-- .site-header -->
<main class="main-content">
<div class="fullwidth-block">
<div class="container">
<h2 class="section-title">What is so great in our apartments?</h2>
<div class="row">
<div class="col-md-5">
<ul class="arrow-list">
<li>SWIMMING POOL WITH A DECK</li>
<li>MULTIPURPOSE HALL</li>
<li>CHILDREN PLAY AREA</li>
<li>LANDSCAPED PODIUM</li>
<li>MODERN GYMNASIUM</li>
</ul>
</div>
<div class="col-md-7">
<div class="feature-slider">
<ul class="slides">
<li>
<figure>
<img src="images/feature-1.jpg" alt="Feature 1">
<figcaption>
<h3 class="feature-title">PRIVATE BALCONY
Enjoy your morning coffee on your private Balcony with a cafe table and a chair.
</h3>
<small class="feature-desc">Velit esse cillum dolore pariatur</small>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/feature-2.jpg" alt="Feature 2">
<figcaption>
<h3 class="feature-title">Dolor in reprehenderit in voluptate velit</h3>
<small class="feature-desc">Reprehenderit in voluptate velit</small>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/feature-3.jpg" alt="Feature 3">
<figcaption>
<h3 class="feature-title">Quisquam dolorem ipsum quia dolor sit</h3>
<small class="feature-desc">Quia dolor ipsum quia dolor sit</small>
</figcaption>
</figure>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="fullwidth-block" data-bg-color="#f0f0f0">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="feature">
<div class="feature-icon"><img src="images/icon-location.png" alt=""></div>
<h3 class="feature-title">Perfect location</h3>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature">
<div class="feature-icon"><img src="images/icon-golf.png" alt=""></div>
<h3 class="feature-title">Golf & GYM course</h3>
<p>Well equipped with bars, weights,
ropes, etc, for games & physical training</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature">
<div class="feature-icon"><img src="images/icon-valet.png" alt=""></div>
<h3 class="feature-title">Private valet</h3>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature">
<div class="feature-icon"><img src="images/icon-phone.png" alt=""></div>
<h3 class="feature-title"> LANDSCAPED PODIUM</h3>
<p>Park with Lush Green natural, cultural and scenic values</p>
</div>
</div>
</div>
<div class="post-list">
<article class="post">
<figure class="feature-image" data-bg-image="images/figure-1.jpg"></figure>
<div class="post-detail">
<h2 class="entry-title">Location Advantages</h2>
<p>prestigious Nungambakkam High Road, the neighbourhood is abound with multinational commercial establishments, Important Govt offices, Foreign Consulates, Educational Institutions, shopping malls, star hotels, restaurants and cultural centres. </p>
<a href="#" class="button">See more</a>
</div>
</article>
<article class="post">
<figure class="feature-image" data-bg-image="images/figure-1.jpg"></figure>
<div class="post-detail">
<h2 class="entry-title">It's right opposite to Embassy Splendid Tech zone, an upcoming IT Hub near Pallavaram, with easy access to the Metro, the Airport and the IT belt..</p>
<a href="#" class="button">See more</a>
</div>
</article>
<article class="post">
<figure class="feature-image">
<iframe width="854" height="510" src="https://www.youtube.com/embed/B8dmbnTsy3g" frameborder="0" allowfullscreen></iframe>
</figure>
<div class="post-detail">
<h2 class="entry-title">Specifications</h2>
<p>RCC framed structure with earthquake resistant design
Engineered Marble flooring for Foyer, living and Dining
Premium laminated wooden flooring for master bedroom
Vitrified tiles flooring for other bedrooms and Kitchen
Anti-skid floor tiles in Bathrooms
SS handrail for main staircase
Teak wood door with Architrave for main door.
Veneer flush doors for internal doors
</p>
<a href="#" class="button">See more</a>
</div>
</article>
</div>
</div>
</div>
<div class="fullwidth-block">
<div class="container">
<h2 class="section-title">Meet our partners</h2>
<div class="partners">
<a href="#"><img src="images/partner-1.png" alt=""></a>
<a href="#"><img src="images/partner-2.png" alt=""></a>
<a href="#"><img src="images/partner-3.png" alt=""></a>
<a href="#"><img src="images/partner-4.png" alt=""></a>
<a href="#"><img src="images/partner-5.png" alt=""></a>
</div>
</div>
</div>
</main>
<footer class="site-footer">
<div class="container">
<p>Copyright 2020 Company name. Designed by Starwalt. All rights reserved</p>
<div class="social-links">
<a href="https://www.facebook.com/Starwalt07" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/starwaltcompany" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
<a href="#" class="pinterest"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</footer>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/app.js"></script>
</body>
</html>