Skip to content

Instantly share code, notes, and snippets.

@joeybronzoni

joeybronzoni/index.html

Created December 19, 2016 00:01
Show Gist options
  • Save joeybronzoni/e41666dea962926ae025e3e422413da7 to your computer and use it in GitHub Desktop.
Save joeybronzoni/e41666dea962926ae025e3e422413da7 to your computer and use it in GitHub Desktop.
Download ZIP
VmqoPQ
Raw
index.html
<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>
Raw
script.js
$(document).ready(function(){
$(".target").addClass("animated shake");
});
Raw
style.css
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%;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
@joeybronzoni
Copy link
Author

My first real project here!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment