Personal Portfolio

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

My personal portfolio. It will be updated often.

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>Personal Portfolio</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>

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

  
</head>

<body>

  <div class="container-fluid bg-1 text-center">
<h3> Ryan </h3>
<img src="https://avatars.githubusercontent.com/u/19747627?v=3" class="img-circle" width="175px" height="175px">
<h3> Programmer - Designer - Graphic Artist </h3>
</div>
  <div class="container-fluid bg-2 text-center">
    <h3> site 1</h3>
    <div class="col-sm-4>"
    <p> just is to fill space </p>
  </div>
 <div class="container-fluid bg-3 text-center">
      <h3> contact </h3>
      <p> more filler for right now </p>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/LifeOfRy/personal-portfolio-ZOwZKJ */
.bg-1 {
  background-color:#ff0000; /*red*/
  color: black;
}
.bg-2 {
  background-color:black; /*black*/
  color:red;
}
.bg-3{
  background-color:red;
  /*red*/
  color:black;
}
.container-fluid {
  padding-top: 70px;
  padding-bottom: 70px;
}

Comments