-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
215 lines (191 loc) · 10.3 KB
/
Copy pathindex.html
File metadata and controls
215 lines (191 loc) · 10.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bangladesh 2.0</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/styles.css">
</head>
<body class="open-sans-normal">
<header>
<nav>
<h3 class="navH">Bangladesh 2.0</h3>
<button class="signIn">Sign In</button>
</nav>
</header>
<main>
<section class="green">
<div class="greenContainer">
<div class="part1">
<h2 class="greenH">Bangladesh 2.0</h2>
<p class="greenDescription">Idea , innovation ,<br>
vision and challenges in <br> New Bangladesh.</p>
<button class="button greenButton exploreButton">Explore New Bangladesh</button>
</div>
<div class="part2">
<img src="assets/hero.png" alt="">
</div>
</div>
</section>
<section class="cards">
<h2 class="pillarH">Pillars of "Bangladesh 2.0"</h2>
<div class="cardContainer">
<div class="card">
<img src="assets/card-icon.png" alt="">
<h4 class="cardH">Innovation</h4>
<p class="cardP">Dolor sit amet consectetur elit. Facilis quas, ducimus labore sequi quos </p>
</div>
<div class="card">
<img src="assets/card-icon.png" alt="">
<h4 class="cardH">Sustainability</h4>
<p class="cardP">Dolor sit amet consectetur elit. Facilis quas, ducimus labore sequi quos </p>
</div>
<div class="card">
<img src="assets/card-icon.png" alt="">
<h4 class="cardH">Infrastructure</h4>
<p class="cardP">Dolor sit amet consectetur elit. Facilis quas, ducimus labore sequi quos </p>
</div>
<div class="card">
<img src="assets/card-icon.png" alt="">
<h4 class="cardH">Empowerment</h4>
<p class="cardP">Dolor sit amet consectetur elit. Facilis quas, ducimus labore sequi quos </p>
</div>
</div>
</section>
<section class="vision">
<h2 class="pillarH visH">The Vision of Future</h2>
<p class="visP cardP">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="cardContainer cardHolder">
<div class="card blueCard">
<img src="assets/card-icon.png" alt="">
<h4 class="cardH">Digital Transformation</h4>
<p class="cardP">Creating a nationwide digital ecosystem to enhance connectivity and access to services for all citizens.</p>
<button class="button">Learn More</button>
</div>
<div class="card greenCard">
<img src="assets/card-icon.png" alt="">
<h4 class="cardH">Green Energy</h4>
<p class="cardP">Investments in solar and wind energy to ensure a sustainable and eco-friendly future.</p>
<button class="button">Learn More</button>
</div>
<div class="card yellowCard">
<img src="assets/card-icon.png" alt="">
<h4 class="cardH">Modern Infrastructure</h4>
<p class="cardP">Building state-of-the-art infrastructure to support economic growth and global competitiveness.</p>
<button class="button">Learn More</button>
</div>
</div>
</section>
<section class="usuf">
<div class="usufContainer">
<p class="usP">"Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis quas, ducimus labore sequi quos deserunt optio id repellendus tempora veniam amet porro corporis exercitationem numquam debitis culpa laudantium odio, velit vel minus sit? Veritatis aut maiores ducimus fugit error ex sit, dignissimos eum tempora perferendis a rem culpa ab aliquid modi? Est vitae neque esse, cumque, quam tenetur rem earum eaque mollitia modi ipsum aspernatur, dignissimos excepturi aliquam architecto soluta necessitatibus vero?"</p>
<div class="usCon ">
<p class="nm">Dr. Muhammad Yunus</p>
<p class="pos dark1">Chief Adviser of the People's Republic of Bangladesh</p>
</div>
</div>
</section>
<section class="yourOp">
<h1 class="opH">Your Opinion Matters</h1>
<div class="tabContainer">
<table class="tab">
<tr class="tabH">
<th>Questions</th>
<th>Select Your Option</th>
</tr>
<tr>
<td>Do you believe Bangladesh is on the right path toward becoming a developed nation?</td>
<td><button>Yes, I Agree</button></td>
</tr>
<tr>
<td>Do you believe Bangladesh is on the right path toward becoming a developed nation?</td>
<td><button>Yes, I Agree</button></td>
</tr>
<tr>
<td>Do you believe Bangladesh is on the right path toward becoming a developed nation?</td>
<td><button>Yes, I Agree</button></td>
</tr>
</table>
</div>
</section>
<section class="recent">
<h1 class="rNews">Recent News</h1>
<p class="rPara dark1">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="newsCardContainer">
<div class="newsCard">
<div class="newImg">
<img src="assets/satelite.png" alt="" class="sata">
</div>
<div>
<h3>Bangladesh Launches New Satellite</h3>
<img src="assets/al-jazeera.png" alt="">
<p class="dark1">Date: 05/01/2025 Time: 10.25 PM</p>
<p class="ncP">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 class="greenButton">Read More</button>
</div>
</div>
<div class="newsCard">
<div>
<h3>Bangladesh Launches New Satellite</h3>
<img src="assets/al-jazeera.png" alt="">
<p class="dark1">Date: 05/01/2025 Time: 10.25 PM</p>
<p class="ncP">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 class="greenButton">Read More</button>
</div>
<div class="newImg">
<img src="assets/satelite.png" alt="" class="sata">
</div>
</div>
<div class="newsCard">
<div class="newImg">
<img src="assets/satelite.png" alt="" class="sata">
</div>
<div>
<h3>Bangladesh Launches New Satellite</h3>
<img src="assets/al-jazeera.png" alt="">
<p class="dark1">Date: 05/01/2025 Time: 10.25 PM</p>
<p class="ncP">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 class="greenButton">Read More</button>
</div>
</div>
</div>
</section>
<section class="donate">
<h3 class="donh">Donate Today</h3>
<p class="donP">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="tk">
<button>100 Taka</button>
<button>200 Taka</button>
<button class="lgB">500 Taka</button>
<button>1000 Taka</button>
</div>
<textarea placeholder="Other Amount (Taka)" class="tkBox"></textarea>
<button class="greenButton">Done Now</button>
</section>
<section class="newsLetter">
<h3 class="newsLH">Subscribe Newsletter</h3>
<p class="newsLP">Bangladesh 2.0 aims to redefine the nation’s trajectory by embracing cutting-edge technology, promoting inclusive growth.</p>
<div class="subBox">
<input type="email" placeholder="Enter your email here">
<button>Subscribe</button>
</div>
<p class="spam">We promise not to spam you!</p>
</section>
</main>
<footer>
<h3 class="bd2">Bangladesh 2.0</h3>
<hr class="dark1">
<div class="icons">
<img src="assets/facebook.png" alt="">
<img src="assets/instagram.png" alt="">
<img src="assets/x.png" alt="">
</div>
</footer>
</body>
</html>