1

In this example below you will see how to do a 1 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>1</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <html>
  <head>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
  </head>
  
  <body>
    <div class="container">
      
      <div class="intro">
        <h4>ASHLEY SAMANTHA GARCIA</br>
      1831 REDBANK ROAD</br>
      NORTH PALM BEACH, FL 33408</h4>
      </div> 
    
       <div class="row">
        <div class="col-md-3">
           <p>Santa Fe College</br>
          2009-2011; BAS Health Services Administration</p>
        </div>
         <div class="col-md-3">
          <p>Santa Fe College</br>
            2006-2008; A.S English</p>
         </div>
         <div class="col-md-6">
           <ul>
             <li>Spanish Fluency</li>
             <li>Microsoft Office Proficiency</li>
             <li>HTML</li>
             <li>CSS</li>
           </ul>
         </div>
       </div> 




     </div>
   </body>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/0319AM/1-RZagWV */
.container {
  width: fixed;
}

.intro {
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid;
  color: white;
  padding: 40px;
  background:     url(https://static1.squarespace.com/static/53768db2e4b0cb63d6f9cae4/t/54ea3a00e4b0663b4a832a23/1424636449182/rainbow+veggies);
  height: 100px;
}

.row {
  display: inline;
}

Comments