Skip to content

Instantly share code, notes, and snippets.

@GregBorrelly

GregBorrelly/bobbytakesking.markdown

Created November 30, 2016 03:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save GregBorrelly/6f7294d171895d4d2fa7b70a86c846c1 to your computer and use it in GitHub Desktop.
Save GregBorrelly/6f7294d171895d4d2fa7b70a86c846c1 to your computer and use it in GitHub Desktop.
Download ZIP
BobbyTakesKing
Raw
index.html
<html>
<body>
<div class="inside-body">
<div id="title">
<h1>Grandmaster Bobby Fischer</h1>
<h2><i>King Of Chess</i><h2>
<div id="main-img">
<img width=550px src="http://essentiallysports.com/wp-content/uploads/2015/07/150305-bobby-fischer-01.jpg">
<p><i>"I felt that chess... is a science in the form of a game... I consider myself a scientist. I wanted to be treated like a scientist.
-Bobby Fischer"</i></p>
</div>
</div>
<div id="content">
<h2><i>Game of The Century</I></h2>
<a href="https://en.wikipedia.org/wiki/Game_of_the_Century_(college_football)" target="_blank"><img width=200px; src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/AAA_SVG_Chessboard_and_chess_pieces_06.svg/768px-AAA_SVG_Chessboard_and_chess_pieces_06.svg.png"></a>
<h2><i>Spasky</i></h2>
<a href="https://en.wikipedia.org/wiki/Fischer%E2%80%93Spassky_(1992_match)" target="_blank"><img width=200px; src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/AAA_SVG_Chessboard_and_chess_pieces_06.svg/768px-AAA_SVG_Chessboard_and_chess_pieces_06.svg.png"></a>
</div>
<div id="text">
<iframe width="250" height="200" src="https://www.youtube.com/embed/M624T3PTggU" frameborder="0" allowfullscreen></iframe>
<iframe width="250" height="200" src="https://www.youtube.com/embed/oWOWjeHZO0I" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</body>
</html>
Raw
style.css
body {
background-color:#708270;
}
#title{
text-align:center;
font-size:120%;
}
.inside-body{
width:900px;
height:1200px;
margin:5em auto;
padding:40px;
border-radius:1em;
background-color:#9EA69E;
}
#main-img{
}
#content{
float:left;
heigth:0px;
padding-top:40px;
}
#text{
text-align:center;
float:center;
}
iframe{
padding:20px;
padding-top:70px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment