-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
58 lines (55 loc) · 2.17 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
<html>
<head>
<title>WDD | Hands-On Activities</title>
<link rel="stylesheet" type="text/css" href="assets/style.css">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header">
<div id="header-caption">
<div id="header-caption-logo"><img class="img-scaled" src="assets/images/logo.png" /></div>
<div id="header-caption-name">Web Design DeCal</div>
<div class="clear"></div>
</div>
<div id="header-content">
<!-- ASSIGNMENT NAME -->
<div id="header-title">Hands-On</div>
<!-- DUE DATE -->
<div id="header-due">Spring 2015</div>
<div class="clear"></div>
</div>
</div>
<div class="section">
<div class="info">
<!-- ASSIGNMENT TITLE -->
<div class="info-title">Table of Contents</div>
<div class="info-content">
<!-- REQUIRED TOOLS -->
<div class="info-required">Required Tools: A text editor</div>
<!-- INTRODUCTION -->
<div class="info-intro">Find all of the hands-on activites from Spring 2015 lectures here. They are divided into two sections, design and programming. You can find the most recent week's hands-on up top. Happy coding!</div>
</div>
</div>
<div class="body">
<div class="body-header">This week's handson</div>
<!-- CONTENT -->
<!-- Styled Tags; P, UL, LI, .caption, A, IMG-->
<!-- Add P Tags for each paragraph -->
<!-- Use UL LI Tags for each lists -->
<!-- Use P Tags with "caption" class for paragraph captions (60% opacity) -->
<!-- Use IMG Tags for assets/images -->
<p>Programming: <a class="design" href="sp15/wk3-programming/instructions.html">CSS Box Model</a></p>
<p>Design: <a class="design" href="sp15/wk3-design/instructions.html">NAME HERE</a></p>
<br><br>
<div class="body-header program">Programming Archive</div>
<p>Week 2: <a class="program" href="sp15/wk2-programming/instructions.html">More HTML Fun</a></p>
<br><br>
<div class="body-header">Previous Design</div>
<p>Week 2: <a class="design" href="sp15/wk2-design/instructions.html">Design Cycle</a></p>
<br>
</div>
</div>
</div>
</body>
</html>