Basic Html & Css Template

Basic Html & Css Template

This is a basic template of a Resume using HTML & CSS

  • this will help make you understand how things work in html and css combined together
  • you can easily visit my old blog posts for the introduction of html and css seperately
  • to make a html webpage we have to combine both html & css together
  • So, this is the sample will clarify you how to design basic templates using html & css

DESIGN - RESUME

suraj

HTML CODE

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Resume</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <h1 class="center">Peter Mullins</h1>
    <p class="center">peter.mullins@email.com / rochester,New york</p>
    <h2>Experience</h2>
    <h3>Senior Front End Developer</h3>
    <p1>Design web applications according to client briefs and modify designs to meet changes in client specifications
        Develop web products by coding wireframes into elements that users can interact with.
        Work in a team of web designers, back end developers and ux designers to meet project goals and create effective user experiences with digital products.
        Use skills in debugging to check code, improve code and enhance the functionality and user experience of web applications and computer programs.
        Supervise junior developer, provide training and motivate team members.
        Created several successful web campaigns that won awards in 2018.</p1> 
    <h3>Front End Developer</h3>
    <p1>Collaborated with web designers,back end developers and ux designers to design, build, test and improve web products.
        Added to the company database of code by developing reusable code that could minimize the time needed to complete ptojects in the future.
        Ensured scalability of front end elements by optimizing them for loading speed and performance.
        Assisted in the training of new developers and web designers.
        Worked with teams of it professional to meet team goals and business objective avery web products</p1>
    <h3>Front End Developer Intern</h3>
    <p1>Developed code to convert design wireframes into website elements under supervision.
        Used frameworks for front end development such as react and ember, design software such as photoshop and dreamweaver and programming languages such as html and javascript.
        Assisted senior front end developers in designing web applications and gained skills in aligning designs with client requirements.
        Gained experience in resolving conflicts with colleagues professionally.
        Learned to interact with clients, present designs and handle feedback on work.</p1>
    <h2>skills</h2>
    <p1>
        Html<br>
        Css<br>
        React<br>
        Javascript<br>
        Photoshop<br>
        Illustrator</p1>
    <h2>connect</h2>
    <a href="#">Twitter</a>
    <a href="#">Linkedin</a>
    <a href="#">Instagram</a>
    <a href="#">Facebook</a>

CSS CODE

body{
    background-color:#0404a3;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color:white;
}
h2{
    color:rgb(26, 145, 26);
    }
p2{
    color:red;
    }
.center{
    text-align: center;
}
a{
    color:red;
}
.center{

  text-align: center;
  display: block;
}