Objective: Build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/wMQrXV.
Rule #1: Don't look at the example project's code. Figure it out for yourself.
Rule #2: Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.
User Story: I can view a tribute page with an image and text.
A Pen by Svetlana Linuxenko on CodePen.
| <div class="container"> | |
| <h1 class="text-center">Linus Torvalds</h1> | |
| <div class="row mr-tb-10"> | |
| <div class="col-xs-8 col-xs-offset-2 text-center "> | |
| <h3><em>Finnish-American software engineer, who is the creator of the Linux kernel and for a long time, principal developer.<em></h3> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-12 col-sm-4 text-center"> | |
| <div class="thumbnail"> | |
| <img class="img-responsive" src="https://rawgit.com/linuxenko/linuxenko.github.io/master/showcase/freecodecamp/torvalds-2014.jpg" alt="Linus Torvalds" /> | |
| <h4> | |
| Linus Benedict Torvalds | |
| December 28, 1969 (age 46) | |
| Helsinki, Finland | |
| </h4> | |
| </div> | |
| </div> | |
| <div class="col-xs-12 col-sm-8 "> | |
| <h2 class="text-center"> AWARDS </h2> | |
| <ul class="list-group"> | |
| <li class="list-group-item"><h4>2014 <em>IEEE Computer Pioneer Award</em></h4> | |
| <p > | |
| On April 23, 2014, the Institute of Electrical and Electronics Engineers named Torvalds as the 2014 recipient of the IEEE | |
| Computer Society's Computer Pioneer Award. The Computer Pioneer Award was established in 1981 by the IEEE Computer Society | |
| Board of Governors to recognize and honor the vision of those whose efforts resulted in the creation and continued vitality | |
| of the computer industry. The award is presented to outstanding individuals whose main contribution to the concepts and development | |
| of the computer field was made at least 15 years earlier. | |
| </p> | |
| </li> | |
| <li class="list-group-item"><h4>2012 <em>Internet Hall of Fame</em></h4> | |
| <p> | |
| On April 23, 2012, at Internet Society's Global INET conference in Geneva, Switzerland, Torvalds was one of the inaugural | |
| inductees into the Internet Hall of Fame, one of ten in the Innovators category and thirty-three overall inductees. | |
| </p> | |
| </li> | |
| <li class="list-group-item"><h4>2012 <em>Millennium Technology Prize</em></h4> | |
| <p > | |
| On April 20, 2012, Torvalds was declared one of two winners of that year's Millennium Technology | |
| Prize, along with Shinya Yamanaka. The honor is widely described as technology's equivalent of the Nobel Prize. | |
| </p> | |
| </li> | |
| </ul> | |
| <div class=""> | |
| <h2>And more</h2> | |
| <h4><em> | |
| You can read more about this incredible person being on his <a href="https://en.wikipedia.org/wiki/Linus_Torvalds">Wikipedia entry</a>. | |
| </em> | |
| </h4> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center"> | |
| <p>This page were created by © <a href="http://www.linuxenko.pro">Svetlana Linuxenko</a> | |
| <small>for <a href="http://www.freecodecamp.com/challenges/build-a-tribute-page"> A Tribute Page [freeCodeCamp [Basic Projects]] (Challenge)</a></small> | |
| </div> | |
| </div> |
| <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> |