A Pen by semih

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>A Pen by  semih</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css'>

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

  
</head>

<body>

  <html>
  <head>
    <title>ME!</title>
  </head>
  <body>
    <div class='container'>
    <h1 >Dr.Semih Chelik</h1>
    <div class='subheading'>
      <h4>The guy who learns html,css,js</h4>
      </div>
      <div id="paddle">
      <figure>
    <img src="http://www.sillypeople.com/images/promo/Silly-People-1-D.jpg" alt="Semih" id='image'>
        <figcaption class='caption text-center' style="background-color:white;"><i>Dr.semih experimenting laser gun!</figcaption>
          </figure>
        </div>
     <div>
       <h3>Here's a time line of Dr. Semih's life:</h3>
       <ul>
         <li><b>2001</b> - Born in Dushanbe,Tajikistan</li>
         <li><b>2007</b> - Started school</li>
         <li><b>2010</b> - Started studying at school called 'DIS'</li>
         <li><b>2015</b> - Started Programming</li>
         <li><b>2017</b> - Learned Web Programming</li>
         <li><b>2018</b> - Creating his website</li>
         <li><b>2019</b> - Will be professional Programmer</li>
         <li><b>2020</b> - Will start Uni</li>
       </ul>
        </div>
        <blockquote>
          <h4><b>""If you come 5 minutes later to the work,it means you are late to the work""</b></h4>
      <footer>
        <cite>- Student nominated by DIS Semih Chelik</cite>
          </footer>
          </blockquote>
    
  </body>
      <footer><h3>If you have time, you should read more about this incredible human being on his<a href='https://www.wikipedia.org/' target='_blank'> Wikipedia entry</a></h3></footer>
  </div>
</html>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/semihchelik/a-pen-by-semih-vpVXNb */
.container{
  background-color:grey;
  text-align: center;
}

.subheading{
  font-style: italic;
}
#image{
  heigth: 800px;
  width:1090px;
  
}
#paddle{
  padding-left: 10px;
  padding-right:10px;
}
ul{
 list-style-type:none;
 display:inline-block;
}

Comments