Got first Freecodecamp certificate.
Today I earned the following certificate for completing a complete 300hrs of course of Responsive Web Design.
I am providing the source code of the project that I build myself at the end of the program.
HTML :
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<main id="main">
<h1 id="title">
Mahatma Gandhi
</h1>
<h2> Father of India</h2>
<div id="img-div">
<center><img id="image" alt="Tribute image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Mahatma-Gandhi%2C_studio%2C_1931.jpg/220px-Mahatma-Gandhi%2C_studio%2C_1931.jpg" class="response">
</img></center>
<figcaption id="img-caption"> Mohandas Karamchand Gandhi 2 October 1869 – 30 January 1948) was an Indian lawyer, anti-colonial nationalist, and political ethicist, who employed nonviolent resistance to lead the successful campaign for India's independence from British Rule, and in turn inspired movements for civil rights and freedom across the world. The honorific Mahātmā (Sanskrit: "great-souled", "venerable"), first applied to him in 1914 in South Africa, is now used throughout the world.</figcaption>
<p id="tribute-info">Celebrating Bapu's 150th birthday</p>
<a id="tribute-link" target="_blank" href="google.com">Wikipedia</a>
</div>
</main>
CSS:
body{
text-align: center;
font-family: Roboto;
}
#image{
max-width: 100%;
display: block;
height: auto;
}
h1{
font-size: 82px;
}
h2{
font-size: 20px;
}
figcaption{
font-size: 20px;
}
.box{
text-align: center;
}
This comment has been removed by the author.
ReplyDelete