Skip to content

Instantly share code, notes, and snippets.

@AndriiBozh

AndriiBozh/index.html

Created December 20, 2017 20:53
Show Gist options
  • Save AndriiBozh/9236ce820eb6147b8983ea142f1f37bb to your computer and use it in GitHub Desktop.
Save AndriiBozh/9236ce820eb6147b8983ea142f1f37bb to your computer and use it in GitHub Desktop.
Download ZIP
Tribute Page
Raw
index.html
<html>
<head>
<meta name="viewport" content="width=device-width">
<style>
div.container {
width:100%;
}
header, footer {
padding: 2em;
background-color: yellow;
text-align: center;
}
article {
text-align: center;
}
li {
text-align: left;
}
p {
text-align: center;
}
</style>
<div class="container">
<header>
<h1 class="text-primary">Duck Tales</h1>
</header>
<article>
<img src="http://screencrush.com/442/files/2015/02/duck-tales-reboot-pic.jpg?w=720&cdnnode=" alt="Scrouge McDuck playing with his nephews in his treasury" style="width: 100%; height: 480px; padding-bottom: 10px">
<p><b><i><a href="https://en.wikipedia.org/wiki/DuckTales">DuckTales</a></i></b> is an American animated television series produced by Walt Disney Television Animation.</p>
</article>
<div class="container">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6">
<ul>
<li><i>Premiere:</i> September 18, 1987
<li><i>Ended:</i> November 28, 1990
<li><i>Number of seasons:</i> four
<li><i>Number of episodes:</i> 100
<li><i>Genre:</i> Action/Adventure, Comedy, Fantasy, Mystery
</ul>
</div>
<div class="col-sm-3"></div>
</div>
</div>
<p><b><a href="http://deadline.com/2015/02/ducktales-animated-series-ordered-disney-xd-1201380913/">Good news</a> for all <i>DuckTales</i> fans:</b> Disney XD announced that it is planning to reboot the original DuckTales TV series. The new reboot is scheduled to air sometime in 2017.</p>
<footer><i>AB first project, 2017</i></footer>
</div>
</body>
</html>
Raw
script.js
document.getElementsByTagName("h1")[0].style.fontSize = "80px";
Raw
style.scss
$blue: #a3d5d3;
body {
background-color: #ffff99;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet" />
Raw
tribute-page.markdown
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment