Skip to content

Instantly share code, notes, and snippets.

@Joycechidi

Joycechidi/index.html

Last active August 31, 2017 19:49
Show Gist options
  • Save Joycechidi/a1773a8202dba3ad76ab83622b5a30b0 to your computer and use it in GitHub Desktop.
Save Joycechidi/a1773a8202dba3ad76ab83622b5a30b0 to your computer and use it in GitHub Desktop.
Download ZIP
My Tribute Page
Raw
index.html
<body>
<h1 style="color:crimson;"class="text-center">Serena Jameka Williams</h1>
<h2 class="text-center"><i><small>Greatest female tennis player of all times</i></small></h2>
<a href="#"><img src="https://usatftw.files.wordpress.com/2016/09/afp_afp_fw38b_84953690.jpg" alt="Serena playing in the 2016 US Open. "></img></a>
<div>
<p><b>Here is a brief history of Serena William's tennis career</b></p>
<ul>
<p><li>Serena was born on September 26, 1981 in Saginaw, Michigan, U.S. to Richard Williams and Oracene Price</li>
<li>She started playing tennis at the age of three. Her father, Richard, home-schooled Serena and her sister Venus while he and their mother coached them in tennis.</li>
<li>Her family moved to Compton to West Palm Beach, Florida, when she was nine so that she could attend the tennis academy of Rick Macci.</li>
<li>Her father stopped sending Serena and her sister to national junior tennis tournaments when she was 10, since he wanted them to take it slow and focus on school work. Experiences of racism also drove this experience, as her father had heard some white parents talk about the Williams sisters in a derogatory manner during tournaments.</li></ul>
<p><b>Career Single Grand Slam Wins</b></p>
<ul>
<li><b>1995 (age 13</b> Turned pro</li>
<li><b>1999</b> Won US Open and Grand Slam Cup</li>
<li><b>2002</b> Won US Open, Wimbledon,and French Open.</li>
<li><b>2003</b> Won Wimbledon and Australian Open</li>
<li><b>2005</b> Won Australian Open</li>
<li><b>2007</b> Won Australian Open</li>
<li><b>2008</b> Won US Open</li>
<li><b>2009</b> Won Wimbledon and Australian Open</li>
<li><b>2010</b> Won Wimbledon and Australian Open</li>
<li><b>2012</b> Won Wimbledon and US Open</li>
<li><b>2013</b> Won French and US Open</li>
<li><b>2014</b> Won US Open</li>
<li><b>2015</b> Won Wimbledon, French Open, and Australian Open</li>
<li><b>2016</b> Won Wimbledon and Australian Open</li>
<li><b>2017</b> Won Australian Open after which she took a break from tennis due to her pregnancy.</li></ul>
<p><b>Doubles Grand Slam Wins</b></p>
<ul>
<li><b>Australia Open </b> 2001, 2003, 2009 and 2010</li>
<li><b>French Open </b> 1999 and 2010</li>
<li><b>Wimbledon </b> 2000, 2002, 2008, 2009, 2012, and 2016</li>
<li><b>US Open </b> 1999 and 2009</li></ul>
<p><b>Mixed Doubles Grand Slam Wins</b></p>
<ul>
<li><b>1998 </b> Won Wimbledon and US Open</li></ul>
<p><b>Olympic Games Wins</b></p>
<ul>
<li><b>Gold Medal </b> Sydney 2000, Womens Doubles</li>
<li><b>Gold Medal </b> Beijing 2008, Womens Doubles</li>
<li><b>Gold Medal </b> London 2012, Womens Singles</li></ul>
</div>
<p2>You can learn more about her achievements in tennis on here - - > > <a href="https://en.wikipedia.org/wiki/Serena_Williams">on Wikipedia</p2></body>
Raw
my-tribute-page.markdown
Raw
style.css
img {
margin: 20px 20px 20px 80px;
padding: 10px 50px 10px 50px;
height: 300px;
}
body {
background-color: mistyrose;
}
h2 {
font-family: Playball;
}
div {
font-size: 14px;
font-family: Peddana;
margin: 20px 80px 20px 80px;
}
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: dodgyblue;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: lightgreen;
background-color: transparent;
text-decoration: underline;
}
p2 {
font-family: Peddana;
font-size: 14px;
margin: 20px 80px 20px 80px;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment