A Pen by Sangyoon Lee on CodePen.
Created
September 18, 2016 00:16
-
-
Save anonymous/ef6c17190a7a594dacd3d8178c1fabd2 to your computer and use it in GitHub Desktop.
mAEvkk
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
<h1> Soccer </h1> | |
<p> <font size = "5"><b>Beauty of Soccer</b></font> <br> Soccer is my favorite sports since i was little kid. <br> At the same time, the beauty of the sport is appreciated by many people all over the world.</p> | |
<h3> Interesting Facts | |
<ul> | |
<li><font size="3">There exist more countries which hold memberships in FIFA than that of the United Nations</font></li> | |
<li><font size="3">This is link on famous soccer video called - <a href = "https://www.youtube.com/watch?v=cCm62rW7j2c"> <b><em>"#RESPECT"</em></b></a></font></li> | |
</ul> | |
</h3> | |
<h3> Favorite Club </h3> | |
<ul> | |
</ul> | |
<h3>Favorite players</h3> | |
<p>Below are the table of my favorite players in different positions | |
</p> | |
<table> | |
<tr> | |
<th> Ranking </th> | |
<th> Goal Keeper</th> | |
<th> Defender</th> | |
<th> Midfielder</th> | |
<th> Forward</th> | |
</tr> | |
<tr> | |
<td>#1</td> | |
<td>Gianluigi Buffon</td> | |
<td>Paolo Maldini</td> | |
<td>Zinedine Zidane</td> | |
<td>Ronaldo (뚱땡이)</td> | |
</tr> | |
<tr> | |
<td></td> | |
<td><img src = "http://file.instiz.net/data/file/20140625/f/b/f/fbf57ee2cc614ba3b439ef4ac2943413.gif" alt = "Buffon" style="width:150px;height:100px;"/></td> | |
<td><img src = "https://weheartfootball.files.wordpress.com/2011/09/paolomaldini10.gif" alt = "Maldini" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://68.media.tumblr.com/88f2152d11cb163aa43f5e11dc951acc/tumblr_mv7sbys20d1reys8wo1_500.gif" alt = "Zidane" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://cfile24.uf.tistory.com/image/22038949556C30C92E7B9C" alt = "Ronaldo" style="width:150px;height:100px;"/></td> | |
</tr> | |
<tr> | |
<td>#2</td> | |
<td>Manuer Neuer</td> | |
<td>Carles Puyol</td> | |
<td>Ronaldinho</td> | |
<td>Lionel Messi</td> | |
</tr> | |
<tr> | |
<td></td> | |
<td><img src = "http://image.fmkorea.com/files/attach/new/20160128/486616/67521020/301990282/0338bf24be304096bfeb6923a0b501ce.gif" alt = "Neuer" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://boardr.pmang.com/files/pm/attach2/cmboard/321/b3/25-/21-/05-/25210537./19.gif" alt = "puyol" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://giant.gfycat.com/VeneratedHelpfulChuckwalla.gif" alt = "Ronaldihno" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://giant.gfycat.com/FortunateWeepyAmericancrocodile.gif" alt = "Messi" style="width:150px;height:100px;"/></td> | |
</tr> | |
<tr> | |
<td>#3</td> | |
<td>Lev Yashin</td> | |
<td>Cafu</td> | |
<td>Ji-sung Park</td> | |
<td>Christiano Ronaldo</td> | |
</tr> | |
<tr> | |
<td></td> | |
<td><img src = "https://media.giphy.com/media/XIecs3NJoiEKI/giphy.gif" alt = "Yashin" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://stream1.gifsoup.com/view2/4720453/cafu-humilla-a-nedved-o.gif"" alt = "Cafu" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://stream1.gifsoup.com/view5/2786266/park-ji-sung-o.gif" alt = "JsPark" style="width:150px;height:100px;"/></td> | |
<td><img src = "http://66.media.tumblr.com/bfdf9e10a28c667f8ac7758b16ada832/tumblr_o1xkvgTuLL1uwmptbo8_400.gif" alt = "Ronaldo" style="width:150px;height:100px;"/></td> | |
</tr> | |
</table> | |
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
body{ | |
background-image: url("http://cdn.history.com/sites/2/2015/07/women-soccer.jpg-E.jpeg"); | |
background-color: #cccccc; | |
} | |
h1{ | |
text-align: center; | |
color: white; | |
} | |
p{ | |
color: white; | |
} | |
table{ | |
border-collapse: collapse; | |
} | |
table, th,td{ | |
color: white; | |
border: 2px solid white; | |
} | |
h3{ | |
color: white; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment