Project1-Portfolio

CSS Box Model:
The CSS Box Model is a concept used in web design to describe how elements are displayed on a webpage.
Every HTML element is treated as a box.
Parts of the Box Model:

Content
The actual text or image inside the element.

Padding
Space between the content and the border.

Border
A line surrounding the padding and content.

Margin
Space outside the border between elements.

Resume Building:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Resume</title>
  <style>
  *{
    padding:0px;
    margin:0px;
  }
  header{
    text-align: center;
    color: rgb(252, 251, 251);
    background-color: black;
    padding:15px;
  }
  a{
   color:white;
    margin-right: 10px;
    text-decoration: none;
  }

  nav{
    text-align: center;
    background-color: black;
    padding-top: 20px;
    padding-bottom: 5px;
  }
  section{
    background-color:grey;
    margin-top: 35px;
    margin-left: 15px;
    margin-right:15px;
    border-radius:10px;
    padding: 10px;
  }p{
    color: white;
  }
  footer{
     background-color: black;
     color: white;
     margin-top: 75px;
     padding: 15px;
  }
</style>
</head>
<body>
  <header>
  <h1>ALAGU SELVAN</h1>
  <nav>
  <a href="">GitHup  </a> 
  <a href="">Contact  </a>
  <a href="">LinkedIn  </a>
  </nav>
  </header>
  <section>
    <h1>Aim:</h1>
    <p>My aim is to succeed in a challenging environment that offers opportunities for growth and learning. I want to excel in my field 
through smart work and dedication, while continuously improving my skills and contributing positively to the organization. </p>
  </section>
  <section>
    <h1>Educational Quaifications:</h1>
    <p class="co">SSLC-Adhiyaman Matric Hr sec School<p>
      <p class="co">HSC-Adhiyaman Matric Hr sec School</p>
      <p class="co">B.Tech-IT :Sona college of Technology</p>
  </section>
  <section>
    <h1>Technical Skills:</h1>
    <p>JAVA,OOPS,SQL,HTML,CSS,JAVASCRIPT</p>
  </section>
  <section>
    <h1>Certifications:</h1>
    <p>-Intern-Full Stack Development(Novitech Private Limited)</p>
    <p>-Iot(NPTEL)</p>
    <p>-Coding Bat(5 star)</p>
    <p>-Intern-UI/UX</p>
    <p>-Time Management(Infosys Springboard)</p>
  </section>
  <section>
    <h1>Extracurricular Activities:</h1>
    <p>-Partcipated in Speakers Forum</p>
    <p>-SMT Club Member</p>
    <p>-Organizer in SonaChamps 23' to 26'</p>
  </section>
<footer>
  <center>
    <h4>@Alagu</h4>
  </center>
</footer>
</body>
</html>

Output:

DEV Community

Project1-Portfolio

Top comments (0)