forked from vcuppd/InclusionDay02
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
211 lines (178 loc) · 9.37 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
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="A Guide to Planning an Inclusion Project Website">
<meta name="author" content="Danielle Moss 2016 - Partnership for People with Disabilities">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>A Guide to Planning an Inclusion Project</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Custom styles -->
<link href="css/jumbotron.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- VCU Branding Bar -->
<script type="text/javascript" src="//branding.vcu.edu/bar/academic/latest.js"></script>
</head>
<body class="body">
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<!-- Navbar Header and Menu Button-->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Inclusion Project Guide and Toolkit</a>
</div>
<!-- END Navbar Header and Menu Button -->
<!-- Mobile Menu -->
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="about.html">About</a></li>
<li><a href="planning.html">Planning</a></li>
<li><a href="implement.html">Implementation</a></li>
<li><a href="activity.html">Activities</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="worksheet.html">Submit an Activity</a></li>
</ul>
</div>
<!-- END Mobile Menu -->
</div>
</nav>
<!-- END Navigation -->
<!-- Main Container -->
<div class="container">
<!-- Jumbotron -->
<div class="container">
<div class="jumbotron">
<h2>Inclusion Project Guide & Toolkit: a Youth Led Initiative</h2>
<p>Welcome to the Inclusion Project Online Guide & Toolkit! Please take time to learn more about this youth led project. This project was funded by the Virginia Department of Education. For more information about the Inclusion Project click <a href="about.html" target="_self">About</a>.</p>
<!-- Inclusion Project PSA videos -->
<!-- PSA Video 01 -->
<div class="row">
<div class="col-md-6">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9" controls autoplay=0>
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/101363254?title=0&byline=0&portrait=0" width="1280" height="720" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="col-md-6">
<blockquote>
<p>We had good information from the toolkit that made it easy to plan Inclusion Project Event activities, and we had an outstanding experience on Inclusion Day.</p>
<footer>Northumberland Middle School educator</footer>
</blockquote>
</div>
</div>
<!-- END PSA Video 01 -->
<hr>
<!-- PSA Video 02 -->
<div class="row">
<div class="col-md-6">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9" controls autoplay=0>
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/100866962?title=0&byline=0&portrait=0" width="1280" height="720" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="col-md-6">
<blockquote>
<p>As a result of our Inclusion Project, our students learned more about people with disabilities, have more understanding and sensitivity, and are more aware of challenges people with disabilities face.</p>
<footer>Radford City Public School educator</footer>
</blockquote>
</div>
</div>
<!-- END PSA Video 01 -->
</div>
<!-- END Inclusion Project PSA videos -->
</div>
<!-- END Jumbotron -->
<hr>
<!-- Quick Menu -->
<div class="row">
<!-- Planning -->
<div class="col-md-4">
<h2>Planning</h2>
<p>What you need to know for planning your event, creating a planning committee, setting the goals and vision of the project, and creating an agenda and work plan.</p>
<p><a class="btn btn-default" href="planning.html" role="button">View details »</a></p>
</div>
<!-- END Planning -->
<!-- Implementation -->
<div class="col-md-4">
<h2>Implementation</h2>
<p>Tips for a successful Inclusion Project event and a sample timeline for announcements, audio/video tests, and guest accommodations leading up to the day of the event.</p>
<p><a class="btn btn-default" href="implement.html" role="button">View details »</a></p>
</div>
<!-- END Implementation -->
<!-- Activities -->
<div class="col-md-4">
<h2>Activities</h2>
<p><strong>Several example activities to hold during your Inclusion Project event, divided into Elementary, Middle, and High School level activities.</strong></p>
<p><a class="btn btn-default" href="activity.html" role="button">View details »</a></p>
</div>
<!-- END Activities -->
</div>
<!-- END Quick Menu -->
<hr>
<!-- Disclaimer -->
<div class="row">
<div class="col-md-12">
<small class="text-center"><p><strong>The Virginia Department of Education and Virginia Commonwealth University are equal opportunity/affirmative action agencies providing access to education and employment without regard to age, race, color, national origin, gender, sexual orientation, veteran status, political affiliation, or disability, If alternate formats of this document are needed, please contact Marianne Moore at (804) 225-2700; <a href="mailto:marianne.moore@doe.virginia.gov">marianne.moore@doe.virginia.gov</a>, Jack Brandt at (804) 828-1365; <a href="mailto:brandtj@vcu.edu">brandtj@vcu.edu</a>, or Dana Yarbrough at (804) 828-0352; <a href="mailto:dvyarbrough@vcu.edu">dvyarbrough@vcu.edu</a> or (800) 828-1120 (TDD relay).</strong></p></small>
</div>
</div>
<!-- END Disclaimer -->
<hr>
</div>
<!-- END Main Container -->
<!-- Footer -->
<footer class="footer">
<div class="row">
<div class="col-md-6">
<address>
<a href="http://www.vcu.edu">Virginia Commonwealth University</a><br>
<a href="http://soe.vcu.edu">School of Education</a><br>
<a href="http://partnership.vcu.edu">Partnership for People with Disabilities</a><br>
700 East Franklin Street<br>
P.O. Box 843020<br>
1st Floor, Suite 140<br>
Richmond, VA 23219<br>
<strong>Phone:</strong> (804) 828-3876<br>
<strong>TDD Relay:</strong> 800-828-1120<br>
Updated:
<script type="text/javascript">
document.write(document.lastModified.substring(0, document.lastModified.indexOf(' ')));
</script>
<noscript>
2016
</noscript>
</address>
</div>
<div class="col-md-6">
<a href="http://www.doe.virginia.gov/" target="_blank"><img class="img img-responsive center-block" src="images/VDOE-logo.png" alt="Logo for the Virginia Department of Education"></a>
<br>
<p>The Inclusion Project was made possible by a grant from the Virginia Department of Education. </p>
</div>
</div>
</footer>
<!-- Footer -->
<!-- JavaScript
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../js/vendor/jquery.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>