landing page for tuivalabs

Bottom Button Section

<div class="span12" style="padding-top: 60px;">
<!-- <hr> -->
	<div style="padding-top:20px;"></div>
	<div class="span5 offset3">
		<a href="/accounts/register/teacher/">
			<div class="login-form-label signup-as-teacher">I am a <b>Teacher</b>.</div>
		</a>
		<a href="/accounts/register/student">
			<div class="login-form-label signup-as-student">I am a <b>Student</b>.</div>
		</a>
	</div>
	<div style="clear:both;"></div>
	<div style="padding-bottom:10px;"></div>
</div>

Featured Activities

<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;">&nbsp;</div>
        <div class="split-desc">
          <div>This is a sample activity description.</div>
        </div>
        <div class="around the world" style="height:10px;">&nbsp;</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;">&nbsp;</div>
        <div class="split-desc">
          <div>New Activity for testing.</div>
        </div>
        <div class="entertainment" style="height:10px;">&nbsp;</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;">&nbsp;</div>
        <div class="split-desc">
          <div></div>
        </div>
        <div class="community" style="height:10px;">&nbsp;</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;">&nbsp;</div>
        <div class="split-desc">
          <div></div>
        </div>
        <div class="community" style="height:10px;">&nbsp;</div>
      </a>
    </div>
  </li>



								</ul>
							</div>
							<div style="padding-bottom:10px;">&nbsp;</div>
						</div>
					</div>
				</div>

landing page css changes

.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;
}