A Pen by Joseph Skrzysowski on CodePen.
Created
December 19, 2016 00:01
-
-
Save joeybronzoni/e41666dea962926ae025e3e422413da7 to your computer and use it in GitHub Desktop.
VmqoPQ
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> | |
<style> | |
</style> | |
<head></head> | |
<title>ELON MUSK</title> | |
<h1 class="text-primary">Elon Musk</h1> | |
<img class="img-responsive thick-black-border" src="http://tinyurl.com/zsj3m58"alt="Picture of Elon Musk with the names of his companies-solar city, tesla, and spacex" width="1000"></img> | |
<!--find out where the buttons will lead to ex/solarcity etc--> | |
<div class="container-fluid text-center"> | |
<h3 class="text-primary text-center">Elon Musk</h3> | |
<div class="row text-center"> | |
<div class="col-xs-4"><h4>Check out these links!</h4> | |
<div class="well text-center" id="left-well"> | |
<a href="http://tinyurl.com/z4gaqch"><button class="btn btn-default target btn-link" id="target1">SolarCity</button></a> | |
<button class="btn btn-default target" id="target2">Tesla</button> | |
</div></div> | |
<div class="col-xs-4"> <h4>Check out these links!</h4> | |
<div class="well text-center" id="right-well"> | |
<a href="http://www.spacex.com/"> <button class="btn btn-default btn-link target" id="target3">SpaceX</button></a> | |
<button class="btn btn-default target" id"targret4">HyperLoop</button></div> | |
</div></div> | |
<body> | |
<p class="text-center">Elon Musk has been leading the human race on one of the greatest expiditions known to man kind</p> | |
<p> | |
<ul class="text-center"> | |
<li>lipon allons enfants de la patrie Le jour de gloire est arrive</li> | |
<li>lipon allons enfants de la patrie Le jour de gloire est arrive</li> | |
<li>lipon allons enfants de la patrie Le jour de gloire est arrive</li> | |
<li>lipon allons enfants de la patrie Le jour de gloire est arrive</li> | |
<li>lipon allons enfants de la patrie Le jour de gloire est arrive</li></ul> | |
</body> | |
<div class="row2"><div class="col-md-6"> | |
<div class="well2" id="left-well2"><p>euryalkdhlakdhflkajdhvljadgakjhdsflkajsdhlk<br>akjdfhlakdhflaksdflahdfkjsadhgfkjSHDG<br>hsfgkajdgfkajdhfkjadfhgvkajdfhgvkjadh<br>ajdgfkadvgkajsdhbvkjasdhjkasdhkjasdhcjksad<br></p></div></div></div> | |
<div class="col-md-6"> | |
<div class="well2" id="right-well2"><p>euryalkdhlakdhflkajdhvljadgakjhdsflkajsdhlk<br>akjdfhlakdhflaksdflahdfkjsadhgfkjSHDG<br>hsfgkajdgfkajdhfkjadfhgvkajdfhgvkjadh<br>ajdgfkadvgkajsdhbvkjasdhjkasdhkjasdhcjksad<br></p></div></div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(document).ready(function(){ | |
$(".target").addClass("animated shake"); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
p {background-color:;} | |
.target{color:orange!important;} | |
.well{background-color:grey !important;} | |
h1{font-family:Monospace,sans-serif !important;} | |
.thick-black-border{ | |
border-color:black; | |
border-width:10px; | |
border-style:solid; | |
border-radius:25%; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
My first real project here!