A Pen by Achalesh Lakhotiya on CodePen.
Created
June 14, 2020 08:17
Fork Me! Tribute
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> | |
<!-- | |
Hello Camper! | |
For now, the test suite only works in Chrome! Please read the README below in the JS Editor before beginning. Feel free to delete this message once you have read it. Good luck and Happy Coding! | |
- The freeCodeCamp Team | |
--> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
</head> | |
<body> | |
<main id="main"> | |
<h1 id="title" title="MK Gandhi">Mahatma Gandhi</h1> | |
<h2 id="tag" title="characteristic"><b><i>"Pioneer of Non-Violence and Global Peace"</i></b></h2> | |
<figure id="img-div"> | |
<img id="image" src="data:image/jpeg;base64,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" alt="Mahatma Gandhi under shadow of National Flag" title="Mahatma Gandhi" width="550"> | |
<figcaption id="img-caption"><b>Mahatma Gandhi in Khaki with Indian Flag symbollzing nation-wide peace.<br> <p id ="i">Tribute to Bappu!</p></b></figcaption> | |
</figure> | |
<div id="tribute-info"> | |
<h1 id="h"><strong> Life Cycle</strong></h1> | |
<div id="about"> | |
<p><strong>Mahatma Gandhi </strong><span style="color:orange">(2 October,1869 - 30 January,1948) </span >, a lawyer, political ethicist, anti-colonialist and a writer born in Porbandar, Gujarat. Born in Hindu family, his parents were Karamchand Gandhi and Putlibai Gandhi. In May 1883, the<strong> 13-year-old Mohandas</strong> was married to <strong>14-year-old Kasturbai Makhanji Kapadia</strong> <span style="color:orange">(affectionately called as "Ba")</span> in an arranged marriage.In 1893, he went to South Africa for law practices and employed non-violent resistance in a campaign for civil rights. In 1915, he returned to India and set labourers, farmers and peasants to protest against exorbitant land taxes and discrimination. In 1921, he led nationwide campaigns for easing poverty, expanding women's rights, building religious and ethnic amity, ending untouchability, and above all for achieving<span style="color:orange"> "Swaraj" or self-rule.</span>In 1930, uniting all Indians,supporting nationwide anti-colonialism, opposed salt-tax and led<span style="color:orange"> "Dandi March"</span> and in 1942 similar nationwide protest changed into<span style="color:orange"> "Quit India Movement"</span> under leadership of the khaki. Mahatma Gandhi referred<span style="color:orange"> Bhagvad Gita</span> as its spritiual dictionary and also read translated texts of <span style="color:orange">Bible</span> and <span style="color:orange">Quran.</span> His moral values such as non-violence, truth, humility, brotherhood and devotion. Gandhi wrote publications like <mark>Hind Swaraj ("The Intellectual Blueprint of Indian Independence")</mark>, newspapers like <mark> Harijan, Indian Opinion, Young India and NavJivan</mark> in different languages and autobiography <mark>"The Story of My Experiments with Truth"</mark>. <strong>Nathuram Godse</strong>, a Hindu nationalist, who assassinated Gandhi on Martyr's Day by firing on him in morning prayer. His last words were <span style="color:red"><strong>"Hey Ram!"</strong></span>. Gandhi is also considered as <span style="color:orange">"Father of Nation"</span>. His birth anniversary is commemorated as <span style="color:green">"Gandhi Jayanti"</span> or<span style="color:green"> "International Day of Non-Violence"</span></p> | |
<a id="tribute-link" href="https://en.wikipedia.org/wiki/Mahatma_Gandhi" target="_blank"> Visit here for more details.</a> | |
</div></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// !! IMPORTANT README: | |
// You may add additional external JS and CSS as needed to complete the project, however the current external resource MUST remain in place for the tests to work. BABEL must also be left in place. | |
/*********** | |
INSTRUCTIONS: | |
- Select the project you would | |
like to complete from the dropdown | |
menu. | |
- Click the "RUN TESTS" button to | |
run the tests against the blank | |
pen. | |
- Click the "TESTS" button to see | |
the individual test cases. | |
(should all be failing at first) | |
- Start coding! As you fulfill each | |
test case, you will see them go | |
from red to green. | |
- As you start to build out your | |
project, when tests are failing, | |
you should get helpful errors | |
along the way! | |
************/ | |
// PLEASE NOTE: Adding global style rules using the * selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: * { color: red }, for a quick example! | |
// Once you have read the above messages, you can delete all comments. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
background-color: #f0f0f0; | |
font-family: Arial; | |
text-align: center; | |
margin: auto 50px auto 50px; | |
} | |
#title { | |
font-size: 6rem; | |
font-family: 'Italianno', cursive; | |
background-color: #DCDCDC; | |
border: 2px cyan solid; | |
margin: 30px 100px 0px 100px; | |
} | |
#tag { | |
font-size: 2rem; | |
font-family: 'San Serif', cursive; | |
color: red; | |
background-color: yellow; | |
padding: 0px 100px 0px 100px; | |
} | |
#img-caption { | |
font-style: italic; | |
font-size: 16px; | |
text-align: center; | |
position: relative; | |
top: 5px; | |
padding: 18px | |
} | |
#img-div { | |
padding: 40px 20px 10px 25px; | |
margin: 50px 100px 80px 100px ; | |
background: Khaki; | |
} | |
img { | |
margin: 0 auto; | |
max-width: 100%; | |
display: block; | |
margin-left: auto; | |
margin-right: auto; | |
padding: 5px; | |
border:2px solid black; | |
border-radius: 30px; | |
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 3px 20px 0 rgba(0, 0, 0, 0.45); | |
} | |
#i{ | |
color: red; | |
} | |
#tribute-info{ | |
background: LemonChiffon; | |
padding:30px; | |
margin:10px; | |
height:650px; | |
width: 950px; | |
border: 2.5px solid LightSalmon; | |
border-radius:15%; | |
} | |
#h{ | |
text-align:center; | |
font-size: 44px; | |
font-family:ALGERIAN; | |
color:MediumSeaGreen; | |
border:2px solid red; | |
outline:5px dotted MediumSpringGreen; | |
} | |
#about { | |
height:450px; | |
width:875px; | |
margin: 20px 0px 20px 20px; | |
padding: 18px; | |
font-size: 18px; | |
line-height: 1.3; | |
background: LavenderBlush; | |
text-align: center; | |
border: 3px solid LightCoral; | |
border-radius:10%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment