-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
225 lines (222 loc) · 10.4 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Bangladesh 2.0</title>
<link href="styles/style.css" rel="stylesheet" />
</head>
<body>
<!---- Header ---->
<header class="root">
<div class="title">Bangladesh 2.0</div>
<button type="button" class="btn btn-sign-in">Sign In</button>
</header>
<!---- Main ---->
<main class="root">
<!-- Banner -->
<section id="banner" class="banner-container">
<div class="banner-content">
<div class="banner-text">
<h4 class="banner-subtitle">Bangladesh 2.0</h4>
<p class="banner-title">
Idea, innovation, vision and challenges in New Bangladesh
</p>
<button type="button" class="btn btn-banner">
Explore New Bangladesh
</button>
</div>
<div class="banner-image">
<img src="assets/bangladesh.png" />
</div>
</div>
</section>
<!-- Pillars -->
<section class="div-section-container">
<div class="section-title text-left">Pillars of "Bangladesh 2.0"</div>
<div class="pillars-container">
<div class="pillar">
<img class="pillar-icon" src="assets/card-icon.png" />
<h4 class="pillar-name">Innovation</h4>
<p class="pillar-desc">
Drives economic growth and societal progress by fostering
creativity, advancing technology, and solving complex challenges.
It is essential for enhancing global competitiveness and improving
quality of life.
</p>
</div>
<div class="pillar">
<img class="pillar-icon" src="assets/card-icon.png" />
<h4 class="pillar-name">Sustainability</h4>
<p class="pillar-desc">
Ensures the long-term health of a country's environment, economy,
and society by promoting responsible resource use and minimizing
negative impacts. It balances present needs with future
generations' prosperity.
</p>
</div>
<div class="pillar">
<img class="pillar-icon" src="assets/card-icon.png" />
<h4 class="pillar-name">Infrastructure</h4>
<p class="pillar-desc">
Forms the backbone of a nation's development by enabling efficient
transportation, communication, and access to essential services.
Robust infrastructure supports economic activity and enhances
living standards.
</p>
</div>
<div class="pillar">
<img class="pillar-icon" src="assets/card-icon.png" />
<h4 class="pillar-name">Empowerment</h4>
<p class="pillar-desc">
Involves enabling individuals and communities with education,
resources, and opportunities to contribute meaningfully to
society. It promotes equity, innovation, and inclusive
development.
</p>
</div>
</div>
</section>
<!-- Vision -->
<section class="section vision-section div-section-container">
<div class="section-title text-left">The Vision of Future</div>
<p class="section-subtitle text-left">
Bangladesh 2.0 aims to redefine the nation’s trajectory by embracing cutting-edge technology, promoting
inclusive growth, and ensuring sustainability. With initiatives in renewable energy, digital transformation, and
robust infrastructure, the country is set to become a global model of development.
</p>
<div class="pillars-container">
<div class="vision-box">
<img class="pillar-icon" src="assets/card-icon.png" />
<h4 class="pillar-name">Digital Transformation</h4>
<p class="pillar-desc">
Creating a nationwide digital ecosystem to enhance connectivity and access to services for all citizens.
</p>
<button type="button" class="btn btn-banner text-blue">Read More</button>
</div>
<div class="vision-box">
<img class="pillar-icon" src="assets/card-icon.png" />
<h4 class="pillar-name">Green Energy</h4>
<p class="pillar-desc">
Investments in solar and wind energy to ensure a sustainable and eco-friendly future. </p>
<button type="button" class="btn btn-banner text-green">Read More</button>
</div>
<div class="vision-box color-yellow">
<img class="pillar-icon" src="assets/card-icon.png" />
<h4 class="pillar-name">Modern Infrastructure</h4>
<p class="pillar-desc">
Building state-of-the-art infrastructure to support economic growth and global competitiveness.</p>
<button type="button" class="btn btn-banner text-orange">Read More</button>
</div>
</div>
</section>
<!-- News -->
<section class="section div-section-container news-container">
<div class="news-section-top">
<div class="section-title text-left">Recent News</div>
<p class="section-subtitle text-left">
Bangladesh 2.0 aims to redefine the nation’s trajectory by embracing cutting-edge technology, promoting
inclusive growth, and ensuring sustainability. With initiatives in renewable energy, digital transformation,
and
robust infrastructure, the country is set to become a global model of development.
</p>
</div>
<div class="news-feed">
<div class="news-post">
<div><img class="news-image" src="assets/satelite.png" alt="satelite"></div>
<div class="news-text">
<h3 class="news-heading">Bangladesh Launches New Satellite</h3>
<div class="news-source-image"><img src="assets/al-jazeera.png" alt="Al-jazeera"></div>
<div class="news-date-time">
<div class="section-subtitle"><time datetime="2025-05-01">Date: 05/01/2025</time></div>
<div class="section-subtitle"><time datetime="22:25">Time: 10.25PM</time></div>
</div>
<p class="section-subtitle text-left">
Not until the creation and maintenance of decent conditions of life for all people are recognized and
accepted as a common obligation of all people and all countries—not until then shall we,
with a certain degree of justification, be able to speak of humankind as civilized.
</p>
<button type="button" class="btn btn-banner">Read More</button>
</div>
</div>
<div class="news-post layout-reverse">
<div class="news-text">
<h3 class="news-heading">Bangladesh Launches New Satellite</h3>
<div class="news-source-image"><img src="assets/al-jazeera.png" alt="Al-jazeera"></div>
<div class="news-date-time">
<div class="section-subtitle"><time datetime="2025-05-01">Date: 05/01/2025</time></div>
<div class="section-subtitle"><time datetime="22:25">Time: 10.25PM</time></div>
</div>
<p class="section-subtitle text-left">
Not until the creation and maintenance of decent conditions of life for all people are recognized and
accepted as a common obligation of all people and all countries—not until then shall we,
with a certain degree of justification, be able to speak of humankind as civilized </p>
<button type="button" class="btn btn-banner">
Read More
</button>
</div>
<div class="news-image"><img class="news-image" src="assets/satelite.png" alt="satelite"></div>
</div>
<div class="news-post">
<div class="news-image"><img class="news-image" src="assets/satelite.png" alt="satelite"></div>
<div class="news-text">
<h3 class="news-heading">Bangladesh Launches New Satellite</h3>
<div class="news-source-image"><img src="assets/al-jazeera.png" alt="Al-jazeera"></div>
<div class="news-date-time">
<div class="section-subtitle"><time datetime="2025-05-01">Date: 05/01/2025</time></div>
<div class="section-subtitle"><time datetime="22:25">Time: 10.25PM</time></div>
</div>
<p class="section-subtitle text-left">
Not until the creation and maintenance of decent conditions of life for all people are recognized and
accepted as a common obligation of all people and all countries—not until then shall we,
with a certain degree of justification, be able to speak of humankind as civilized </p>
<button type="button" class="btn btn-banner">
Read More
</button>
</div>
</div>
</div>
</section>
<!-- Donation -->
<section class="section donation-container">
<div class="section-title text-center">Donate Today</div>
<p class="section-subtitle text-center">
Bangladesh 2.0 aims to redefine the nation’s trajectory by embracing
cutting-edge technology, promoting inclusive growth, and ensuring
sustainability. With initiatives in renewable energy, digital
transformation, and robust infrastructure.
</p>
<div class="donation-amount-container">
<button type="button" class="btn btn-donation">100 Taka</button>
<button type="button" class="btn btn-donation">200 Taka</button>
<button type="button" class="btn btn-donation">500 Taka</button>
<button type="button" class="btn btn-donation">1000 Taka</button>
</div>
<input class="input-donation text-center" type="text" placeholder="Other Amount (Taka)"></input>
<button type="button" class="btn btn-confirm">Done Now</button>
</section>
</main>
<!---- Footer ---->
<footer class="root">
<div class="title">Bangladesh 2.0</div>
<hr />
<div class="social-media-container">
<div class="footer-social-media-icon">
<a href="">
<img class="footer-social-media" src="assets/facebook.png" alt="Facebook Icon" />
</a>
</div>
<div class="footer-social-media-icon">
<a href="">
<img class="footer-social-media" src="assets/x.png" alt="X (former Twitter) Icon" />
</a>
</div>
<div class="footer-social-media-icon">
<a href="">
<img class="footer-social-media" src="assets/instagram.png" alt="Instagram Icon" />
</a>
</div>
</div>
</footer>
</body>
</html>