A Pen by Isaac

Thumbnail
This awesome code was written by --MEMER--, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright --MEMER-- ©

Technologies

  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Isaac</title>
  
  
  
  
  
</head>

<body>

  <html>

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
  </script>
  <style>
    body {
      background: linear-gradient(#660066,
      #610066,
      #5C0066,
      #570066,
      #520066,
      #4C0066,
      #470066,
      #420066,
      #3D0066,
      #380066,
      #330066,
      #2E0066,
      #290066,
      #240066,
      #1F0066,
      #1A0066,
      #140066,
      #0F0066,
      #0A0066,
      #050066,
      #000066);
      background-repeat: no-repeat;
      height: 1100px;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="jumbotron" style="background:radial-gradient(#009933,#009136,#008A38,#00823B,#007A3D,#007340,#006B42,#006345,#005C47,#00544A,#004C4C,#00454F,#003D52,#003654,#002E57,#002659,#001F5C,#00175E,#000F61,#000863,#000066)">
      <h1>Black holes</h1>
    </div>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand">Black holes& wormholes</a>
        </div>
        <ul class="nav navbar-nav">
          <li><a href="https://s.codepen.io/--MEMER--/debug/mXzzzz/bYAdyGaKxXjk">Home</a></li>
          <li><a href="https://s.codepen.io/--MEMER--/debug/rJqojo/YvAgOPqKVwJA">Black holes</a></li>
          <li><a href="https://s.codepen.io/--MEMER--/debug/mXooaL/yYryLDZnDwqM">Wormholes</a></li>
          <li><a href="https://s.codepen.io/--MEMER--/debug/XZwMxM/yokZEQwZOOWA">Other</a></li>
        </ul>
      </div>
    </nav>
    <div class="well well-lg" style="background:#520066">
      <img src="http://www.skatelescope.org/wp-content/uploads/2013/11/skascience_blackholepulsar_300dpi.jpg" height="200" style="float:right" class="img-circle">
      <font style="color:white">
        <h3>Some random facts:</h3>
        <font size="5">
          <ul>
            <li>Black holes aren't black they are transperent because to have any color an object must reflect light and black holes take in light not reflect it</li>
            <li>Nothing can escape a black hole"s gravational pull</li>
            <li>If you survive going through a black hole then in theory you come out a white hole</li>
          </ul>
        </font>
    </div>
    <img src="https://futurism.com/wp-content/uploads/2013/12/White-Hole.jpg" height="200" style="float:left;" class="img-rounded">
    <div class="well well-lg" style="background:#330066">
      <h3>How to make a black hole</h3>
      <font size="4">
        <p>To make a black hole you need to concentrate matter into a small area like a neutron star(a very large star witha radius of 10 to 20 kilometers) and turn it to a compress an area if 3 km</p>
      </font>
      </font>
    </div>
  </div>
</body>

</html>
  
  

</body>

</html>

Comments