• Register
100 points
5 1

Today we will discuss a very interesting topic which not only enhance  your front-end skills but also you will showcase your skills to recruiter by creating your own resume with different style.This will set a good example of your work.If you are beginner then you can start with basic HTML and CSS which will create a beautiful static resume.You can use animations in your as well withthe help of CSS.

HTML provides you skeleton of webpage/resume and CSS gives unique style to your resume.Here, I have attached one sample HTML/CSS based resume which will give you idea that how will you proceed in this direction.

Code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My Resume</title>
  </head>
  <style>
      
      table tr#row1{
          background-color:grey;
          color: black;
      }
  </style>
  
  <body>
      <div style="background:linear-gradient(red,yellow,orange,white);">
      <h2>SANHI GUPTA </h2>
      <img src="image path" width=100 height=100 hspace=200 align=right>
      <h4>Address:XXXXXXXX</h4>
      <h4>Email:sxxxxxxxx@gmail.com</h4>
      <h4>Contact no:XXXXXXXXX</h4>
      <h2>
         <div style="background-color:grey;color:black;padding:0.5px;"> 
        <u>CAREER OBJECTIVE</u></h2>
      <p>A Motivated individual with in-depth knowledge of languages, microcontrollers and
        development tools,seeking a position in a growth-oriented company where I can use
        my skills to the advantages of the company while having the scope to develop my own
        skills.</p>
      <h2>
        <div style="background-color: gray;color:black;padding:0.5px;">    
        <u>ACADEMIC QUALIFICATION</u></h2>
      <h3>
          <table border=5 width=1000>
              <tr id="row1">
                  
                  <th>Qualification</th>
                  <th>Board/University</th>
                  <th>School/Collage</th>
                  <th>Year of passing</th>
                  <th>Percentage</th>
                  

              </tr>
              <tr>
                <th>B.Tech</th>
                <th>IP University</th>
                <th>XXXX</th>
                <th>2019</th>
                <th>83.3%</th>

            </tr>
            <tr>
                <th>12th</th>
                <th>CBSE</th>
                <th>XXXXX School</th>
                <th>2014</th>
                <th>92.8%</th>

            </tr>
            <tr>
                <th>10th</th>
                <th>CBSE</th>
                <th>XXXXXXX Public School</th>
                <th>2012</th>
                <th>90%</th>

            </tr>
          </table>
      </h3>
      <h2>
        <div style="background-color: gray;color:black;padding:0.5px;">   
        <u>TECHNICAL SKILLS</u></h2>
      <ul>
          <li>Embedded C</li>
          <li>Microcontrollers:Arduino,STM32&AVR</li>
          <li>Microprocessors:Raspberry Pi</li>
          <li>C++</li>
          <li>PCB Design</li>
          <li>Linux</li>
          <li>SQL Server 2008</li>
      </ul>
      <h2>
        <div style="background-color: gray;color:black;padding:0.5px;">   
        <u>PROJECTS</u></h2>
      <ol>
          <li><b>PCB Designing of Arduino Board in Orcad 16.6</b>
              <p>I have made schematic diagram with the help of orcad capture cis and after that
                design the board in PCB editor.</p>
          </li>
          <li><b>Hand Gesture Control Robot</b>
            <p>In this project, I controlled the robot using hand gestures.According to my hand movements robot moves i.e.move hand back will move the robot in backward direction. 
            </p>
        </li>
        <li><b>Making Oscillator using Phase Lock Loop</b>
            <p> In FM receivers,there is use of oscillator which can be lock with input frequency.I make this oscillator so that VCO will provide constant voltage that will help in SAW group project(DRDO). 
            </p>
        </li>
        <li><b>Making of CE Amplifier(Hardware&Software)</b>
            
        </li>
        
      </ol>
      <h2>
        <div style="background-color: gray;color:black;padding:0.5px;">   
        <u>ARCHIEVEMENTS & AWARDS</u></h2>
      <ul>
          <li>Secured 125 rank in Tech Aptitude Abhyas Contest in 2018 organinsed by Techgig and got certificate of Excellence 
        </li>
        <li>
            Secured 424 rank in Capgemini Tech Challenge 2018 in Tech Aptitude Skill Category. 

        </li>
      </ul>
      <h2>
        <div style="background-color: gray;color:black;padding:0.5px;">   
        <u>HOBBIES</u></h2>
      <ul>
          <li>
              Reading Novels
          </li>
          <li>Watching TV Series</li>
          <li>Graphology</li>
      </ul>
  </body>

</html>





 

2 Comments

Very Helpful Article. Thanks for posting.
Awesome ! Just what I was looking for . It was really helpful and the code was also neat . Thanks