<!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(#6666FF, #6E61F7, #755CF0,
#7D57E8,
#8552E0,
#8C4CD9,
#9447D1,
#9C42C9,
#A33DC2,
#AB38BA,
#B233B2,
#BA2EAB,
#C229A3,
#C9249C,
#D11F94,
#D91A8C,
#E01485,
#E80F7D,
#F00A75,
#F7056E,
#FF0066)
}
</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 & wormholes</h1>
<h3>By:Isaac V.</h3>
</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/LDAmdVvKNvdr">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/wQAPoZVLgpNr">Wormholes</a></li>
<li><a href="https://s.codepen.io/--MEMER--/debug/XZwMxM/yokZEQwZOOWA">Other</a></li>
</ul>
</div>
</nav>
<br/><br/>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3">
</li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="https://d2r55xnwy6nx47.cloudfront.net/uploads/2017/10/wormhole_2880x1620-2880x1620.jpg" width="1000">
</div>
<div class="item">
<img src="https://i.ytimg.com/vi/KP-Vl2OqlhA/maxresdefault.jpg" width="900">
</div>
<div class="item">
<img src="https://www.popsci.com/sites/popsci.com/files/styles/1000_1x_/public/images/2017/12/banados-quasar-carnegie.png?itok=MdzYru0R&fc=50,50" width="1000">
</div>
<div class="item">
<img src="https://i2.wp.com/www.learning-mind.com/wp-content/uploads/2014/12/wormhole-travel.jpg?resize=761%2C486" width="875">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
<br/><br/>
<div class="container-fluid">
<div class="row">
<div class="col-md-4" style="background-color:red;">
<h4>What I already know</h4>
<ul>
<li>Black holes are dangerous because their gravity is so strong that nothing can escape it</li>
<li>Worm holes are theoretical gate ways to other dimensions or other places in the universe.
</ul>
</div>
<div class="col-md-4" style="background-color:orange;">
<h4>What I want to know</h4>
<ul>
<li>How to use the schwarzschld radius</li>
<li>What is at the end of the worm hole</li>
<li>How do wormhole work</li>
</ul>
</div>
<div class="col-md-4" style="background-color:green;">
<h4>What no one knows</h4>
<ul>
<li>Where do you end up if you magically survived the trip</li>
<li>can you isolate a wormhole or singularity</li>
<li>Is a wormhole a stable black hole</li>
</ul>
</div>
<button data-toggle="collapse" data-target="#demo" style="background:#CC0099">Some fun facts</button>
<div id="demo" class="collapse" style="background:#66FFCC">
<p>
A blackhole the size of a coin has the samae weight of of the earth.
</p>
</div>
<div class="well well-lg" style="background: #F20973">
<h3>Some random stuff</h3>
<ul>
<li>Why is pizza, a cirlce put in a square box but we eat it in triangles?</li>
<li>If pinocchio said "My nose will grow now" what will happen?</li>
<li>How did the camera man hold his breathe long enough to record finding nemo?</li>
<li>What took a picture of the first camera?</li><!-- Its just a joke calm down hoe -->
</ul>
</div>
</div>
</div>
</body>
</html>
</body>
</html>
Bootstrap
Angular
ReactJS
jQuery
VueJS
HTML
CSS
JavaScript
Twitter Bootstrap
jQuery
v3.3.1
