forked from Avdhesh-Varshney/WebMasterLog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (134 loc) · 9.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biography of Mahatma Gandhi</title>
<link rel="icon" type="image/png" href="./images/favicon.png">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Mahatma Gandhi</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#Early-Life">Early Life</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Philosophy">Philosophy</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Independence-Movement">Independence Movement</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Salt-March">Salt Mearch</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Death">Death</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<section id="Early-Life">
<h1>Early Life</h1>
<div class="row">
<div class="col-lg-4">
<img src="./images/1.png" alt="Early-Life" class="img-fluid" style="width: 95%; height: 260px; margin-top: 5px;">
</div>
<div class="col-lg-8">
<p>
Mahatma Gandhi, born on October 2, 1869, in Porbandar, Gujarat, India, experienced a formative childhood steeped in the cultural and spiritual richness of Hindu traditions. Raised in a household that valued truth and compassion, young Gandhi imbibed a sense of morality. This early influence would later manifest in his commitment to social justice. The cultural mosaic of his early years laid a profound foundation for the development of a visionary leader advocating for nonviolence, human rights, and the dismantling of social inequities. His father's name was Karamchand Gandhi and his mother's name was Putlibai. At the age of 13, Mahatma Gandhi was married to Kasturba which is an arranged marriage.
</p>
</div>
</div>
</section>
<section id="Education">
<h1>Education</h1>
<div class="row">
<div class="col-lg-8">
<p>Gandhi's educational journey took him to London, where he pursued a law degree at University College London, graduating in 1891. In May 1893 he went to South Africa to work as a lawyer. There he had a first-hand experience of <b>racial discrimination </b>when he was thrown out of the first-class apartment of the train despite holding the first-class ticket because it was reserved for white people only and no Indian or <b>black </b> allowed to travel in the first class. This incident had a serious effect on him and he decided to protest against racial discrimination. Gandhi's time in London set the stage for his future role as a global advocate for nonviolent resistance.</p>
</div>
<div class="col-lg-4">
<img src="./images/Picture2.jpg" alt="Education Image" class="img-fluid" style="width: 300%; height: 250px;margin-right: 500px;">
</div>
</div>
</section>
<!-- Philosophy -->
<section id="Philosophy">
<h1>Philosophy</h1>
<div class="row">
<div class="col-lg-8">
<p>On May 22, 1894, Gandhi founded the Natal Indian Congress in South Africa, working for Indian rights. He returned to India in 1915, continuing his civil rights advocacy. Gandhiji was also influenced by Tirukkural ancient Indian literature. Gandhi's philosophy lay the powerful concept of <b>Satyagraha</b>, a unique form of <b>nonviolent resistance</b> combined truth (Satya) and insistence (Agraha). This philosophy became the guiding principle of his activismm. Gandhi believed in the transformative potential of peaceful resistance to address societal injustices. Satyagraha emerged as a revolutionary force, providing a moral compass for the fight against oppression and a pathway toward social harmony.</p>
</div>
<div class="col-lg-4">
<img src="./images/3.jpg" alt="Education Image" class="img-fluid" style="width: 2500px; height: 250px;margin-left: -5px; ">
</div>
</div>
</section>
<!-- Salt March -->
<section id="Salt-March">
<h1>Salt March</h1>
<div class="row">
<div class="col-lg-8">
<p>In 1930, Gandhi embarked on the historic Salt March, a 240-mile journey to the Arabian Sea. The Salt March, also known as the Salt Satyagraha,<b> Dandi March</b>. This symbolic act of civil disobedience aimed to <b>protest the British monopoly on salt production and sales.</b>. Through these endeavors, Gandhi mobilized millions, fostering a collective spirit of resistance against the oppressive forces of colonialism. The march captured the world's attention, showcasing the power of nonviolent resistance. Gandhi's deliberate and peaceful defiance not only challenged the unjust salt tax but also ignited a wave of enthusiasm, galvanizing widespread support for India's broader struggle for independence.</p>
</div>
<div class="col-lg-4">
<img src="./images/4.jpg" alt="Education Image" class="img-fluid" style="width: 1000px; height: 250px;margin-left: -5px; ">
</div>
</div>
</section>
<!-- Independence Movement -->
<section id="Independence-Movement">
<h1>Independence Movement</h1>
<div class="row">
<div class="col-lg-8">
<p>Gandhi emerged as a central figure in India's arduous struggle for independence from British colonial rule. His philosophy of nonviolent civil disobedience found expression in numerous movements such as <b> Quit India Movement </b>. His leadership became synonymous with the ethos of nonviolence, leaving an indelible mark on the trajectory of India's independence movement. The Quit India Movement was a movement launched at the Bombay session of the All India Congress Committee by Mahatma Gandhi on 8 August 1942, during World War II,<b> demanding an end to British rule in India </b>. 'Quit India' resolution adopted; gave the call 'Do or Die'.</p>
</div>
<div class="col-lg-4">
<img src="./images/Picture3.jpg" alt="Education Image" class="img-fluid" style="width: 2500px; height: 250px;margin-left: -5px; ">
</div>
</div>
</section>
<!-- Later Years -->
<section id="Later-Years">
<h1>Later Years</h1>
<div class="row">
<div class="col-lg-8">
<p>Post-Independence, Gandhi dedicated himself to the monumental task of healing the wounds of communal division and shaping the nascent nation of India. Advocating for nonviolence, communal harmony, and inclusive nation-building, he sought to foster a spirit of unity among the diverse communities. Despite the challenges of guiding a newly independent nation, Gandhi's unwavering commitment to principles of nonviolence and social justice continued to influence the direction of India's early years as a sovereign state.Gandhi spent the day of independence not celebrating the end of the British rule but appealing for peace among his countrymen by fasting and spinning in Calcutta on 15 August 1947. </p>
</div>
<div class="col-lg-4">
<img src="./images/Picture4.png" alt="Education Image" class="img-fluid" style="width: 2500px; height: 250px;margin-left: -5px; ">
</div>
</div>
</section>
<!-- Death -->
<section id="Death">
<h1>Death</h1>
<p>Tragically, Mahatma Gandhi's life was abruptly cut short on January 30, 1948, when he fell victim to an assassin's bullet in New Delhi. His assassination was a profound loss, not only for India but for the global community. However, Gandhi's legacy endured, transcending his physical presence. His teachings on nonviolence, equality, and justice remained a beacon of hope and inspiration, guiding movements for civil rights and social justice worldwide. Gandhi's life and death, though marked by tragedy, became a testament to the enduring power of nonviolent resistance in the face of adversity.</p>
</section>
<!-- Footer -->
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4">
<img src="./images/gandhiji.jpg" alt="Footer Image" style="width: 100px; height: 100px; border-radius: 50%; margin-left: -30px;">
</div>
<div class="col-lg-8 text-center">
<p class="quote mb-0">"Happiness is when what you think, what you say, and what you do are in harmony." - Mahatma Gandhi</p>
</div>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>