Learn About Kyle

In this example below you will see how to do a Learn About Kyle with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by Kyle_House, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Kyle_House ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Learn About Kyle</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div>
  <h1 class="first">Kyle's Class Webpage</h1>
  <p1>Hello my name is Kyle House and if you're interested ot know more about me please continue on my webpage</p>
</div>
<div>
  <h2 id="second"><em>What is  your favorite TV show?</em></h2>
  <p2><em>By far my favorite TV show is <b>LOST</b>. Back in my freshman year I binged watched all 120 episodes all being 45 minutes each within 2 weeks. Let's just say I got very emotional towards the end.</em></p2>
</div>
<div>
 <h3>Here are some of my favorite websites to view during my freetime.</div>
 <div> <a href="https://www.facebook.com/"target="blank_">Facebook</a>
 </div> 
<div>
  <a href="https://www.youtube.com/"target="blank_">Youtube</a>
  </div>
  <div>
    <a href="https://soundcloud.com/stream"target="blank_">SoundCloud</a>
  </div>
<img src="http://yesofcorsa.com/wp-content/uploads/2015/10/3352_koenigsegg_agera_r.jpg"/>
<img src="http://1hosj01irnixn8onr1zmv5s1.wpengine.netdna-cdn.com/wp-content/uploads/2015/01/sanownik_com_koenigsegg_30848.jpg"width="50%"/>
<div>
  <h1><em>Favorite Video Games</em></h1>
  <ol>
    <li>Elder Scrolls Skyrim V</li>
    <li>Fallout 4</li>
    <li>Call of Duty Modern Warfare 2</li>
    <li>Uncharted 4</li>
    <li>The Last of Us</li>
    </ol>
 </div>
<div>
  <h1>Hobbies</h1>
  <ul>
    <li>Video Games</li>
    <li>Computer Builds</li>
    <li>Swim</li>
     <ul>
       <li>Breaststroke</li>
       <li>Freestyle</li>
     </ul>
    <li>Cars</li>
     <ul>
       <li>Koenigsegg Agera R (As shown in the above image)</li>
     </ul>  
    <li>Work</li>
  </ul>
 </div>
<div>
  <h1>Car Table</h1>
  <table>
   <tr> 
    <th>Super Cars</th>
    <th>Sports Cars</th>
    <th>Normal Cars</th>
   </tr>
   <tr>
     <td>Ferrari 458</td>
     <td>BMW M4</td>
     <td>Honda Civic</td>
   </tr>
   <tr>
     <td>Nissan GT-R</td>
     <td>Audi RS7</td>
     <td>Toyota Camry</td>
   </tr>
   <tr>
     <td>McLaren 675LT</td>
     <td>Mercedes-Benz S63</td>
     <td>Nissan Atlima</td>
   </tr>
  </table>  
 </div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/Kyle_House/learn-about-kyle-aBbmWN */
.first{
  text-align: center;
  color: grey;
}
.second{
  color: blue;
}
li{
  color: green;
}
h3{
  color: #E58123
}

Comments