Skip to content

Instantly share code, notes, and snippets.

@jackrr

jackrr/index.html

Created October 14, 2017 18:37
Show Gist options
  • Save jackrr/6a6859539172c1adc27801eae0d642fa to your computer and use it in GitHub Desktop.
Save jackrr/6a6859539172c1adc27801eae0d642fa to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=6a6859539172c1adc27801eae0d642fa
Raw
index.html
<!doctype html>
<html>
<head>
<title>02.3 Google Fonts Louise's Web Site</title>
</head>
<body>
<h1>Welcome to Louise's web site!</h1>
<p><img src="http://dev.robkovacs.com/louise.jpg"></p>
<p>Hi! My name is Louise. I am 3 years old. I am a maltipoo (half Maltese and half poodle). I live in Brooklyn, NY.</p>
<h2>Things I like:</h2>
<ul>
<li>Peanut butter</li>
<li>Beating up my little brother</li>
<li>Taking naps</li>
<li>Dirty laundry</li>
<li>Trash</li>
<li>Mud and/or dirt</li>
<li>Lettuce</li>
<li>Popcorn</li>
<li>Broccoli</li>
<li>Spaghetti</li>
<li>Blueberries</li>
</ul>
<h2>Things I do not like:</h2>
<ul>
<li>Cats</li>
<li>Riding in the car</li>
<li>Being alone</li>
<li>Swimming</li>
<li>Taking baths</li>
<li>Cats</li>
</ul>
</body>
</html>
Raw
popcode.json
{"hiddenUIComponents":["editor.javascript"]}
Raw
styles.css
/*
PART 1: Add a new font to the whole page
1. Use Google Fonts to pick a font for Louise's site
2. Add CSS to apply the font to the entire page
*/
/*
PART 2: Add a font to the lists
1. Pick another font on Google Fonts
2. Add CSS to apply the font to the lists
*/
img{
height:300px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment