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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

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

              
                <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<div class="container-fluid">
  <div class="jumbotron">    
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-7" style="background-color:#66aa">
    <center><h1 class="h1" style="color:#fafaaa;""><b><i>Dennis M. Ritchie</i></b></h1>
    <div class="well">
      <h2><b><marquee direction="right">The Creator of UNIX and C Programming Language</marquee></b></h2><img class="img-circle img img-effect" src="https://www.soldierx.com/system/files/hdb/dennis_ritchie.jpg" ></center>
<div class="row">
    <div style = "font-size: 19px">
      <h3><b>Time Line of Dennis M. Ritchie Life </b></h3>
      <ul style="text-align:justify;">
        <li>Dennis M. Ritchie was born in September 9, 1941, Bronxville, Eastchester, New York, U.S. He is an american computer scientist.</li><br>
        <li>Ritchie and the American computer scientist Kenneth L. Thompson were cited jointly for “their development of generic operating systems theory and specifically for the implementation of the UNIX operating system,” which they developed together at Bell Laboratories. </li><br>
<li>In 1963 Ritchie earned a bachelor’s degree in physics and a doctorate (1968) in mathematics from Harvard University.</li><br>
        <li>In 1967 he joined Bell Labs, where he first worked on the Multics operating system (OS).</li><br>    
        <li>Ritchie joined Thompson in developing a more flexible operating system for Bell Lab’s obsolete Digital Equipment Corporation (DEC) PDP-7 minicomputer. Within a few months they had created UNIX, a new OS.</li><br>
        <li>In 1970 Ritchie contributed somewhat to Thompson’s creation of the B programming language.</li><br>
        <li> In 1972 Ritchie extended the B programming language to create the C programming language. C and its family of languages, including C++ and Java, remain among the most widely used computer programming languages.</li><br>
        <li> In 1973 Ritchie and Thompson rewrote UNIX in C.</li><br>
        <li>In 1983 Ritchie was named a fellow by Bell Labs and was elected to the U.S. National Academy of Engineering in 1988.</li><br>
        <li>In 1990 he was appointed head of the System Software Research Department at Bell Labs.</li><br>
        <li> In 1998 Ritchie and Thompson were awarded the U.S. National Medal of Technology for their development of UNIX.</li><br>
        <li>In 2011, dies at the age of 70. </li>
        </div>
      <p><center><b><i>"There's that line from Newton about standing on the shoulders of giants.
        We're all standing on Dennis' shoulders."</i></b></center></p><br>
      <p style="font-size:30px"><b>To know more about this amazing contributor to the field of computer science, please <a href="https://en.wikipedia.org/wiki/Dennis_Ritchie">click  </a> here.</b></p>
  </div>
  </div>
      </div>
              
            
!

CSS

              
                body {
  margin-top: 50px;
}
.jumbotron
{
  background-color: pink;
  font-family: Goudy Old Style,Times New Roman;
}
.img{
  height:300px;
  width:300px;
}
.img-circle{
  border-color:powderblue;
  border-width:10px;
  border-style:solid;
  border-radius:200px;
}

h1 {
    display: block;
    font-size: 3em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
              
            
!

JS

              
                
              
            
!
999px

Console