Skip to content

Instantly share code, notes, and snippets.

@DestinyLuong

DestinyLuong/index.html

Created January 25, 2017 00:50
Show Gist options
  • Save DestinyLuong/b987267ab37000b29d3d54718c32d7c8 to your computer and use it in GitHub Desktop.
Save DestinyLuong/b987267ab37000b29d3d54718c32d7c8 to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=b987267ab37000b29d3d54718c32d7c8
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Razzi</title>
<link href="https://fonts.googleapis.com/css?family=Kumar+One" rel="stylesheet">
</head>
<body>
<h1> Razzi Abuissa </h1>
<p> Razzi is an 18th grader who works at Sighten. </p>
<img src="https://static1.squarespace.com/static/54bc8e2ae4b00aad29dfdd5c/552cb4c4e4b094e815b7d7de/561ff69ae4b0eb222783655e/1473940169831/sighten_logo_text.png">
<p class="one"> He enjoys the environment, and the color green.</p>
<img src="http://www.conservation.org/SiteCollectionImages/ci_61683385.jpg?RenditionID=9">
<p class="two"> He also enjoys biking, playing with frisbees, and making websites.</p>
<img src="http://cdn-mf0.heartyhosting.com/sites/mensfitness.com/files/improve-mountain-biking-main.jpg">
<img src="http://www.trbimg.com/img-5589b7bb/turbine/ct-nvs-ultimate-frisbee-st-0624-20150623">
<p class="three"> His favorite movie is Howl's Moving Castle.</p>
<img src="">
<p class="four"> His favorite band is the Bee Gees. </p>
</body>
</html>
Raw
styles.css
p{
text-align:center;
color: #77b300;
}
h1{
font-family:Kumar One;
text-align:center;
}
img{
margin-left: auto;
margin-right: auto;
text-align: center;
display: table-cell;
vertical-align: middle;
width:80%;
border: solid white;
}
@charstarstars
Copy link

Wow, really nice use of margin, display, and vertical-align !! 💯 🌟

@charstarstars
Copy link

You can style index.html line 11 differently by adding this to the CSS:

.one {
    color: blue;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment