intermediate-html5-css3/index.html at master · codinggrace/intermediate-html5-css3 · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<title>Coding Grace: Intermediate HTML5 & CSS3</title>
		<link rel="stylesheet" href="intermediate-htmlcss/css/normalize.css">
		<style>
            body {
                background-color: #fdfdf9;
                color: #333;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 1.25em;
                line-height: 1.5;
            }

            header,
            section {
                display: block;
                padding: 30px;
            }

            a:link,
            a:visited {
                color: #23a0da;
                text-decoration: underline;
            }

            a:hover {
                color:#d8c815;
                text-decoration: none;
            }

            a:active {
                color: #23a0da;
                text-decoration: underline;
            }
		</style>
	</head>
	<body>

		<header>
			<h1>Intermediate HTML5 & CSS3</h1>
			<p>Resources for the Coding Grace Intermediate HTML5 & CSS3 workshop, March 8th 2014.</p>
		</header>

		<section>
			<ol>
				<li><a href="intermediate-htmlcss/blog.html">Finished Blog</a></li>
				<li><a href="intermediate-htmlcss/blog-normalise.html">Normalize.css</a></li>
				<li><a href="intermediate-htmlcss/blog-post-simplified.html">Simplified Blog Post</a></li>
				<li><a href="intermediate-htmlcss/floats.html">Floats</a></li>
				<li><a href="intermediate-htmlcss/positioning.html">Positioning</a></li>
			</ol>
		</section>

	</body>
</html>