A Pen by Sangyoon Lee on CodePen.
-
-
Save sl2820/d60a74feddcb8d3cb5e72a570181707c 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