Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Better row_col arrangement #640

Closed
wants to merge 1 commit into from
Closed

Better row_col arrangement #640

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 22 additions & 10 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ <h2 >EXCITED?</h2>
<!-- By the numbers -->
<section id="testimonial" class="customPadding5">
<div class="container">
<div class="row">
<!-- <div class="row"> -->
<div class="col-md-12">
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2">
Expand All @@ -132,40 +132,52 @@ <h2>Sugar Labs by the numbers</h2>
</div>
</div>
<div class="row justify-content-around">
<div class="col-md-5 col-md-push-1">
<div class="col-md-4 col-md-push-1">
<div class="block">
<ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;">
<li style="flex-basis: 45%; margin-bottom: 20px;">
<li style="flex-basis: 100%; margin-bottom: 20px;">
<div class="block" style="text-align: center;">
<h4 data-target="55" class="count">0</h4>
<span>Mentors helping youth learn in programs like Google Code-In (GCI) and Google Summer of Code</span>
</div>
</li>
<li style="flex-basis: 45%; margin-bottom: 20px;">
<li style="flex-basis: 100%; margin-bottom: 20px;">
<div class="block" style="text-align: center;">
<h4 data-target="1450" class="count">0</h4>
<span>Problem-solving tasks completed by students ages 13-17.</span>
</div>
</li>
<li style="flex-basis: 45%; margin-bottom: 20px;">
</ul>
</div>
</div>
<div class="col-md-4 col-md-push-1">
<div class="block">
<ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;">
<li style="flex-basis: 100%; margin-bottom: 20px;">
<div class="block" style="text-align: center;">
<h4 data-target="344" class="count">0</h4>
<span>Projects for teaching and learning created by Sugar Labs students and teachers.</span>
</div>
</li>
<li style="flex-basis: 45%; margin-bottom: 20px;">
<li style="flex-basis: 100%; margin-bottom: 20px;">
<div class="block" style="text-align: center;">
<h4 data-target="11531321" class="count">0</h4>
<span>Activities Downloaded</span>
</div>
</li>
<li style="flex-basis: 45%; margin-bottom: 20px;">
</ul>
</div>
</div>
<div class="col-md-4 col-md-push-1">
<div class="block">
<ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;">
<li style="flex-basis: 100%; margin-bottom: 20px;">
<div class="block" style="text-align: center;">
<h4 data-target="3000000" class="count">0</h4>
<span>Kids whose lives have been enriched by using the Sugar Learning Platform</span>
<span>Kids whose lives have been enriched by using the Sugar Learning Platform</span>
</div>
</li>
<li style="flex-basis: 45%; margin-bottom: 20px;">
<li style="flex-basis: 100%; margin-bottom: 20px;">
<div class="block" style="text-align: center;">
<h4 data-target="170" class="count">0</h4>
<span>Languages our educational software has been translated into</span>
Expand All @@ -176,7 +188,7 @@ <h4 data-target="170" class="count">0</h4>
</div>
</div>
</div>
</div>
<!-- </div> -->
</div>
</section>

Expand Down