My Resume

In this example below you will see how to do a My Resume with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by 0319AM, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright 0319AM ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>My Resume</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <head>
 
</head>

<body>
  
<div id="container">
  
  <div class="container">  
    <div class="navbar">
     <div class="row">
       <div class="col-xs-11">
          <h2>Ashley Samantha Garcia</h2>
        </div>
       <div class="col-xs-1">
          <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Connect With Me!
            </button>
          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item" href="http://www.twitter.com/tinyxicana">Twitter</a></br>
            <a class="dropdown-item" href="http://www.instagram.com/neonmexican">Instagram</a></br>
             <a class="dropdown-item" href="http://www.littlexicana.wordpress.com">WordPress</a>
          </div>
        </div>
       </div>
     </div>
   </div>  
  </div>

  <div class=currentjob>
    <div class="row">
      <div class="col-xs-3">
      <h4>Computer Operator</br>
      Walgreens</br>
      2016 - Current</h4>
      <p>Control, monitor, and maintain company computer systems. Maintain and troubleshoot computer equipment. Maintain and troubleshoot network systems including LAN, AS/400, and Radio Frequency. Schedule processing and print item picking documentation. Perform system backup functions and communicate system backups to management teams. Process store orders. Complete requests for reports and/or queries. Order and maintain inventory supply. </p>
      </div>
      <div class="col-xs-3">
      <h4>Administrative Assistant</br>
        CECS Inc.</br>
        2012-2015</h4>
        <p>Completed weekly payroll for 45+ employees. Assessed completion of contracted work and bill clients accordingly. Proofread and formatted new work proposals as well as Engineer-written inspection reports in Microsoft Word before their completion and sending to clients. Managed the status of millions of dollars in current and proposed work via a master job list created in Microsoft Excel. Entered and tracked mileage for company-owned vehicles. Completed miscellaneous office duties such as directing calls, scanning, and filing.</p>
      </div>
      <div class="col-xs-3">
        <h4>Intern</br>
        Emergency Physicians Medical           Center</br>
        2011-2011</h4>
        <p>Assisted in and gained experience with the maintenance of electronic patient records. Became more familiar with medical billing and coding. Improved my patient relation and customer service skills.</p>
      </div>
      <div class="col-xs-3">
        <h4>Manager</br>
        Rip's Dry Cleaners</br>
2008-2012</h4>
        <p>Prepared and put together daily sales reports and bank deposits. Kept and maintained records for thousands of dollars worth of inventory. Acted as liaison between customers and upper management.</p>
      </div>
    </div>
  </div>


  
  
  
  
 </div> 









</body>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/0319AM/my-resume-gxepKy */
/*---navbvar---*/
body {
  color: pink;
}

.btn {
  margin-bottom: -50px;
  background: white;
  border: .5px solid pink;
}

#dropdownMenuButton {
  color: pink;
}

.dropdown-menu {
  text-align: center;
}

a:link {
  color: pink;  
}

a:hover {
  color: pink;
}

/*---jobs---*/

h4 {
  text-align: center;
}

Comments