-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
573 lines (549 loc) · 34.7 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
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
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>75th Independence day</title>
<link rel="stylesheet" href="styles/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
</head>
<body class="main-content">
<header class="container header active" id="home">
<div class="header-content">
<div class="left-header">
<div class="h-shape"></div>
<div class="image">
<img src="img/hero.jpg" alt="this is image">
</div>
</div>
<div class="right-header">
<h1 class="name">
The <span>75th Independence day</span> on Augest 15,2022.
Jaya Engineering college.
</h1>
<p>
Around 75 years ago, on the historic date of 15th August 1947, India became free from British domination. It was the culmination of numerous movements and struggles that were rife throughout the time of British rule including the historic revolt of 1857. This independence was achieved through the efforts of many revolutionary freedom fighters, who took the lead in organizing the struggle which led to India’s independence. This blog brings you the Indian freedom fighters who sacrificed their lives to ensure India’s independence.
</p>
</div>
</div>
</header>
<main>
<section class="container about" id="about">
<div class="main-title">
<h2>75th Independence Day History,<span>significance and rare facts</span><span class="bg-text"></span></h2>
</div>
<div class="about-container">
<div class="left-about">
<h4>Independence Day</h4>
<p>
Independence Day 2022 Speech in English: India is celebrating its 75th year of Independence on August 15th, 2022. The celebration has been titled ‘Azaadi Ka Amrit Mahotsav’ by Prime Minister Narendra Modi, fronted by the Ministry of Culture and the Government of India. As we gear up for the biggest festival of democracy on Monday, here are a few speech ideas to help you and the kids to perform and celebrate the Freedom Festival with all pomp and show
Independence Day is the biggest festival of democracy for all Indians. We celebrate Independence Day every year on August 15 because on this day, we got freedom from British rule and elected our first Prime Minister – Pandit Jawaharlal Nehru. This is just not to mark our freedom from the invaders who ruled the country for 200 years but also to celebrate each Indian’s right to live freely and enjoy all other constitutional rights that shine gloriously in the Constitution of India. India is a diverse country with 28 states, over 121 languages and 270 mother tongues and Independence Day is the day to celebrate this diversity and the sprawling cultures that we cherish and preserve
It is the day to remind all that freedom never comes easily to anyone. It is the day to remember the sacrifice of the millions of freedom fighters who fought bravely against the Britishers, not just to reclaim their land back, but also to fight the oppression, the elitism, the sheer cruelty of their rule and various rights to debilitate Indian citizens introduced by the British Raj. Also Read - Independence Day 2022: Parking Facilities at Metro Stations to Remain Shut On August 14, 15. Deets Here
The celebrations begin early in the morning at Delhi’s Red Fort where the Prime Minister of India delivers a quick speech and addresses the nation about the development and the policies that the government has introduced, and the upcoming efforts that the government has planned to take to boost the nation further. Before arriving at the Red Fort, the PM also visits India Gate to honour the sacrifice of our martyrs by giving a Shradhanjali. The PM then hoists the tricolour flag in which each colour signifies a different spirit of the nation. While saffron stands for glory and happiness, white is for peace and green is for faith. In the centre of our flag, there is an Ashok chakra that contains 24 evenly distributed spikes.
As we celebrate the 75th Independence Day, we remember the glorious sacrifice of our freedom fighters with a hand on our hearts and promise to maintain the spirit of brotherhood and peace in the nation. We think about all those who are still fighting their own battles against patriarchy, inequality, gender biases and poverty. We promise to contribute to our free land in the best way possible.
<h1 style="color:tomato">Rare facts about India's Independence Day</h1>
<h2 style="color:blue">1.</h2> The song ‘Bharoto Bhagyo Bidhata’ composed in 1911 by Nobel laureate Rabindranath Tagore was renamed as ‘Jana Gana Mana’ and adopted by the Constituent Assembly of India as the national anthem on January 24, 1950.
<br><h2 style="color:blue">2.</h2> The Indian national flag with three horizontal stripes of red, yellow and green was hoisted on August 7, 1906, at Parsee Bagan Square in Kolkata. The first variant of India's current national flag was designed by freedom fighter Pingali Venkayya in 1921. The current flag with saffron, white and green colours and the Ashok Chakra in the middle was officially adopted on July 22, 1947, and hoisted on August 15, 1947.
<br><h2 style="color:blue">3.</h2> Five other countries celebrate their independence on August 15 along with India. They are Bahrain, North Korea, South Korea and Liechtenstein.
<br><h2 style="color:blue">4.</h2> The Indian flag is manufactured and supplied from only one place in the nation. The Karnataka Khadi Gramodyoga Samyukta Sangha (KKGSS), located in Dharwad in Karnataka, has the authority to manufacture and supply the Indian national flag. According to the Bureau of Indian Standards (BIS), the flag is manufactured only with hand-spun and handwoven cotton khadi wafting.
<br><h2 style="color:blue">5.</h2> Even after India's independence, Goa was still a Portuguese colony. It was annexed to India by the Indian Army only in 1961. Thus, Goa was the last state to join the Indian territory.
</p>
</div>
<h1 style="color:green">Jai Hind!</h1>
<div class="right-about">
<div class="about-item">
<div class="abt-text">
<p class="large-text">200?</p>
<p class="small-text">Britishers ruled India <br /> Almost everyone in India knows this by heart — Britishers ruled India for 200 years. We got rid of them in 1947 and Robert Clive won the battle of Plassey in 1757, so that is a neat 190 years.</p>
</div>
</div>
<div class="about-item">
<div class="abt-text">
<p class="large-text">india before british rule</p>
<p class="small-text">The Pre-Colonial State<br /> Evidently, our country was popularly known as the golden eagle. India had already established itself on the world map with a decent amount of exports. Although primarily it was an agrarian economy, many manufacturing activities were budding in the pre-colonial India.</p>
</div>
</div>
</div>
</section>
<section class="container" id="portfolio">
<div class="main-title">
<h2>some Freedom Fighters <span>Moments</span><span class="bg-text">some Freedom Fighters</span></h2>
</div>
<p class="port-text">
The Indian independence movement was a series of historic events with the ultimate aim of ending British rule in India. It lasted from 1857 to 1947.
The first nationalistic revolutionary movement for Indian independence emerged from Bengal. It later took root in the newly formed Indian National Congress with prominent moderate leaders seeking the right to appear for Indian Civil Service examinations in British India, as well as more economic rights for natives. The first half of the 20th century saw a more radical approach towards self-rule by the Lal Bal Pal triumvirate, Aurobindo Ghosh and V. O. Chidambaram Pillai.
</p>
<div class="portfolios">
<div class="portfolio-item">
<div class="image">
<img src="img/port1.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port2.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port3.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port4.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port5.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port7.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port6.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port7.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port8.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port9.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port10.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port11.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port12.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port13.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port14.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
<div class="portfolio-item">
<div class="image">
<img src="img/port15.jpg" alt="">
</div>
<div class="hover-items">
<h3>Historical Moments</h3>
<div class="icons">
</div>
</div>
</div>
</div>
</section>
<section class="container" id="blogs">
<div class="blogs-content">
<div class="main-title">
<h2>Important Indian Freedom Fighters<span>and their Journeys</span><span class="bg-text">Important Indian Freedom Fighters and their Journeys</span></h2>
</div>
<div class="blogs">
<div class="blog">
<img src="img/img1.jpg" alt="">
<div class="blog-text">
<h4>
Mahatma Gandhi
Indian Freedom Fighters - Mahatma Gandhi
</h4>
<p>
Born on 2nd October 1869, Mohandas Karamchand Gandhi is revered as Father of the Nation for his immense sacrifices for India. He not only ushered India towards freedom, but he also became the inspiring figure for many independence struggles and rights movements across the world. Popularly called Bapu, Gandhi introduced the doctrine of non-violence in India. According to him, independence was to be achieved through a combination of non-violent movement and non-co-operation with the British. The historic Non-Cooperation movement, Dandi March and the Quit India movement were all started under his leadership.
Born: 2 October 1869, Porbandar
Full name: Mohandas Karamchand Gandhi
Assassinated: 30 January 1948, New Delhi
Famously Known As Bapu
</p>
</div>
</div>
<div class="blog">
<img src="img/img2.jpg" alt="">
<div class="blog-text">
<h4>
Subhash Chandra Bose
</h4>
<p>
One of the greatest Indian freedom fighters that history witnessed was none other than Subhas Chandra Bose. He was born on 23rd January 1897. He was a radical nationalist and his ultimate patriotism carved a hero out of him. Bose disagreed with the ideals of non-violence promoted by Gandhi, instead of believing that only armed revolt could oust the British from India. The founder of the Forward Bloc, he escaped the eyes of the British to ultimately reach Germany during the second world war. He raised the Indian National Army (INA) and with Japanese help, was able to free a portion of Indian territory from the British in Manipur, but was ultimately defeated due to Japanese surrender to the British. Although he is believed to have died in a plane crash in 1945, his death remains shrouded in mystery to date.
Born: 23 January 1897, Cuttack
Famously Known As Netaji
Died: 18 August 1945, Taipei, Taiwan
Education: Scottish Church College (1918), Presidency University
Contribution of Subhas Chandra Bose to the Independence of India is significant.
Just like these Indian Freedom Fighters, there are several other global heroes who laid their lives for their nations.
</p>
</div>
</div>
<div class="blog">
<img src="img/img3.jpg" alt="">
<div class="blog-text">
<h4>
Sardar Vallabhbhai Patel
</h4>
<p>
Credit: Jagran
Vallabhbhai Patel was born on 31st October 1875. A senior leader of the Indian National Congress, he had an immense contribution to the Indian freedom struggle as one of the most influential and strong-minded Indian freedom fighters. He was one of the most influential leaders of Gujarat, who organized peasant movements against the British based on Gandhi’s ideals of non-violence. One of the first congress leaders to have accepted the British plan of partition for India, he is remembered for his role in integrating the princely states into the dominion of India. His efforts led to the integration of around 562 princely states. After independence, he served as the first home minister and deputy prime minister of India.
Born: 31 October 1875, Nadia
Died: 15 December 1950, Mumbai
Full name: Vallabhbhai Jhaverbhai Patel
Famously Known As Sardar, Iron Man Of India
</p>
</div>
</div>
<div class="blog">
<img src="img/img4.jpg" alt="">
<div class="blog-text">
<h4>
Jawaharlal Nehru
</h4>
<p>
Indian Freedom Fighters - Jawaharlal Nehru
Pandit Jawaharlal Nehru was born on 14th November 1889. He was the single child of Motilal Nehru and Swarup Rani Nehru. Nehru was one of the most renowned barristers and was known for his intellectual capabilities which soon made him one of the greatest politicians India had ever seen. Nehru, under the approval of Gandhi, his mentor, rose to become one of the most dominant figures in Indian politics from the 1930s onwards. Nehru, after much deliberations, accepted the partition proposal for India in 1947 and took oath as the First Prime Minister of India after attaining independence. His birthday on 14 November is widely celebrated in India as Children’s day.
Born: 14 November 1889, Prayagraj
Died: 27 May 1964, New Delhi
Spouse: Kamala Nehru (m. 1916–1936)
Parents: Motilal Nehru
Famously Known As: Chacha Nehru, Pandit Nehru
</p>
</div>
</div>
<div class="blog">
<img src="img/port1.jpg" alt="">
<div class="blog-text">
<h4>
Lal Bahadur Shastri
</h4>
<p>
Credit: LIVE Law
Lal Bahadur Shastri was born on 2nd October 1904 in the state of Uttar Pradesh. He was conferred with the title of Shastri which in English is termed as Scholar. At the age of only sixteen, he left his studies to join the non-cooperation movement at the call of Gandhi. Later, he graduated with a first-class degree from Kashi Vidyapeeth, a national institution of higher education inaugurated by Gandhi. He was one of the most proactive Indian freedom fighters who participated in various movements such as the Quit India movement, Civil Disobedience movement and other satyagrahas led by Mahatma Gandhi. Lal Bahadur Shastri was incarcerated by the British for considerable periods during his lifetime. Post attaining independence, he first became the Home Minister and later was made the Prime Minister of India in the year 1964.
Born: 2 October 1904, Mughalsarai
Died: 11 January 1966, Tashkent, Uzbekistan
Party: Indian National Congress
Famously Known As: Man of Peace
</p>
</div>
</div>
<div class="blog">
<img src="img/img6.jpg" alt="">
<div class="blog-text">
<h4>
Bhagat Singh
</h4>
<p>
Indian Freedom Fighters - Bhagat Singh
Born in 1907, Bhagat Singh was among the extreme revolutionary Indian freedom fighters. He was a largely controversial, though respected figure in the freedom struggle of India. This revolutionary hero was born in a Sikh family in the undivided state of Punjab and carried the legacy of his family and clinched to his patriotism till his death. He was involved in a plot in 1928 to assassinate James Scott, a British police superintendent to exact revenge for the death of Lala Lajpat Rai. The plot failed when they mistakenly killed another young police officer and Singh fled to Lahore to escape from punishment. The following year, he, along with his associates hurled a bomb at the Central Legislative Assembly in Delhi in protest against the implementation of the Defence of India Act and surrendered to the police. This great Indian freedom fighter was sentenced to death by hanging by the British, and executed at the age of only 23.
Born: 28 September 1907, Banga, Pakistan
Died: 23 March 1931, Lahore Central Jail, Lahore, Pakistan
Education: National College, Lahore, National College of Arts, Dayanand Anglo-Vedic Schools System
Famously Known As: Shaheed Bhagat Singh
</p>
</div>
</div>
<div class="blog">
<img src="img/img7.jpg" alt="">
<div class="blog-text">
<h4>
Dadabhai Naoroji
</h4>
<p>
Born on 4th September 1825, was a Mathematics and Natural Philosophy professor. He was educated at the Elphinstone College in Bombay. He turned towards politics later in life and became very active in the field. His opinion was unfavourable and he felt that the British rule would leave and cause irreparable damage to the Indian economy. In the years 1886, 1893 and 1906, Dadabhai Naoroji had the privilege of presiding over the annual sessions of the Indian National Congress. This later led to the nationalist movement in India. His popular writings include the article named Poverty and Un-British Rule in India (1901). In this article, he was of the strong belief and opinion that India was taxed at a very high rate and all of India’s wealth was being drained to England.
Born: 4 September 1825, Navsari
Died: 30 June 1917, Mumbai
Organizations founded: Indian National Congress, Zoroastrian Trust Funds of Europe, National Congress, London Indian Society
Famously Known As: ’Grand Old Man of India’ and ‘Unofficial Ambassador of India
</p>
</div>
</div>
<div class="blog">
<img src="img/img8.png" alt="">
<div class="blog-text">
<h4>
Bipin Chandra Pal
</h4>
<p>
Credit: MyVoice
Bipin Chandra Pal was a revolutionary born in 1858 during the Biggest revolution against the British Army. He was a significant part of the Indian National Congress and encouraged the abandonment of foreign goods. He formed a trio with Lala Lajpat Rai and Bal Gangadhar Tilak to be known as Lal-Bal-Pal where they executed several revolutionary activities.
Born: 7 November 1858, Habiganj District, Bangladesh
Died: 20 May 1932, Kolkata
Education: St. Paul’s Cathedral Mission College, Presidency University
Famously Known As: Father of Revolutionary Thoughts
</p>
</div>
</div>
<div class="blog">
<img src="img/img9.jpg" alt="">
<div class="blog-text">
<h4>
Bal Gangadhar Tilak
</h4>
<p>
Credit: India.com
Bal Gangadhar Tilak was a remarkable freedom fighter born in 1856. Famously known for his quote, ‘Swaraj is my Birthright. He published several rebellious newspapers and built schools to defy British Rule. He was the third member of the Lal-Bal-Pal along with Lala Lajpat Rai and Bipin Chandra Pal.
Born: 23 July 1856, Chikhali
Died: 1 August 1920, Mumbai
Famously Known As Lokmanya Tilak
</p>
</div>
</div>
<div class="blog">
<img src="img/img10.jpeg" alt="">
<div class="blog-text">
<h4>
Ashfaqulla Khan
</h4>
<p>
Ashafaq Ulla Khan
Born on 22nd October 1900, in the district of Shahjahanpur, Uttar Pradesh, Ashfaqulla Khan grew up with the non-cooperation movement going on at the forefront, led by Mahatma Gandhi. Just when he was a young gentleman, Ashfaqulla Khan became acquainted with Ram Prasad Bismil. He was one of the main conspirators in the Chauri Chaura incident, which took place in Gorakhpur. He was a strong advocate of independence and wanted the British to leave India at any cost. Ashfaqulla Khan was a popular freedom fighter, known for his true friendship with Bismil, was sentenced to death for the Kakori train robbery. It was popularly known as the Kakori Conspiracy of 1925.
Born: 22 October 1900, Shahjahanpur
Died: 19 December 1927, Faizabad
Organization: Hindustan Socialist Republican Association
Famously Known As:Ashfaq Ulla Khan
</p>
</div>
</div>
<div class="blog">
<img src="img/port3.jpg" alt="">
<div class="blog-text">
<h4>
This is what you need to know about Web Design
</h4>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Doloribus natus voluptas, eos obcaecati recusandae amet?
</p>
</div>
</div>
<div class="blog">
<img src="img/port3.jpg" alt="">
<div class="blog-text">
<h4>
This is what you need to know about Web Design
</h4>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Doloribus natus voluptas, eos obcaecati recusandae amet?
</p>
</div>
</div>
</div>
</div>
</section>
<section class="container contact" id="contact">
<div class="contact-container">
<div class="main-title">
<h2>Contact <span>Me</span><span class="bg-text">Contact</span></h2>
</div>
<div class="contact-content-con">
<div class="left-contact">
<h4>Contact me here</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
In, laborum numquam? Quam excepturi perspiciatis quas quasi.
</p>
<div class="contact-info">
<div class="contact-item">
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
<span>Location</span>
</div>
<p>
: London, united Kingdom
</p>
</div>
<div class="contact-item">
<div class="icon">
<i class="fas fa-envelope"></i>
<span>Email</span>
</div>
<p>
<span>: maclinzuniversal@gmail.com</span>
</p>
</div>
<div class="contact-item">
<div class="icon">
<i class="fas fa-user-graduate"></i>
<span>Education</span>
</div>
<p>
<span>: Sussex University, East Sussex</span>
</p>
</div>
<div class="contact-item">
<div class="icon">
<i class="fas fa-user-graduate"></i>
<span>Mobile Number</span>
</div>
<p>
<span>: 07522670617</span>
</p>
</div>
<div class="contact-item">
<div class="icon">
<i class="fas fa-globe-africa"></i>
<span>Languages</span>
</div>
<p>
<span>: Afrikaans, English, Spanish</span>
</p>
</div>
</div>
<div class="contact-icons">
<div class="contact-icon">
<a href="www.facebook.com" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="#" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="#" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="right-contact">
<form action="" class="contact-form">
<div class="input-control i-c-2">
<input type="text" required placeholder="YOUR NAME">
<input type="email" required placeholder="YOUR EMAIL">
</div>
<div class="input-control">
<input type="text" required placeholder="ENTER SUBJECT">
</div>
<div class="input-control">
<textarea name="" id="" cols="15" rows="8" placeholder="Message Here..."></textarea>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
<div class="controls">
<div class="control active-btn" data-id="home" >
<i class="fas fa-home"></i>
</div>
<div class="control" data-id="about">
<i class="fa-solid fa-notebook"></i>
</div>
<div class="control" data-id="portfolio">
<i class="fa-solid fa-align-center"></i>
</div>
<div class="control" data-id="blogs">
<i class="far fa-newspaper"></i>
</div>
</div>
<div class="theme-btn">
<i class="fas fa-adjust"></i>
</div>
<script src="app.js"></script>
</body>
</html>