-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
306 lines (264 loc) · 14.1 KB
/
index.html
File metadata and controls
306 lines (264 loc) · 14.1 KB
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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<div>
<div class="container-fluid mt-2">
<div class="container">
<nav class="navbar navbar-expand-lg bg-white ">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="/images/Group 237743.svg" class="logo-1"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav navUl ms-auto mb-2 mb-lg-0 gap-4">
<li class="nav-item">
<a class="nav-link blog" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<img src="images/search-minus.svg" class="search">
</li>
<li>
<button class="btn">Contact Us</button>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="container">
<div class="row header-row mx-5 my-5">
<div class="col-lg-6 leftcol col-sm-12 mt-5 ps-5 my-5 d-flex justify-content-center left-row">
<section class="section-hero align-item-center my-auto">
<h6 class="heading-6">Feature Post</h6>
<h3 class="heading-3">How AI will <br>Change the Future</h3>
<p class="para-1"> Its simple and its free. Play your part in reducing Carbon Footprint and help
Mother
Nature to sustain its beauty. So what are you waiting for ?
Lets ride together</p>
<button class="btn-1">Read More</button>
</section>
</div>
<div class="col-lg-6 col-sm-12 mt-5 my-5 d-flex justify-content-center right-row">
<img src="images/Image Placeholder.svg" class="ai-image w-75">
</div>
</div>
<div class=" row middle-row">
<div class="col-lg-6 col-md-12 py-5"><img src="images/Image Placeholder (1).svg" class="ai-img"></div>
<div class="col-lg-6 col-md-12 py-5 content-div">
<span>DEVELOPMENT</span>
<h3 class="heading3">How to make a Game look more attractive with New VR & AI Technology</h3>
<p class="para">Google has been investing in AI for many years and bringing its benefits to individuals,
businesses and communities. Whether it’s publishing state-of-the-art research, building helpful
products or developing tools and resources that enable others, we’re committed to making AI
accessible to everyone.
</p>
<button class="btn-01">Read More</button>
</div>
</div>
<div class="row d-flex my-4">
<div class="d-flex justify-content-between">
<h1 class="post">Our Recent Post</h1>
<button class="btn registerbtn p-0">Veiw All</button>
</div>
<div class="col-lg-6 col-md-12 py-3">
<img class="img-fluid" src="/images/Image Placeholder (1).svg" alt="">
</div>
<div class="col-lg-6 col-md-12 py-3">
<div class="d-flex">
<h4 class="Develop mx-3">DEVELOPMENT</h4>
<p class="march"> 16 March 2023</p>
</div>
<h5 class="mx-5 py-3 head">How to make a Game look more attractive with New VR & AI Technology</h5>
<p class="mx-5 para">Google has been investing in AI for many years and bringing its benefits to
individuals, businesses and communities. Whether it’s publishing state-of-the-art research, building
helpful products or developing tools and resources that enable others, we’re committed to making AI
accessible to everyone.
</p>
</div>
</div>
<div class="row d-flex my-4">
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder (2).svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Travel</h6>
<h3>8 Rules of Travelling In Sea You Need To Know</h3>
<p class="card-text bg-grey">
Travelling in sea has many advantages. Some of the advantages of transporting goods by sea
include: you can ship large volumes at costs
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder.png" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Development</h6>
<h3>How to build strong portfolio and get a Job in UI/UX</h3>
<p class="card-text">
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test.
Override the digital divide with additional clickthroughs from
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder (3).svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Sports</h6>
<h3>How to Be a Professional Footballer in 2023</h3>
<p class="card-text">
Organically grow the holistic world view of disruptive innovation via workplace diversity
and empowerment. survival strategies to ensure proactive
</p>
</div>
</div>
</div>
</div>
<div class="row popular-post my-5 d-flex p-0">
<div class="col-lg-9.col-sm-12">
<div class="col-7">
<h3 class="post">Popular Post</h3>
</div>
<div class="col-5">
<button class="btn-01">Read More</button>
</div>
</div>
<div class="row mt-5 row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder (4).svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Travel</h6>
<h3>Train Or Bus Journey?Which one suits?</h3>
<p class="card-text">
The choice between a train or bus journey depends on various factors such as the
distance of
the journey, the time available, the cost, and person
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder (5).svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Development</h6>
<h3>Best Website to research for your next project</h3>
<p class="card-text">
Capitalize on low hanging fruit to identify a ballpark value added activity to beta
test.
Override the digital divide with additional clickthroughs
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder (6).svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Sports</h6>
<h3>How to Be a Dancer in 2025 with proper skills?</h3>
<p class="card-text">
Organically grow the holistic world view of disruptive innovation via workplace
diversity
and empowerment. survival strategies to ensure proactive
</p>
</div>
</div>
</div>
</div>
<div class="row my-5 row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card h-100">
<img src="./images/Container.svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Travel</h6>
<h3>Who is the best singer on chart?Know him?</h3>
<p class="card-text">
chart by Billboard which ranks the all-time greatest artists based on their performance
on
the weekly Billboard Hot 100 and </p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder (7).svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Development</h6>
<h3>How to start export import business from home?</h3>
<p class="card-text">
Capitalize on low hanging fruit to identify a ballpark value added activity to beta
test.
Override the digital divide with additional clickthroughs </p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="./images/Image Placeholder (8).svg" class="card-img-top" alt="..." />
<div class="card-body">
<h6 class="card-title">Sports</h6>
<h3>Make some drinks with chocolates chocolates and milk</h3>
<p class="card-text">
Organically grow the holistic world view of disruptive innovation via workplace
diversity
and empowerment. survival strategies to ensure proactive </p>
</div>
</div>
</div>
</div>
<div class="row last-container w-100 d-flex justify-content-center">
<section class="last-section text-center my-auto mx-auto ps-5">
<h1 class="heading-1 ps-5 w-100">Get our stories delivered From <br>us to your inbox weekly.</h1>
<input class="input ps-5 " type="text" placeholder="Your Event"> <button class="btn-01">Read
More</button>
<p class="last-para">Get a response tomorrow if you submit by 9pm today. If we received after
<br>9pm
will get a reponse the following day.</p>
</section>
</div>
<footer class="footer-container d-flex justify-content-center">
<div class="row footer my-2 text-center d-flex">
<center>
<div class="col-12"><img src="images/Group 237743.svg"></div>
</center>
<center>
<div class="footer-links mt-3">
<a href="#">Home</a>
<a href="#">Blog</a>
<a href="#">About</a>
<a href="#">Contact Us</a>
</div>
</center>
<div class="row footer-1 my-2 text-center">
<div class="col-12 text-center">
<img src="images/Group 237742.svg">
</div>
</div>
</div>
</footer>
<p class="copyright-1 text-center bg-grey">Copyright Ideapeel Inc © 2025. All Right Reserved</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"></script>
</body>
</html>