Skip to content

Instantly share code, notes, and snippets.

@Enigmatrix

Enigmatrix/index.html

Created May 13, 2015 02:55
Show Gist options
  • Save Enigmatrix/bf986ea913a1c1a25d8b to your computer and use it in GitHub Desktop.
Save Enigmatrix/bf986ea913a1c1a25d8b to your computer and use it in GitHub Desktop.
Download ZIP
Hello // source http://jsbin.com/teqeke
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MEMEMEMEMEMEMEMEMEM</title>
<style id="jsbin-css">
.stuff{
display:inline-block;
}
.stuffimg{
width:100px;
height:100px;
vertical-align: middle;
}
.ratestuff{
width:300px;
margin:5px;
}
button{
box-shadow:5px 5px 2px black;
background:radial-gradient(orange, red);
}
button:hover{
background:linear-gradient(orange, red);
}
button:active{
background:radial-gradient(aqua, blue);
}
</style>
</head>
<body>
<section>
<h1>Dank memes</h1>
<ul>
<li><img class="stuffimg" src="http://youthvoices.net/sites/default/files/image/25937/sep/illuminati-dollar_tower1.jpg">
<h3 class="stuff">ayy lmao</h3></li>
<li><img class="stuffimg" src="http://img.pandawhale.com/96174-Apply-cold-water-directly-to-t-HD3o.png"><h3 class="stuff">getrekt</h3></li>
<li><img class="stuffimg" src="https://i.ytimg.com/vi/2btmQMt9Z7I/maxresdefault.jpg"><h3 class="stuff">720scope</h3></li>
<li><img class="stuffimg" alt="YOU KNOW WHY THIS ISNT HERE"><h3 class="stuff">#420blazeit</h3></li>
<li><img class="stuffimg" src="http://st.elohell.net/public/chill/b4290a6e33e00ed87957c078df96c58c.jpg"><h3 class="stuff">swaggerino</h3></li>
</ul>
</section>
<section>
<h2>Review Time!</h2>
<input class="ratestuff" type="text" placeholder="PUT A DANK NAME HERE"/><br>
<input class="ratestuff" type="number" placeholder="PUT YOUR DANK AGE HERE"/><br>
<select class="ratestuff">
<option selected="selected">GIMME THAT DANK RATING</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select><br>
<button click="swag()">SUBMIT YOUR SWAG!</button>
</section>
<script id="jsbin-javascript">
function swag(){
alert('SWAG ADDED');
}
</script>
<script id="jsbin-source-css" type="text/css">.stuff{
display:inline-block;
}
.stuffimg{
width:100px;
height:100px;
vertical-align: middle;
}
.ratestuff{
width:300px;
margin:5px;
}
button{
box-shadow:5px 5px 2px black;
background:radial-gradient(orange, red);
}
button:hover{
background:linear-gradient(orange, red);
}
button:active{
background:radial-gradient(aqua, blue);
}</script>
</body>
</html>
Raw
jsbin.teqeke.css
.stuff{
display:inline-block;
}
.stuffimg{
width:100px;
height:100px;
vertical-align: middle;
}
.ratestuff{
width:300px;
margin:5px;
}
button{
box-shadow:5px 5px 2px black;
background:radial-gradient(orange, red);
}
button:hover{
background:linear-gradient(orange, red);
}
button:active{
background:radial-gradient(aqua, blue);
}
Raw
jsbin.teqeke.js
function swag(){
alert('SWAG ADDED');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment