-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (163 loc) · 8.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<title>Altezza World Kalyan</title>
</head>
<body>
<!--------------------- NavBar Start ---------------------->
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo"><img src="images/logo.jpg" alt="logo"></div>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<div class="rightNav v-class-resp">
<input type="text" name="search" id="search">
<button class="btn btn-sm">Search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<!--------------------- NavBar End ---------------------->
<!--------------------- First Section Start ---------------------->
<section class="background firstSection">
<div class="box-main">
<div class="firstHalf">
<p class="text-big">“Move to What Moves You”</p>
<p class="text-small">Real estate is property consisting of land and the buildings on it, along with its
natural resources such as crops, minerals or water; immovable property of this nature; an interest
vested in this (also) an item of real property, (more generally) buildings or housing in general.
</p>
<div class="buttons">
<button class="btn">VR View</button>
<button class="btn">360 View</button>
</div>
</div>
<div class="secondHalf">
<img src="images/building.jpg" alt="skycrapper">
</div>
</div>
</section>
<!--------------------- First Section End ---------------------->
<!--------------------- Second Section Start ---------------------->
<section class="section" id="about">
<div class="paras">
<p class="sectionTag text-big">Your Gateway to a Richer Life</p>
<p class="sectionSubTag text-small">Established in 1987, with a firm view of providing value for money
solutions in real estate, Mohan Group today is a multi-faceted entity with projects that span the
spectrum of industry verticals, ranging from construction of residential and commercial spaces to
professional consultancy services in project execution and marketing.
We have a strong presence in the Central Suburbs of Mumbai, Pune and Goa with more than 1 Crore square
feet of developed area to our credit and a satisfied customer base of more than 15,000 happy families.
Mohan Group has a further 40 lacs square feet of ongoing and planned development in commercial and
residential spaces scheduled for completion. </p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/250x250/?skycrapper" alt="skycrapper" class="imgFluid">
</div>
</section>
<section class="section section-left">
<div class="paras">
<p class="sectionTag text-big">Where Dreams Come Home</p>
<p class="sectionSubTag text-small">Standing as one of the tallest residential structures present within the
suburbs of Mumbai, Mohan Altezza is a majestic 30 storey tall project located in the heart of Kalyan,
right along the banks of the Ulhas river. Soaring into a skyline as dynamic as New York City’s, the
project paints the perfect picture of 11 acres of serenity, offering a sense of tranquillity in the form
of 2, 3 and 4 BHK luxury residences.
Ergonomic design, convenience, comfort, and excellent quality, the elements that make for all things
exceptional also goes into the construction of the phenomenal Mohan Altezza. Enter into world-class
homes that you would never want to leave! </p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/250x250/?hotel" alt="Skyscarpper" class="imgFluid">
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectionTag text-big">Let us Guide you Home</p>
<p class="sectionSubTag text-small">Mohan Altezza welcomes you home to amenities that would make you feel
like royalty, an experience not unlike any other. With a mini theatre present within the compound, one
can enjoy a private screening with their loved ones. With its fully equipped business centre, head
honchos and business magnates can confer in utmost privacy. Entertain your guest in more than one way;
delight them with a barbeque along the pool or throw a big party to celebrate your success at the party
lawn. Have a quiet conversation at the chit-chat corner or grab a bite at the tea lounge. Residing a
stately 50 feet above the ground, the pool is all yours to indulge in a relaxing mood within its
pristine waters.</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/250x250/?buildings" alt="Skyscarpper" class="imgFluid">
</div>
</section>
<!--------------------- Second Section End ---------------------->
<!---------------------- Image Gallery Start ------------------->
<div class="projects">
<h1>Projects</h1>
<hr>
</div>
<div class="container" id="gallery">
<div class="image">
<h1>Mumbai Project</h1>
<img src="building_images/building1.jpg" alt="Building Image">
</div>
<div class="image">
<h1>Noida Project</h1>
<img src="building_images/building2.jpg" alt="Building Image">
</div>
<div class="image">
<h1>Delhi Project</h1>
<img src="building_images/building3.png" alt="Building Image">
</div>
<div class="image">
<h1>Gorakhpur Project</h1>
<img src="building_images/building4.jpg" alt="Building Image">
</div>
<div class="image">
<h1>Phaphamau Project</h1>
<img src="building_images/building6.jpg" alt="Building Image">
</div>
<div class="image">
<h1>Itarsi East Project</h1>
<img src="building_images/building7.jpg" alt="Building Image">
</div>
<div class="image">
<h1>Dombivli Project</h1>
<img src="building_images/building8.jpg" alt="Building Image">
</div>
<div class="image">
<h1>Nalasopara Project</h1>
<img src="building_images/building9.jpg" alt="Building Image">
</div>
</div>
<!---------------------- Image Gallery Ends ------------------->
<!--------------------- Contact Start ---------------------->
<section class="contact" id="contact">
<h1 class="text-center">Contact Us</h1>
<div class="form">
<input class="form-input" type="text" name="name" id="name" placeholder="Enter Your name">
<input class="form-input" type="text" name="phone" id="phone" placeholder="Enter Your Phone">
<input class="form-input" type="email" name="email" id="email" placeholder="Enter Your email">
<textarea class="form-input" name="text" id="text" cols="30" rows="10"
placeholder="Ellaborate your concern"></textarea>
<button class="btn btn-sm btn-dark">Submit</button>
</div>
</section>
<!--------------------- Contact End ---------------------->
<!--------------------- Footer Start ---------------------->
<footer class="bgclr">
<p class="text-footer">
Copyright © 2021 www.Altezza.com - All rights not reserved
</p>
</footer>
<!--------------------- Footer Ends ---------------------->
<script src="js/resp.js"></script>
</body>
</html>