changes about page layout to longform blog style layout to accomodate large amounts of copy
This commit is contained in:
BIN
lms/static/images/about-harvard.jpg
Normal file
BIN
lms/static/images/about-harvard.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 587 KiB |
BIN
lms/static/images/about-mit.jpg
Normal file
BIN
lms/static/images/about-mit.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 516 KiB |
BIN
lms/static/images/edx-logo-large-bw.png
Normal file
BIN
lms/static/images/edx-logo-large-bw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
lms/static/images/edx-logo-large-color.png
Normal file
BIN
lms/static/images/edx-logo-large-color.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@@ -37,33 +37,67 @@
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
h2.mission-quote {
|
||||
font-style: italic;
|
||||
margin: 0 auto 120px;;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
width: flex-grid(10);
|
||||
.our-mission {
|
||||
border-bottom: 1px solid rgb(220,220,220);
|
||||
@include clearfix;
|
||||
margin: 0 auto 100px;
|
||||
padding-bottom: 40px;
|
||||
|
||||
.logo {
|
||||
border-right: 1px solid rgb(200,200,200);
|
||||
@include box-sizing(border-box);
|
||||
float: left;
|
||||
height: 115px;
|
||||
margin-right: flex-gutter();
|
||||
text-align: center;
|
||||
width: flex-grid(3);
|
||||
|
||||
> img {
|
||||
@include inline-block;
|
||||
margin-top: 26px;
|
||||
max-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
h2.mission-quote {
|
||||
@include box-sizing(border-box);
|
||||
float: right;
|
||||
font-style: italic;
|
||||
line-height: 1.4;
|
||||
margin: 0px;
|
||||
padding: 5px 0px 5px 20px;
|
||||
text-transform: none;
|
||||
width: flex-grid(9);
|
||||
}
|
||||
}
|
||||
|
||||
.message {
|
||||
border-bottom: 1px solid rgb(220,220,220);
|
||||
@include clearfix;
|
||||
margin-bottom: 60px;
|
||||
padding-bottom: 60px;
|
||||
margin-bottom: 80px;
|
||||
padding-bottom: 80px;
|
||||
position: relative;
|
||||
|
||||
hr {
|
||||
bottom: 0px;
|
||||
display: none;
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-bottom: 1px solid rgb(200,200,200);
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.photo {
|
||||
@include box-sizing(border-box);
|
||||
background: rgb(255,255,255);
|
||||
border: 1px solid rgb(210,210,210);
|
||||
margin-top: 37px;
|
||||
padding: 1px;
|
||||
width: flex-grid(4);
|
||||
width: flex-grid(3);
|
||||
|
||||
img {
|
||||
background: rgb(245,245,245);
|
||||
@@ -74,8 +108,10 @@
|
||||
}
|
||||
|
||||
> article {
|
||||
@include box-sizing(border-box);
|
||||
float: left;
|
||||
width: flex-grid(8);
|
||||
padding-left: 20px;
|
||||
width: flex-grid(9);
|
||||
}
|
||||
|
||||
&.left {
|
||||
|
||||
@@ -12,7 +12,12 @@
|
||||
</nav>
|
||||
|
||||
<section class="vision">
|
||||
<h2 class="mission-quote">“The mission of edX is to enhance human fulfillment worldwide through online learning, transforming education in quality, efficiency and scale through technology and research, for the benefit of campus-based students and the worldwide community of online learners.”</h2>
|
||||
<div class="our-mission">
|
||||
<div class="logo">
|
||||
<img src="${static.url('images/edx-logo-large-bw.png')}">
|
||||
</div>
|
||||
<h2 class="mission-quote">“The mission of edX is to enhance human fulfillment worldwide through online learning, transforming education in quality, efficiency and scale through technology and research, for the benefit of campus-based students and the worldwide community of online learners.”</h2>
|
||||
</div>
|
||||
|
||||
<section class="message left">
|
||||
<div class="photo">
|
||||
@@ -28,7 +33,7 @@
|
||||
<hr class="fade-right-hr-divider">
|
||||
</section>
|
||||
|
||||
<section class="message right">
|
||||
<section class="message left">
|
||||
<div class="photo">
|
||||
<img src="${static.url('images/about-harvard.jpg')}">
|
||||
</div>
|
||||
|
||||
@@ -77,7 +77,7 @@
|
||||
|
||||
<article class="response">
|
||||
<h3>Who is the learner? Domestic or international? Age range?</h3>
|
||||
<p>Improving teaching and learning for students on our campuses is one of our primary goals. Beyond that, we don’t have a target group of potential learners, as the goal is to make these courses available to anyone in the world – from any demographic – who has interest in advancing their own knowledge. The only requirement is to have a computer with an internet connection. Add stats from first course – how many countries… age range.</p>
|
||||
<p>Improving teaching and learning for students on our campuses is one of our primary goals. Beyond that, we don’t have a target group of potential learners, as the goal is to make these courses available to anyone in the world – from any demographic – who has interest in advancing their own knowledge. The only requirement is to have a computer with an internet connection. More than 150,000 students from over 160 countries registered for edX's first course, 6.002x: Circuits and Electronics. The age range of students certified in this course was from 14 to 74 years.</p>
|
||||
</article>
|
||||
|
||||
<article class="response">
|
||||
|
||||
Reference in New Issue
Block a user