Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <html>
  <head>
     <title>Tribute</title>
  </head>
  <body>
    <div class='container'>
     <div class='row' id='row1'>
       <div class='col-xs-12 header'>
      <h3>Tribute of Dennis Ritchie</h3>
      </div>
     </div>
     <div class='row' id='row2'>
       <div class='col-md-6 col-xs-12 image'>

         <img src='http://www.maximejohnson.com/wp-content/uploads/2011/12/dennis_ritchie.jpg' class='pic img-responsive center-block' />

       </div>
       <div class='col-md-6 col-xs-12 para'>

        <p id='dennis'>Dennis Ritchie</p><p>Father of the C programming language.</p>

       </div>
     </div>
     <div class='row biography' id='row3'>
      <p><a href='http://www.notablebiographies.com/supp/Supplement-Mi-So/Ritchie-Dennis.html'>Dennis MacAlistair Ritchie</a> was a renowned American computer scientist, best remembered for creating the “C” computer programming language and his contributions to the development of UNIX Operating System. He was born in Bronxville, New York in 1941. His father, Alistair Ritchie, was a scientist at Bell Labs and wrote a book on circuit theory. Ritchie’s family moved to New Jersey when he was a child. There he studied at Summit High School and later obtained a BS degree in Physics in 1963 and a Ph.D. in Applied Mathematics in 1967, both from Harvard University.</br>
Ritchie and his associate Ken Thompson worked together at AT/T Bell Labs to create the Unix Computer Operating System. This is one of the two most significant achievements of Ritchie’s career, the other being the development of the C Programming Language. C was the descendant of the B programming language developed by Bell Labs. It was meant to be a “higher level” computer language and was the basis on which the UNIX Operating System was run. Thompson and Ritchie gained tremendous success with UNIX and the C Language. Before C, there was hardly any standardization in the computer industry. Computer programs were very specific to a particular type of hardware and could not be run on just any computer. UNIX and C served to combine and standardize the scattered bits and piece of software in the industry.
C was a powerful, multi-purpose language and combined with UNIX, their widespread impact and influence is evident in almost every aspect of the computing industry today.</br> For instance, languages which came later (such as Java and C++) were derived from the C language, browser codes are all written in C, and the UNIX kernel (an important basis on which is the internet works) is also written in C. Even Microsoft Windows was initially written in C. Both of Apple Inc’s Operating Systems (called iOS and MAC OS X) are based on the UNIX system.</br> There is no doubt about the impact of Ritchie’s contributions on the computing industry and the world. It would be fair to say that he has significantly altered the course of the computing industry’s history.
As the popularity of the C language rose, the use of C and UNIX spread throughout the industry and it began to be taught to computer engineers in universities. This was in large part due to the success of Kerninghan and Ritchie’s book titled “The C Programming Language“. This book was published in 1978, and served as a comprehensive manual for learning how to use C. The book’s authors are often collectively referred to as “K/R”. This book was so successful that it’s been translated into 20 different languages. It’s popularity is due to the fact that it’s easy to use and understand.</br>
When AT/T was restructured, Ritchie was transferred to a newly created division called Lucent Technologies, where he worked until his retirement in 2007 as Head of System Software Research Department. Ritchie’s list of awards and accolades is extensive. He is a Fellow of the Computer History Museum, and recipient of the National Medal of Technology from President Bill Clinton, Achievement Award by the Industrial Research Institute and the Japan Prize for Information and Communications.
By nature, Dennis Ritchie was a humble, polite and well liked person. He looked like a typical IT guru with long hair and a beard. He preferred to start working around noon and went home and worked into the late hours of the night. Ritchie suffered from poor health for the last few years of his life and died in October 2011 at the age of 70. His legacy lives on in the form of the prevalent application of his contributions to modern computing.</p>
     </div>
    </div>
<p class='text-center made'>Made With Love by <a href='https://www.facebook.com/adnane.yak.94'>Yak</a></p>
  </body>
</html>

              
            
!

CSS

              
                @import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Fredoka+One');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Arvo');
@import url('https://fonts.googleapis.com/css?family=Sarpanch');
body{
  background:#032E46;
  color:#fff;
}
*{
  margin:0px;
  padding:0px;
  box-sizing:border-box;
}
.container{
  width:50%;
  margin-top:20px;
}
.header{
  background:#fff;
  border-radius:3px;
  text-align:center;
  color:#37465D;
  font-family:'Fredoka One',sans-serif;
  padding-bottom:6px;
  border-top:10px solid #44BBFF;
}
.image{
  background:#fff;
  padding-top:15px;
  padding-bottom:15px;
  border-radius:3px;
  margin-left:-10px;
  border-top:10px solid #44BBFF;
}
.para{
  background:#fff;
  color:#37465D;
  font-family:'Open Sans',sans-serif;
  font-size:16.5px;
  font-weight:600;
  padding-top:79px;
  padding-bottom:80px;
  margin-left:10px;
  border-radius:3px;
  border-top:10px solid #44BBFF;
}
#dennis{
  font-size:25px;
  text-align:center;
  font-family:'Fredoka One',sans-serif;
  letter-spacing:2px;
}
#row2{
  margin-top:10px;
  padding-left:10px;
}
#row3{
  margin-top:10px;
  background:#fff;
  border-radius:3px;
  color:#37465D;
  font-family:'Open Sans',sans-serif;
  font-weight:600;
  padding:15px 15px 0px 15px;
  border-top:10px solid #44BBFF;
}
@media screen and (max-width:961px){
  .container{
    width:98%;
  }
  .image, .para{
    margin-left:-5px;

  }
  .para{
    margin-top:10px;
  }
}
.made{
  margin-top:5px;
  Opacity:0.8
}
              
            
!

JS

              
                
              
            
!
999px

Console