wcba-template/pages.html at master · dypsilanti/wcba-template · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<head>
<link rel="stylesheet" type="text/css" href="css/wcba-v3.css">
<link rel="stylesheet" type="text/css" href="../canvas-lms/doc/api/fulldoc/html/css/common.css">
<link rel="stylesheet" type="text/css" href="css/inline-icons.css">
<link rel="stylesheet" type="text/css" href="css/header-icons.css">
<link rel="stylesheet" type="text/css" href="css/front-default.css">
</head>

<body class="context-course_197687">
	<div id="wiki_page_show">
		<div class="container">
			<div class="row clearfix">
				<div class="column full">
					<div id="nav" class="nav">
						<ul>
							<li><a href="#1">Unit Introduction</a></li>
							<li><a href="#2">Key Concepts</a></li>
							<li><a href="#3">Learning Objectives</a></li>
							<li><a href="#4">Learn</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="column full">
					<div class="content">
						<div id="1" class="title">
							<div id="unit">
								<h3>Unit Introduction</h3>
							</div>
						</div>
						<blockquote>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper nulla non metus auctor fringilla.</blockquote>
<p>Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor.</p>
						<div class="back" style="text-align: right;"><a href="#nav">Back to Top</a></div>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="column full">
					<div class="content">
						<div id="2" class="title">
							<div id="key">
								<h3>Key Concepts</h3>
							</div>
						</div>
						<ul>
							<li>Consectetur Aenean</li>
						</ul>
						<div class="back" style="text-align: right;">
							<a href="#nav">Back to Top</a>
						</div>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="column full">
					<div class="content">
						<div id="3" class="title">
							<div id="obj">
								<h3>Learning Objectives</h3>
							</div>
						</div>
						<ul>
							<li>Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit.</li>
							<li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li>
							<li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</li>
							<li><a href="google.pdf">a pdf icon</a></li>
						</ul>
						<div class="back" style="text-align: right;">
							<a href="#nav">Back to Top</a>
						</div>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="column full">
					<div class="content">
						<div id="4" class="title">
							<div id="learn">
								<h3>Learn</h3>
							</div>
						</div>
						<h4>
							<span class="read">Read</span>
						</h4>
						<p class="pdf">PDF</p>
						<p class="book">Chapter Reading/Book</p>
						<p class="discussion">Discussion</p>
						<p class="doc">Word Document</p>
						<p class="link">Link</p>

						<h4>
							<span class="watch">Watch</span>
						</h4>
						<p class="video">Video</p>

						<h4>
							<span class="do">Do</span>
						</h4>
						<p class="xls">Excel file</p>
						<p class="zip">Zipped file</p>
						<p class="meeting">Meeting</p>
						<p class="quiz">Quiz</p>
						<p class="self_test">Self Test</p>
						<p class="fb">Facebook</p>

						<h4>
							<span class="do">Other Icons/Just For Fun</span>
						</h4>
						<p class="mail">Mail</p>
						<p class="ppt">PowerPoint file</p>
						<p class="rss">RSS</p>
						<p class="skype">Skype</p>
						<p class="twitter">Twitter</p>

						<div class="back" style="text-align: right;">
							<a href="#nav">Back to Top</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>