Last active
December 28, 2015 21:39
-
-
Save benfarahmand/7566266 to your computer and use it in GitHub Desktop.
landing page for tuivalabs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="row" style="padding-top: 40px;padding-bottom: 40px;"> | |
<div class="container"> | |
<div class="span12 user-activities-section"> | |
<!-- <hr> --> | |
<!-- Featured activities by teacher --> | |
<div class="title">Featured Activities</div> | |
<div id="allunits" class="tuvaunits"> | |
<ul id="units" style="margin:0;"> | |
<li class="individual-activity"> | |
<div class="tuvaitem"> | |
<div class="head around the world"> | |
<div class="sub-text"> | |
<div class="pull-left">By - hsparikh</div> | |
</div> | |
</div> | |
<a title="This is a sample activity title." target="_blank" href="/datasets/activity/7/"> | |
<div class="split-title">This is a sample activity title.</div> | |
<div class="around the world" style="height:2px;"> </div> | |
<div class="split-desc"> | |
<div>This is a sample activity description.</div> | |
</div> | |
<div class="around the world" style="height:10px;"> </div> | |
</a> | |
</div> | |
</li> | |
<li class="individual-activity"> | |
<div class="tuvaitem"> | |
<div class="head entertainment"> | |
<div class="sub-text"> | |
<div class="pull-left">By - tuva</div> | |
</div> | |
</div> | |
<a title="Sample Activity" target="_blank" href="/datasets/activity/6/"> | |
<div class="split-title">Sample Activity</div> | |
<div class="entertainment" style="height:2px;"> </div> | |
<div class="split-desc"> | |
<div>New Activity for testing.</div> | |
</div> | |
<div class="entertainment" style="height:10px;"> </div> | |
</a> | |
</div> | |
</li> | |
<li class="individual-activity"> | |
<div class="tuvaitem"> | |
<div class="head community"> | |
<div class="sub-text"> | |
<div class="pull-left">By - rachana_t</div> | |
</div> | |
</div> | |
<a title="Comparing consumption" target="_blank" href="/datasets/activity/5/"> | |
<div class="split-title">Comparing consumption</div> | |
<div class="community" style="height:2px;"> </div> | |
<div class="split-desc"> | |
<div></div> | |
</div> | |
<div class="community" style="height:10px;"> </div> | |
</a> | |
</div> | |
</li> | |
<li class="individual-activity"> | |
<div class="tuvaitem"> | |
<div class="head community"> | |
<div class="sub-text"> | |
<div class="pull-left">By - rachana_t</div> | |
</div> | |
</div> | |
<a title="Change in Energy consumption" target="_blank" href="/datasets/activity/4/"> | |
<div class="split-title">Change in Energy consumption</div> | |
<div class="community" style="height:2px;"> </div> | |
<div class="split-desc"> | |
<div></div> | |
</div> | |
<div class="community" style="height:10px;"> </div> | |
</a> | |
</div> | |
</li> | |
</ul> | |
</div> | |
<div style="padding-bottom:10px;"> </div> | |
</div> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.home-head-img .banner { | |
margin-top: 20px; | |
font-size: 60px; | |
line-height: 60px; | |
font-weight: lighter; | |
color: white; | |
} | |
<div class="row" style="padding-top:20px;padding-bottom:40px;"> | |
<div class="container"> | |
<div class="span4 home-section"> | |
<div class="title">Enable</div> | |
<div class="desc">your students to be global citizens of the world, and teach them the critical thinking and problem-solving skills they need to succeed in the 21st century.</div> | |
</div> | |
<div class="span4 home-section" style="padding-left: 15px;padding-right: 15px;"> | |
<div class="title">Engage</div> | |
<div class="desc">your students in real-world, meaningful math activities that cater to their unique interests.</div> | |
</div> | |
<div class="span4 home-section"> | |
<div class="title">Empower</div> | |
<div class="desc">studetns with the skills to analyze visualize, and interpret data sets and prepare them with the critical data literacy skills needed for tomorrow's jobs.</div> | |
</div> | |
</div> | |
</div> | |
.home-section .title { | |
font-size: 36px; | |
line-height: 11px; | |
font-weight: 600; | |
padding-bottom: 14px; | |
} | |
<div class="span7 signup-buttons"> | |
<a href="/accounts/register/teacher/"> | |
<div class="login-form-label signup-as-teacher">I am a <b style="font-weight: 400;">Teacher</b>.</div> | |
</a> | |
<a href="/accounts/register/student"> | |
<div class="login-form-label signup-as-student">I am a <b style="font-weight: 400;">Student</b>.</div> | |
</a> | |
</div> | |
.signup-as-teacher { | |
color: #FFFFFF; | |
background-color: #71bda9; | |
box-shadow: none; | |
padding: 16px 32px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
display: inline-block; | |
margin-right: 15px; | |
} | |
.signup-as-student { | |
color: #FFFFFF; | |
background-color: #d79c10; | |
box-shadow: none; | |
padding: 16px 32px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
display: inline-block; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment