Skip to content

kanishk123agarwal/web-development-project-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

<title>PROJECT 1</title> <style>

{ box-sizing: border-box; } body{ margin: 0px; padding: 0px; font:poppins; } #main{ width: 100%; height: 70vh; position: relative; } nav{ display: flex; justify-content: space-around; align-items: center; position: fixed; top: 0; left: 0; width: 100%; background-color: white; box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.02); z-index:10; } .logo img{ height: 45px; } .menu{ list-style: none; display: flex; } .menu li a{ height: 40px; line-height: 50px; margin: 3px; padding: 0px 22px; display: flex; font-size: 1em; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; color: rgb(221, 14, 14); } a{ text-decoration: none; } .hey{ color: brown; font-weight: 400; font-size: 20px; border-bottom: 2px solid yellow ; } / .image{ width: 500px; height: 500px; } .image img{ width: 100%; height: 100%; object-fit: contain; } */ .content{ display: flex; width: 90%; justify-content: space-between; align-items: center; position: absolute; left: 50%; right: 50%; transform: translate(-50%,-50%); } .text{ width: 500px;

} .text h1{ font-size: 3em; text-decoration: underline; color: #1c3548; margin: 0px 0px 10px 0px; line-height: 60px; } .text p{ color: blue; font-family: 'Oswald', sans-serif; } .resume-button{ width: 190px; height: 44px; display: flex; justify-content: center; align-items: center; color: white; background-color: #1db096; border-radius: 20px; box-shadow:5px 10px 70px lightskyblue; } .resume-button:hover{ background-color: grey; transition: all ease 0.2s; } .menu li a:hover{ background-color:greenyellow; color: white; box-shadow:5px 10px 30px lightblue; } .text h3{ text-transform: uppercase; } .text strong{ font-style: italic; color: black; } .text em{ font-size: 2em; } .text .quotes{ color: red; font-size: 25px; }

</style>
Education Logo Vector Image, Education, Logo, Symbol PNG and Vector with  Transparent Background for Free Download | Education logo, Education logo  design, Logo design THE GREATEST SCIENTIST IN THE WORLD
    <img alt="Dr. APJ Abdul Kalam Age, Biography, Wife, Death Cause, Facts &amp; More »  StarsUnfolded" class="n3VNCb" src="http://starsunfolded.com/wp-content/uploads/2017/08/APJ-Abdul-Kalam.jpg" data-noaft="1" jsname="HiaYvf" jsaction="load:XAeZkd;" style="width: 500px; height: 450px; margin: 0px;">
  </div>
  <div class="text">
      <h1>APJ ABDUL KALAM</h1>
      <h3>Introduction</h3>
      <p> <strong>A.P.J. Abdul Kalam, in full Avul Pakir Jainulabdeen Abdul Kalam, (born October 15, 1931, Rameswaram, India—died July 27, 2015, Shillong)</strong>, Indian scientist and politician who played a leading role in the development of India’s missile and nuclear weapons programs. <strong>He was president of India from 2002 to 2007.</strong></p>
      <p> In 1969 he moved to the Indian Space Research Organisation, where he was project director of the SLV-III, the first satellite launch vehicle that was both designed and produced in India. Rejoining DRDO in 1982, Kalam planned the program that produced a number of successful missiles, which helped earn him the nickname <strong>“Missile Man.”</strong></p>
     <p class="quotes">QUOTES</p>
     <em>"Dream, dream, dream. Dreams transform into thoughts and thoughts result in action."</em>
      <a href="#" class="resume-button">ABOUT APJ-Abdul-Kalam</a>
    </div>

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published