Skip to content

Commit 38e2239

Browse files
Pro-BandeyPro-Bandey
committed
full
1 parent 0b4cc1a commit 38e2239

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+2913
-0
lines changed

‎90. Construction Landing Page/Images/Mn.jpg‎

313 KB
Loading

‎90. Construction Landing Page/Images/one.jpg‎

2.04 MB
Loading

‎90. Construction Landing Page/Images/scott-blake-x-ghf9LjrVg-unsplash.jpg‎

4.08 MB
Loading

‎90. Construction Landing Page/Images/three.jpg‎

2.2 MB
Loading

‎90. Construction Landing Page/Images/two.jpg‎

2.65 MB
Loading

‎90. Construction Landing Page/index.html‎

Lines changed: 244 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,244 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="shortcut icon" href="../src/favicon.png" type="image/x-icon">
8+
<title>Dream Home</title>
9+
<link rel="stylesheet" href="style.css" />
10+
</head>
11+
<body>
12+
<!-- NAVIGATION -->
13+
<nav class="nav">
14+
<div class="nav__logo">
15+
<h1>D<span>H</span></h1>
16+
</div>
17+
<ul>
18+
<li class="list-items"><a href="#">Home</a></li>
19+
<li class="list-items"><a href="#services">Services</a></li>
20+
<li class="list-items"><a href="#why-us">Why Us?</a></li>
21+
<li class="list-items"><a href="#project-details">Project Details</a></li>
22+
</ul>
23+
</nav>
24+
<header class="hero">
25+
<section class="hero__headings-container">
26+
<h3>Build <span>Your</span></h3>
27+
<h1 class="hero__main-headings">
28+
DREAM <span class="main-span">HOME</span>
29+
</h1>
30+
<p>WE CONSTRUCT YOUR FUTURE</p>
31+
<a href="#" class="main-btn">Learn More</a>
32+
</section>
33+
</header>
34+
35+
<h1 class="main-headings center">
36+
OUR <span class="main-span">SERVICES</span>
37+
</h1>
38+
39+
<!-- SERVICES -->
40+
<section class="services" id="services">
41+
<!-- CARDS -->
42+
<section class="cards">
43+
<div class="card">
44+
<div class="card-image img-one"></div>
45+
<p>Construction</p>
46+
</div>
47+
<div class="card">
48+
<div class="card-image img-two"></div>
49+
<p>ARCHITECTURE PLANING</p>
50+
</div>
51+
<div class="card">
52+
<div class="card-image img-three"></div>
53+
<p>CONSULTANCY</p>
54+
</div>
55+
</section>
56+
</section>
57+
58+
<h1 class="main-headings">WHY CHOOSE<span class="main-span"> US?</span></h1>
59+
60+
<!-- WHY US -->
61+
<section class="why-us" id="why-us">
62+
<div class="lists-container">
63+
<div class="list">
64+
<div class="list-number">
65+
<p>1</p>
66+
</div>
67+
<p class="list-info">HIGH QUALIFIED & TECHNICAL PROFESSIONALS</p>
68+
</div>
69+
<div class="list">
70+
<div class="list-number">
71+
<p>2</p>
72+
</div>
73+
<p class="list-info">ADVANCE PLANING</p>
74+
</div>
75+
<div class="list">
76+
<div class="list-number">
77+
<p>3</p>
78+
</div>
79+
<p class="list-info">STABILITY RESOURCES & EXPERTIES</p>
80+
</div>
81+
<div class="list">
82+
<div class="list-number">
83+
<p>4</p>
84+
</div>
85+
<p class="list-info">PASSION, INTEGRITY, & PUNCTUALITY</p>
86+
</div>
87+
<div class="list">
88+
<div class="list-number">
89+
<p>5</p>
90+
</div>
91+
<p class="list-info">BREADTH OF SERVICES</p>
92+
</div>
93+
</div>
94+
<div class="owner-image-container">
95+
<div class="owner-image"></div>
96+
</div>
97+
</section>
98+
99+
<h1 class="main-headings center">
100+
PROJECT <span class="main-span">#DETAILS</span>
101+
</h1>
102+
103+
<!-- PROJECT DETAILS -->
104+
<section class="project-details" id="project-details">
105+
<section class="project-details__container-left">
106+
<div class="img-container">
107+
<div class="card-image project-details-img img-one"></div>
108+
</div>
109+
<section class="details">
110+
<p class="title">ARCHITECTURE DESIGN</p>
111+
<div class="list">
112+
<div class="list-number">
113+
<p>1</p>
114+
</div>
115+
<p class="list-info">2D & 3D MODELING</p>
116+
</div>
117+
<div class="list">
118+
<div class="list-number">
119+
<p>2</p>
120+
</div>
121+
<p class="list-info">INTERIAL & EXTERIOR DESIGN</p>
122+
</div>
123+
<div class="list">
124+
<div class="list-number">
125+
<p>3</p>
126+
</div>
127+
<p class="list-info">LANDSCAPING & OUTDOOR GARDENING</p>
128+
</div>
129+
<div class="list">
130+
<div class="list-number">
131+
<p>4</p>
132+
</div>
133+
<p class="list-info">
134+
ELECTRICAL, PLUMBING & SEWERAGE DRAWING PLANE.
135+
</p>
136+
</div>
137+
<div class="list">
138+
<div class="list-number">
139+
<p>5</p>
140+
</div>
141+
<p class="list-info">SOIL INVESTIGATION</p>
142+
</div>
143+
</section>
144+
</section>
145+
146+
<section class="project-details__container-right">
147+
<section class="details">
148+
<p class="title">CONSTRUCTION</p>
149+
150+
<div class="list">
151+
<div class="list-number">
152+
<p>1</p>
153+
</div>
154+
<p class="list-info">RESIDENTIAL & COMMERCIAL PROJECTS</p>
155+
</div>
156+
<div class="list">
157+
<div class="list-number">
158+
<p>2</p>
159+
</div>
160+
<p class="list-info">TURNKEY PROJECT (WITH MATERIAL)</p>
161+
</div>
162+
<div class="list">
163+
<div class="list-number">
164+
<p>3</p>
165+
</div>
166+
<p class="list-info">LANDSCAPING & OUTDOOR GARDENING</p>
167+
</div>
168+
<div class="list">
169+
<div class="list-number">
170+
<p>4</p>
171+
</div>
172+
<p class="list-info">DEMOLATION</p>
173+
</div>
174+
<div class="list">
175+
<div class="list-number">
176+
<p>5</p>
177+
</div>
178+
<p class="list-info">RENOVATION & RE-CONSTRUCTION</p>
179+
</div>
180+
</section>
181+
<div class="img-container">
182+
<div class="card-image project-details-img img-two"></div>
183+
</div>
184+
</section>
185+
186+
187+
<section class="project-details__container-left">
188+
<div class="img-container">
189+
<div class="card-image project-details-img img-three"></div>
190+
</div>
191+
<section class="details">
192+
<p class="title">REAL ESTATE</p>
193+
<div class="list">
194+
<div class="list-number">
195+
<p>1</p>
196+
</div>
197+
<p class="list-info">
198+
B - 17 MULTI GARDEN</p>
199+
</div>
200+
<div class="list">
201+
<div class="list-number">
202+
<p>2</p>
203+
</div>
204+
<p class="list-info">PARK VIEW CITY</p>
205+
</div>
206+
<div class="list">
207+
<div class="list-number">
208+
<p>3</p>
209+
</div>
210+
<p class="list-info">BEAUTY OF HILLS</p>
211+
</div>
212+
<div class="list">
213+
<div class="list-number">
214+
<p>4</p>
215+
</div>
216+
<p class="list-info">
217+
FAISAL MARGALLAH CITY.
218+
</p>
219+
</div>
220+
<div class="list">
221+
<div class="list-number">
222+
<p>5</p>
223+
</div>
224+
<p class="list-info">BLUE WORLD CITY</p>
225+
</div>
226+
</section>
227+
</section>
228+
229+
<form>
230+
<input type="text" placeholder="John Doe">
231+
<input type="email" placeholder="Email">
232+
<input type="password" placeholder="Password">
233+
<a href="#" class="form-btn">Submit</a>
234+
</form>
235+
236+
<footer>
237+
<a href="#">About</a>
238+
<a href="#">Terms of Use</a>
239+
<a href="#">Privacy Policy</a>
240+
<a href="#">Careers</a>
241+
<a href="#">Contact Us</a>
242+
</footer>
243+
</body>
244+
</html>

0 commit comments

Comments
 (0)