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 Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

HTML

              
                <div class="div">
  
<div class="container-fluid">
  <center>
    
    <h1 class="blue-text text-center">Dr. Michio Kaku</h1>
    <p class="blue-text"><b><i>One of today's most well-known and respected theoretical physicists</i></b></p>
  
 
   
      
    <div class="image-container"><!-- div tag for added image-container -->
      
      <img src="https://www.501st.com/include/images/honorary/michio1s.jpg" class="img-responsive" alt="Michio holding an award next to someone dressed as a Storm Trooper.">
      <p class="blue-text">Dr. Michio Kaku on left (obviously).</p>
    
    </center>
      
    </div><!-- div tag for added image-container -->
    
  <div>
    <p class="blue-text margin-left"><b>A list of some of Dr. Kaku's accomplishments:</b></p>
    </div>
  <!-- below div is for list -->
  <div>
    <ul class="blue-text">
      <li><b>In high school -</b>While at Cubberley High School in Palo Alto he built a      particle accelerator in his parents' garage at home for a science fair project. At the national sceince fair hosted in Albuquerque, New Mexico, physicicst Edward Teller's attention was caught resulting him in awarding Michio with the Hertz Engineering Scholarship aiding him in his enrollment at Harvard University. Teller essentially made Michio his protege.</li>
      <li><b>College -</b>In 1968 Michio graduated first in his physics class from Harvard University.</li>
      <li><b>Post Undergrad -</b>In 1972 he held a lectureship at Princeton University. It is also the same year he earned his Ph.D. while attending the Berkeley Radiation Laboratory at the University of California, Berkeley.</li>
      <li><b>Military -</b>During the Vietnam War Michio was drafted into the United States Army. Although the war ended before he was ever deployed as an infantryman, he attended basic training at Fort Benning, Georgia and advanced infantry training at Fort Lewis, Washington.</li>
      <li><b>Academia -</b>He currently holds the  Henry Semat Chair and Professorship in theoretical physics at the City College of New York.  Between 1975 and 1977 he conducted work on research in quantum mechanics for the department of physics The City College of The City University of New York.  He is also responsible for than 70 physics articles pulished in various physics journals all covering topics such as superstring theory, supergravity, supersymmetry, and hadronic physics.  Following that, he has also authored several text books on string theory and quantum field theory.  Perhaps most heroically, Michio played a part in breaking the news that SSFL (Santa Susana Field Laboratory) was responsible for an experimental sodium reactor which had an accident in Simi Valley in the 50s. Their was a radiation leak that he helped develop the story on.</li>
      <li><b>Popularizer of science -</b>Kaku is most well known for showing up on multiple TV programs in the name of popularizing science, much like Carl Sagan, Neil deGrasse Tyson, Bill Nye, etc...  It is a noble and imprtant cause in these modern days where science and education are in such poor condition.</li>
      <li><b>Author -</b>Michio has authored and co-authored multiple books (There is a link to a list at the bottom of the page).</li>
      <li><b>Radio -</b>Kaku has one hour radio show every week called <i>Exploration</i> that covers a wide range of topics such as science, war, peace, and the environment.</li>
      <li><b>Domestic life -</b>Michio is married to Shizue Kaku and has two daughters by the names of Alyson and Michelle.</li>
      
    
    </ul>
    </div>
    
    <!-- quote, bold, with larger font about Michio after bulleted list -->
    <h2 class="blue-text">
      "Professor Kaku ponders the universe, the stars, and the nature of reality for a living. He is one of the founding fathers of string theory. Dr. Kaku has spent an entire lifetime working on understanding the fundamental nature of the universe to find the coveted, “A Theory of Everything.” These ideas and theories involve researchers and theories using some of the most complex mathematical equations known to humankind. Thankfully, Dr. Kaku is a popularizer of science to the public and has a talent for breaking down complex cutting edge theories and mathematics for us mere mortals."</h2>
    <h3 class="blue-text"><i> - Writer Lornett Vestal of WordPress</i></h3>
    
    <h4 class="orange-text">If you are interested in reading any of <a href='http://mkaku.org/home/publications/' target="blank">Dr. Kaku's books</a>, I personally recommend Physic's Of The Impossible to start.
    </h4>
<!-- http://mkaku.org/home/publications/ -->
   
    </div>
    
</div>
</div>
              
            
!

CSS

              
                
body {
  background-color: black;
}
.blue-text {
  color: blue;
}
.orange-text {
  color: orange;
}
.black-background {
  background-color: black;
}


.margin-left{
    margin-left: 15px;
}

h2 {
  font-size: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

h3 {
  margin-left: 15px;
  font-size: 16px;
}

h4 {
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 30px;
}

.text-underline{
  text-decoration: text-underline;
  text-decoration-color: white;
}

ul {
  margin-left: 3px;
}

a {
  text-decoration: underline;
}

li {
  margin-right: 15px;
}
.image-container {
    background-color: silver;
    padding: 5px 5px 5px;
    width: 100%;
}
img {
  width: 100%;
}
.div {
  margin: 1em auto;
  width: 80%;
}




              
            
!

JS

              
                
              
            
!
999px

Console