index.html

---
layout: custom
title: Materia™ - Educational Games and Apps Platform
tagline: Using Materia as a Student
---
		<div class="in-your-face">
			<section class="container">
				<img src="assets/img/materia-widget-catalog-header.png" alt="Materia" title="Materia">
			</section>
		</div>

		<section class="container">
			<div class="hero-container">
				<div class="hero-text pompous-text">
					<h1>Introducing Materia.</h1>
					<p class="marketing-byline">Easily embed <em>engaging</em> learning experiences into your courses.</p>
				</div>
				<a href="{{ site.baseurl }}/get_materia.html" role="button" class="download-button">Get Materia</a>
			</div>

			<div class="row-fluid features">
				<ul class="thumbnails">
					<li class="span3">
						<div class="thumbnail">
							<img src="assets/img/engage-250x150.png" alt="Graphic depicting a book that is also a joystick game controller">
							<h3>Engaging and Beautiful</h3>
							<p>Supercharge your course with compelling experiences and game mechanics. </p>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="assets/img/expand-250x150.png" alt="Graphic of a hammer, code, a browser window, and a gear to embody development">
							<h3>Infinitely Expandable</h3>
							<p>Instructors can <a href="{{ site.baseurl }}/create/getting-started.html">easily customize</a> content. Students can create their own study tools. Developers can quickly build new experiences using the <a href="{{ site.baseurl }}/develop/materia-widget-development-kit.html">dev kit</a>.</p>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="assets/img/stats-250x150.png" alt="Graphic of stats and graphs">
							<h3>Incredible Statistics</h3>
							<p>Learners, teachers, even administrators get access to great statistical tools that help you deliver rewarding educational experiences.</p>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="assets/img/5min-250x150.png" alt="A clock or timer showing a small slice of time">
							<h3>Running in 5 Minutes</h3>
							<p>You can start your own Materia server with <a href="{{ site.baseurl }}/admin/heroku.html">one click</a>! We use popular technologies to make Materia easy to run at your organization.</p>
						</div>
					</li>
				</ul>
			</div>
		</section>

		<section class="learning-experience">
			<div class="container">
				<div class="learning-experience-content row-fluid">
					<div class="pompous-text">
						<h1>A Better Learning Experience</h1>
						<p>
							Materia is an learning platform designed to make online learning rich and engaging. Developed at The University of Central Florida, Materia is now available for any institution to use. It comes with a library of widget engines installed, and integrates into your existing environments. Get started today by downloading the source code.
						</p>
					</div>
				</div>
			</div>
		</section>


		<section class="container">
			<div class="pompous-text">
				<h1>Who's using Materia</h1>
				<p>See who else is using and contributing to Materia.</p>
			</div>
			<div class="row-fluid whos-using">
				<ul class="thumbnails">
					{% for user in site.users %}
					<li class="span4">
						<div class="thumbnail">
							<img src="{{ site.baseurl }}/assets/img/users/{{ user.img }}" alt="{{ user.alt }}">
							<h3>{{ user.title }}</h3>
							{{ user.content }}
						</div>
					</li>
					{% endfor %}
				</ul>
			</div>
		</section>