123

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

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.

            
              <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>
            
          
!
            
              
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%;
}




            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console