index.html

---
layout: default
---


<!--HTML#1: NAVIGATION & LANDING - Nick, Jillian, Robert-->
	<header class="masthead">
		<div>

			<nav class="nav">
				<div class="nav-logo icon-logo"><a href="index.html"></a></div>

				<ul>
					<li class="nav-right nav-btn icon-students"><a href="#players"></a></li>
					<li class="nav-right nav-btn icon-venue"><a href="#venue"></a></li>
					<li><a class="nav-right social social1-w" href="https://www.twitter.com/Level__14" target="_blank"></a></li>
					<li><a class="nav-right social social2-w" href="https://www.facebook.com/pages/LEVEL-14/263392680482280" target="_blank"></a></li>
					<li><a class="nav-right social social3-w" href="https://vimeo.com/level14" target="_blank"></a></li>
				</ul>

			</nav>

		</div>
	</header>

<!--This is for the student work area-->

	</div>

	<section class="landing">

		<div class="carousel-overlay">
			<div class="center">
				<h1><img class="flex-img" src="{{site.cdn}}/2014/img/lvl14-logo.svg" alt="Level 14"></h1>
				<button class="btn-open" id="btn-open"></button>
			</div>

<!-- 			<dialog id="video">
				<button id="close-btn">✕</button>
				<div id="video-placeholder">
				</div>
				<p class="escape-text">Press esc(escape) to exit (excluding Chrome)</p>
			</dialog> -->

		</div>

		<section class="carousel-section">
			<div class="carousel">
				<div class="carousel-items">
					<img data-state="current" src="{{site.cdn}}/2014/img/carousel/2.jpg" alt="">
					<img src="{{site.cdn}}/2014/img/carousel/1.jpg" alt="">
					<img src="{{site.cdn}}/2014/img/carousel/4.jpg" alt="">
					<img src="{{site.cdn}}/2014/img/carousel/3.jpg" alt="">
				</div>
				<div class="carousel-buttons">
					<button class="next"></button>
					<button class="prev"></button>
				</div>
			</div>
		</section>
	</section>
<!--HTML#2: STUDENT & WORK AREA - Lisa, Amy, Caroline-->

<div id="players"></div>

<section class="student-area">

	<div id="students"></div>

	<h2 class="student-area-heading"><img src="{{site.cdn}}/2014/img/choose-player-h2.svg" alt="Choose Your Player"></h2>

	<div id="profile-scroll-to-position"></div>

	<div id="student-section" class="grid student-section">


		<!-- Student alphabetical list starts below -->

{% for student in site.data.students %}
		<div class="mix unit unit-xs-1-3 unit-s-1-4 unit-m-1-5 unit-l-1-6">
			<div class="unit-spacer stu-grid-box">
				<figure>
					<a href="#{{student.id}}" class="student-section-btn" data-id="{{student.id}}" data-name="{{student.name}}">
						<img class="student-img" src="{{site.cdn}}/2014/students/{{student.id}}/{{student.id}}.jpg" alt="{{student.id}}.jpg">
						<figcaption><h3>{{student.name}}</h3></figcaption>
					</a>
				</figure>
			</div>
		</div>
{% endfor %}

<div class="mix unit unit-xs-2-3 unit-s-1-2 unit-m-2-5 unit-l-1-3">
	<div class="unit-spacer stu-grid-box">
		<figure>
			<a class="student-section-btn" data-id="teachers" data-name="teachers">
				<img class="" src="{{site.cdn}}/2014/img/teachers-thumb.jpg" alt="teachers.jpg">
				<figcaption><h3>Teachers</h3></figcaption>
			</a>
		</figure>
	</div>
</div>

	</div>
</section>

	<!--BIO SECTION AREA-->

<section>{% include profile.html %}</section>
<section>{% include teachers.html %}</section>

<!--HTML#3: CONTACT & FOOTER - Winnie, Mansura, Stephanie-->

<div id="venue"></div>


	<!--MAP ANIMATION-->
	<section class="map-section">
	<ul class="map">
		<li><img src="{{site.cdn}}/2014/img/map-animate/map-logo.svg" alt="Level 14"></li>
	</ul>
</section>

<div class="grid">

	<section class="about-area">

	 <!-- <a href="https://maps.google.ca/maps?q=shopify&ie=UTF-8&ei=RxX0UuyLBMWkyAGss4GwBw&ved=0CAsQ_AUoAw"><img class="unit unit-xs-1 unit-s-1 unit-m-1 unit-l-1" src="img/map-expanded-1.svg" alt="map"></a>-->

		<div class="blurb unit unit-xs-1 unit-s-1-2 unit-m-1-3 unit-l-1-3">
				<h2>Why Attend?</h2>

				<p>The 2014 Algonquin College Graphic Design year-end grad show is a unique opportunity to view the work of the graduating class, all together, in one evening.</p>
				<p> Come scout out local talent and meet a new generation of skilled, emerging designers with bright futures and impressive portfolios of work.</p>
		</div>

		<div class="event-info unit unit-xs-1 unit-s-1-2 unit-m-1-3 unit-l-1-3">
				<div class="location unit unit-xs-1 unit-s-1 unit-m-1 unit-l-1">
						<ul>
							<li><h3>LOCATION</h3></li>
								<li>Shopify Inc.</li>
								<li>126 York Street,</li>
								<li>Suite 200,</li>
								<li>Ottawa, ON, Canada</li>
								<li>K1N 5T5</li>
								<li><a class="vmap" href="https://maps.google.ca/maps?q=shopify&ie=UTF-8&ei=RxX0UuyLBMWkyAGss4GwBw&ved=0CAsQ_AUoAw" target="_blank"><p>(View Map)</p></a></li>
						</ul>
				</div>

				<div class="date unit unit-xs-1 unit-s-1-1 unit-m-1 unit-l-1">
						<ul>
							<li><h3>DATE</h3></li>
								<li>May 2<span class="small-caps">nd, 2014</span></li>
								<li>6:00PM-9:00PM</li>
						</ul>
				</div>
		</div>

		<div class="sponsor unit unit-xs-1 unit-s-1 unit-m-1-3 unit-l-1-3">

				<h3>SPONSORED BY</h3>

				<div class="grid stu-grid-box">
										<div class="unit unit-xs-1 unit-s-4 unit-m-1 unit-l-1">
												<div class="unit-spacer">
														<figure>
																<a class="student-section-btn" href="http://www.shopify.com/">
																		<img src="{{site.cdn}}/2014/img/sponsors/shopify.png" alt="Shopify">
																		<figcaption><h3>Shopify</h3></figcaption>
																</a>
														</figure>
												</div>
										</div>
					<div class="unit unit-xs-1-4 unit-s-8 unit-m-1-5 unit-l-1-5">
						<div class="unit-spacer">
														<figure>
																<a class="student-section-btn" href="http://www.carletonheightscc.ca/">
											<img src="{{site.cdn}}/2014/img/sponsors/curling-logo-sponser.png" alt="Carleton Heights Curling club">
																		<figcaption><p class="sponsor-p">Carleton Heights Curling</p></figcaption>
																</a>
														</figure>
						</div>
						</div>
						<div class="unit unit-xs-1-4 unit-s-8 unit-m-1-5 unit-l-1-5">
							<div class="unit-spacer">
																<figure>
																		<a class="student-section-btn" href="http://www.thebrigpub.com/">
												<img src="{{site.cdn}}/2014/img/sponsors/brig-pub-logo.png" alt="The Brig Pub">
																				<figcaption><p class="sponsor-p">The Brig Pub</p></figcaption>
																		</a>
																</figure>
							</div>
						</div>
						<div class="unit unit-xs-1-4 unit-s-8 unit-m-1-5 unit-l-1-5">
							<div class="unit-spacer">
																<figure>
																		<a class="student-section-btn" href="http://uniforge.com/">
												<img src="{{site.cdn}}/2014/img/sponsors/uniforge-logo.png" alt="Uniforge">
																				<figcaption><p class="sponsor-p">Uniforge</p></figcaption>
																		</a>
																</figure>
							</div>
						</div>
						<div class="unit unit-xs-1-4 unit-s-8 unit-m-1-5 unit-l-1-5">
							<div class="unit-spacer">
								<figure>
									<a class="student-section-btn" href="http://rossproulx.com/">
										<img src="{{site.cdn}}/2014/img/sponsors/ross-logo.png" alt="Ross Proulx">
											<figcaption><p class="sponsor-p">Ross Proulx</p></figcaption>
									</a>
								</figure>
							</div>
						</div>

						<div class="unit unit-xs-1-4 unit-s-8 unit-m-1-5 unit-l-1-5">
							<div class="unit-spacer">
								<figure>
									<a class="student-section-btn" href="http://www.canvaspop.com/">
										<img src="{{site.cdn}}/2014/img/sponsors/canvaspop-logo.png" alt="CanvasPop">
											<figcaption><p class="sponsor-p">Canvaspop</p></figcaption>
									</a>
								</figure>
							</div>
						</div>

			</div>
		</div>

</div>

<footer class="center-all">
	<img class="bubble" src="{{site.cdn}}/2014/img/icons/ghost-white.png" alt="bubble">
	<p class="complete">LEVEL COMPLETE</p>
	<div class="footer-again">
		<a class="playagain" href="#top"></a>
	</div>
	<div class="footer-social-i">
		<a class="social-f social1-w" href="https://www.twitter.com/Level__14" target="_blank"></a>
		<a class="social-f social2-w" href="https://www.facebook.com/pages/LEVEL-14/263392680482280" target="_blank"></a>
		<a class="social-f social3-w" href="https://vimeo.com/level14" target="_blank"></a>
	</div>
	<p>Algonquin College © 2014 Graphic Design Grads</p>
</footer>

<!--SCRIPTS-->


<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="{{site.baseurl}}/js/waypoints.min.js"></script>
<script src="{{site.baseurl}}/js/animate.js"></script>
<script src="{{site.baseurl}}/js/app.js"></script>
<script src="{{site.baseurl}}/js/profile.js"></script>
<script src="{{site.baseurl}}/js/jquery.magnific-popup.min.js"></script>
<!-- <script src="{{site.baseurl}}/js/dialog-polyfill.js"></script>
 --><script src="{{site.baseurl}}/js/video.js"></script>
<script src="{{site.baseurl}}/js/jquery.lazyload.min.js"></script>
<script>
	$('.img-lazy').lazyload({
		event: 'trigger-image-load',
		skip_invisible: false
	});
</script>

<!--ANALYTICS-->
<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-48738732-1', 'algonquincollege.ca');
	ga('send', 'pageview');
</script>