daehopark/resume-for-web-developer daehopark/resume-for-web-developer

  • Stars
    star
    216
  • Rank 183,179 (Top 4 %)
  • Language
    HTML
  • Created almost 8 years ago
  • Updated almost 5 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
daehopark/resume-for-web-developer
github

daehopark

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

HTML5 Résumé Template for Web Developer

HTML5 Résumé Template for Web Developer

Online Résumé(CV) template for web developer using HTML5 and CSS3.

Screenshot

Change Your Name, Job and Profile Image

<header>
  <h1 class="heading-container">Résumé</h1>
  <h2 class="name-container">your name</h2>
  <h3 class="job-container">your role</h3>
  <div class="profile-picture">
    <img src="./assets/img/profile.png" alt="">
  </div>
  ...
</header>
  • Write down your name in h2 tag
  • Write down your job name in h3 tag
  • Change the image file in /path/assets/img/profile.png

Change Your Contact Information

<header>
  ...
  <div class="contact-container">
    <ul class="contact-list">
      <li>
        <a href="tel:01000000000">+82. 010. 0000. 0000</a>
        <span><i class="fa fa-phone" aria-hidden="true"></i></span>
      </li>
      <li>
        <a href="mailto:[email protected]">[email protected]</a>
        <span><i class="fa fa-envelope-o" aria-hidden="true"></i></span>
      </li>
      <li>
        <a href="#" target="_blank">your homepage address</a>
        <span><i class="fa fa-globe" aria-hidden="true"></i></span>
      </li>
      <li>
        <a href="https://github.com/dhparkdh/resume-for-web-developer" target="_blank">your github address</a>
        <span><i class="fa fa-github" aria-hidden="true"></i></span>
      </li>
    </ul>
  </div>
</header>
  • Write down your phone number in first li tag
  • Write down your email address in second li tag
  • Write down your homepage web address in third li tag
  • Write down your github page address in fourth li tag

Change Your Experiences

<section class="resume-item experience">
  <div class="inner">
    <h2>experience</h2>
    <ul>
      <li>
        <h3>Your Role</h3>
        <h4 class="company">Your Company Name & Location</h4>
        <span class="date">Working Period</span>
        <p class="detail">
          Details what you did at this company
        </p>
      </li>
      ...
    </ul>
  </div>
</section>
  • Write down your role when you were in the company in h3 tag
  • Write down your company name and location when you were in the company in h4 tag
  • Write down your working details when you were in the company in p tag

Change Your Projects

<section class="resume-item project">
  <div class="inner">
    <h2>project</h2>
    <ul>
      <li>
        <h3><a href="#" target="_blank">Your Project Name</a></h3>
        <p class="detail">
          Details what the project is
        </p>
        <p class="tags">#hash #tags</p>
      </li>
      ...
    </ul>
  </div>
</section>
  • Write down your project name in h3 tag
  • Write down the details about your project in first p tag
  • Write down hash tags about your project in second p tag

Change Your Skills

<section class="resume-item skill">
  <div class="inner">
    <h2>Skill</h2>
    <ul>
      <li>
        <h3>Your Skill Name</h3>
        <div class="skill-bar">
          <span class="bar" style="width: Percentage% ;"></span>
        </div>
      </li>
      ...
    </ul>
  </div>
</section>
  • Write down your skill name in h3 tag
  • Write down your proficiency percentage in width attribute of span tag