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

              
                
<div class="container-fluid">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<div id="header">
<div class="row" id="top">
  <div class="col-md-8">
<h1 class="text-center" id="Heading">Bill Gates</h1>
  </div>
  <div class="col-md-4">
<img src="http://historythings.com/wp-content/uploads/2016/04/o-BILL-GATES-facebook.jpg" id="gates">
  </div>
</div>
<p class="text-center" id="who">Founder of Microsoft, Philanthropist and Competitor </h3>
 </div>
<h2 class="heading">Early Life</h2>
<p>Bill Gates was born in Seattle, Washington in the United States of America in 1955. His father was a lawyer and he had two sisters. Bill's parents had a career in law in mind for Gates. Gates went to school at Lakeside school when he was 13. Lakeside school is a private prepatory school and this is where Gates first got his hands on a computer and began programming. He got a block of time on the General Electric computer at school and began programming in BASIC, his first program was an implementation of tic-tac-toe that allowed users to play against the computer. Gates was fascinated by computers and this is when he realized his passion for software. Information Sciences inc. hired Gates and three others to write a payroll program in Cobol. Gates also wrote the school's computer program to schedule students in classes. He deliberately put himself in classes with 'interesting girls'. Gates scored a 1590 out of 1600 on the SATs and enrolled at Harvard College in 1973. He studied pre-law but also took courses in advanced mathematics and computer science. While there, he met Steve Ballmer who would eventually succeed Bill as CEO of Microsoft. Gates dropped out of Harvard in 1974 to start a software business with Paul Allen.</p>
<h2 class="heading">Career/Microsoft</h2>
<p>In 1975, Gates contacted MITS, the creator of the new microcomputer that they were working on a BASIC interpreter for the platform when in reality they didn't have an Altair and weren't working on an interpreter. A demo for Gates to show off the interpreter was organized and in just a few weeks, Gates and Allen had written the interpreter after developing an Altair emulator. The interpreter was successful and Gates and Allen went to work at MITS in alberquerque. Gates and Allen formed a partnership named 'Micro-soft' and in 1976, they became independent of MITS and had become Microsoft. They wrote various programming language software for different systems. The company moved to Washington in 1979. IBM contacted Microsoft in 1980 and proposed that Microsoft write them a BASIC interpreter. IBM also needed an operating system. Gates adapted 86-DOS for PC and delivered it to IBM as PC DOS in exchange for a one-time fee of $50,000. Microsoft released its first retail version of Microsoft Windows in 1985 and Microsoft struck a deal with IBM to develop an operating system known as OS/2. Ths was the beginning of the most popular personal computer operating system ever. Gates main role in Microsoft was managing and executive, however he also played a large role in software development part</p>
<h2 class="heading">Philantropy/Charity</h2>
<p>Gates left Microsoft to do philantropy work in 2006. Gates was the highest earning billionaire in 2013 with US$78.5 billion. In 2000, Bill and Melinda Gates combined three family foundations to create the Bill and Melinda Gates Foundation. It's the worlds wealthiest charitable foundation with $34.6 Billion. Gates has credited David Rockefeller as a major influence to his charitable acts. As of 2007, Bill and Melinda Gates were the second-most generous philantropists in America, having given over $28 Billion to charity. They both plan to eventually donate 95 percent of their wealth to charity. The foundation supports genetically modified organisms in agricultural development. In developing countries, they focus on improving people's health and giving them the chance to lift themselves out of hunger and extreme poverty (according to the foundation page - <a id="foundation_link" href="http://www.gatesfoundation.org/Who-We-Are/General-Information/Foundation-Factsheet" target="_blank">click here for more</a>). In 2010, Bill Gates, Warren Buffett and Mark Zuckerberg (facebook founder and CEO) signed a committment called the Gates-Buffett Giving Pledge which is a committment by all three to donate at least half of their wealth over the course of time to charity.</p>
<h2 class="heading">Current</h2>
<p>Currently, Bill Gates is spending most of his time and money on charitable work such as his work for the Bill and Melinda Gates foundation. In 2016, President Barack Obama honoured Bill Gates for his philanthropic efforts with the presidential medal of freedom.</p>
  <h2 class="heading">Timeline</h2>
  <ul>
    <li>Born in 1955</li>
    <li>Went to Lakeside School and first used a computer in 1967</li>
    <li>Begins programming with Paul Allen in 1968</li>
    <li>Starts 'Micro-soft' partnership in 1975</li>
    <li>'Micro-soft' becomes 'Microsoft' in 1976</li>
    <li>Microsoft moves to Washington State in 1979</li>
    <li>Windows 1.0 is launched in 1985</li>
    <li>Bill Gates marries Melinda French in 1994</li>
    <li>Windows 95 is launched (in 1995 of course!)</li>
    <li>Establishes the Bill and Melinda Gates foundation in 2000</li>
    <li>Assumed role of chief software architect while Steve Ballmer takes the role of CEO of Microsoft in 2000</li>
    <li>Xbox released 2001</li>
    <li>Gates helps install 47,000 computers across 11,000 libraries in all fifty states, 95% of all libraries now have computers with internet access, in 2002</li>
    <li>Gates helps launch Terra-power which aims to provide affordable, secure and environmentally friendly forms of nuclear energy in 2006</li>
    <li>Warren Buffett pledges bulk of wealth to his foundation in 2006</li>
    <li>Leaves his daily job at Microsoft in 2008</li>
    <li>The giving pledge is created by Bill and Melinda Gates as well as Warren Buffett to get the wealthiest people to pledge over 50% of their wealth to charity over their lives in 2010</li>
    <li>Challenges the Global Health Community to make this the decade of vaccines and pledges $10 billion dollars over 10 years to help research and develop vaccines for the poorest countries in 2010</li>
    <li>Puts forward $5.5 billion to eradicate Polio by 2018 in 2013</li>
    <li>Bill Gates steps down as chairman and remains as a technology advisor for Microsoft in 2014</li>
  </ul>
  <div>
    <h3>Continue Reading</h3>
    <div class="row">
      <div class="col-md-6 text-center link">
    <a href="https://en.wikipedia.org/wiki/Bill_Gates" target="_blank">Wikipedia</a>
      </div>
      <div class="col-md-6 text-center link">
    <a href="https://www.gatesnotes.com/globalpages/bio" target="_blank">Gatesnotes.com</a>
      </div>
</div>
</div>

              
            
!

CSS

              
                body {
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
  background-color: grey;
}

#gates {
  width: 200px;
  height: 100px;
  display: block;
  margin: auto;
  border-color: #F55252;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
}

#who {
  font-size: 1.5em;  
}

#who, .heading {
  font-family: Open Sans
}

#header {
  background-color: #BF4C33;
  padding: 15px;
}

#top {
  background-color: #B5371C;
  padding: 12px 0 12px 0;
}

.link {
  background-color: red;
  padding: 4px;
}

#foundation_link {
  color: red;
}
              
            
!

JS

              
                
  

              
            
!
999px

Console