-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (57 loc) · 3.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>HTML Practice document</title>
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<script src="https://kit.fontawesome.com/a630078c3b.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<ul>
<li><a href="index.html"><i class="fas fa-hippo"></i> Home</a></li>
<li><a href="notes-01.html"><i class="fas fa-hippo"></i> Class notes</a></li>
<li><a href="css-basics.html"><i class="fas fa-hippo"></i> CSS Sandbox</a></li>
<li><a href="bash-examples.html"><i class="fas fa-hippo"></i> Shell Command tips and tricks</a></li>
<li><a href="calendar.html"><i class="fas fa-hippo"></i> My schedule</a></li>
<li><a href="mailto:realchriscasey@gmail.com"><i class="fas fa-hippo"></i> Contact</a></li>
</ul>
</nav>
<header>
<!-- This is the Header -->
Welcome to my homepage <!-- <blink>geocities4ever</blink> -->
</header>
<section id="main-content">
<article id="cupcake-ipsum-illustrated">
<h1>asdf</h1>
<p>
Cupcake ipsum dolor sit amet macaroon pie icing. Jelly-o halvah cotton candy
donut lemon drops halvah. Apple pie sugar plum jujubes lollipop carrot cake ice
cream lemon drops. Chupa chups powder donut jelly-o powder pastry pudding
gingerbread. Chocolate cake sweet roll chocolate brownie. Tootsie roll croissant
topping cotton candy chocolate bar croissant ice cream. Wafer jelly beans
jujubes gingerbread sesame snaps dragée tiramisu caramels soufflé.
</p>
<img
src="https://farm2.staticflickr.com/1162/3167344992_5ae644a741_b.jpg"
alt="unripened blackberries"
height="400"
/>
<!-- attribution block from creativecommons.org -->
<p style="font-size: 0.9rem;font-style: italic;"><a href="http://www.flickr.com/photos/24914070@N07/3167344992">"IMG_7819_1600x1066"</a><span>by <a href="http://www.flickr.com/photos/24914070@N07">Les_Stockton</a></span> is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/2.0/?ref=ccsearch&atype=html" style="margin-right: 5px;">CC BY-NC-SA 2.0</a><a href="https://creativecommons.org/licenses/by-nc-sa/2.0/?ref=ccsearch&atype=html" target="_blank" rel="noopener noreferrer" style="display: inline-block;white-space: none;opacity: .7;margin-top: 2px;margin-left: 3px;height: 22px !important;"><img style="height: inherit;margin-right: 3px;display: inline-block;" src="https://search.creativecommons.org/static/img/cc_icon.svg" /><img style="height: inherit;margin-right: 3px;display: inline-block;" src="https://search.creativecommons.org/static/img/cc-by_icon.svg" /><img style="height: inherit;margin-right: 3px;display: inline-block;" src="https://search.creativecommons.org/static/img/cc-nc_icon.svg" /><img style="height: inherit;margin-right: 3px;display: inline-block;" src="https://search.creativecommons.org/static/img/cc-sa_icon.svg" /></a></p>
</article>
<aside>
And now for something completely different
</aside>
</section>
<section id="ruby-sandbox">
<!-- I was confused upon seeing "ruby" in the HTML spec and I had to dig in
to see what it was. It turns out that it has nothing to do with the
programming language. In fact, it's a typesetting term that refers to
5.5 point text. In the context of HTML, it's used for Japanese text
translations and acronyms. Neat! -->
<ruby>WWW<rp>(</rp><rt>World Wide Web</rt><rp>)</rp></ruby>
</section>
</body>
<footer>this page is at its end</footer>
</html>