Embedded Files
Home > Code.org > Code.org Examples > Example #1 - Bill's Life
index.html - the text in bold was provided by Code.org
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'>
</head>
<body>
<h1>My Life</h1>
<h3>About Me</h3>
<p>Hi my name is Bill Gates, I live in Washington DC. I like to play sports and video games.My favorite sport and the one that I like to play most is basketball.</p>
<h2>My Top 3 Sports</h2>
<ol>
<li>Basketball</li>
<li>Ice Hockey</li>
<li>Soccer</li>
</ol>
<h2>Basketball</h2>
<p>I can easily say basketball is my favorite sport. I just recently got on the school basketball team, which was very exciting. I've been self-taught with basketball for most of my life but now since I made the basketball team its going to be different. I've also played on 2 different other team before in the past 2 years. So yeah, basketball is my favorite sport and about the only sport I play right now.</p>
<h2>Ice Hockey and Soccer</h2>
<p>I don't really have a lot to talk about for these 2 sports since I haven't played them for about 3 years. What I can say is I played soccer at my old school which was pretty fun and I practiced with the team at my local ice rink which I really enjoyed, but then it had some damages and it still hasn't fully been rebuilt yet unfortunately, otherwise I may be still playing to this day.</p>
<h2> Video Games </h2>
<ul>
<li> Call of Duty<li>
<li> NBA 2K</li>
<li> Madden </li>
</ul>
<h3> Call of Duty</h3>
<p>Call of Duty has to be my favorite game right now my parents finally let me start playing around 2-3 months ago. And ever sincen i've been playing about non-stop.</p>
<body>
</html>
style.txt
h2 {
text-align center;
color red;
text-decoration underline;
text-shadow -2px 2px black;
letter-spacing 2px;
}
h1 {
text-align center;
color royalblue;
text-decoration underline;
}
h3 {
text-align center;
text-decoration underline;
color rgb( 100, 250, 101);
}
p {
text-align center;
font-size 15px;
font-family monospace;
}
ol {
text-align center;
font-family sans-serif;
font-size 20px;
}
body{
background-image
linear-gradient(orange,blue,green);
}
li{
text-align center;
}
Report abuse