improvements to front page kickstarter section

This commit is contained in:
Victoria Wang 2015-06-25 17:39:54 -07:00
parent d4303c7e46
commit 0524180724
2 changed files with 24 additions and 11 deletions

View file

@ -1916,9 +1916,18 @@ table#latest-visitors {
width: 100%; width: 100%;
} }
} }
.intro-List.kickstarter { .intro-List.kickstarter .col {
padding: 1.2em 0em 2.5em; padding-top: 1em;
padding-bottom: .8em;
margin-left: 0;
&:first-child{
padding-left: 2px;
}
.title {
margin-top: 1%;
}
.title a { .title a {
color: white; color: white;
font-weight: bold; font-weight: bold;

View file

@ -57,20 +57,24 @@
<div class="header-Outro"> <div class="header-Outro">
<div class="row header-Content content"> <div class="row header-Content content">
<div class="col intro"> <div class="col intro">
<h2 class="section-header">Create your own free web site.<br>Unlimited creativity, zero ads.</h2> <h2 class="section-header">Create your own free web site. Unlimited creativity, zero ads.</h2>
<p class="intro-text"> <p class="intro-text">
Neocities is a community of <a href="/browse"><%= @sites_count.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %> sites</a> that are bringing back the lost individual creativity of the web. We provide free hosting and tools that allow anyone to make a web site. Only your imagination is required. Join us! Neocities is a community of <a href="/browse"><%= @sites_count.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %> sites</a> that are bringing back the lost individual creativity of the web. We provide free hosting and tools that allow anyone to make a web site. Only your imagination is required. Join us!
</p> </p>
<div class="intro-List kickstarter"> <div class="intro-List kickstarter">
<div class="title"> <div class="col col-40">
<a href="https://www.kickstarter.com/projects/1262953102/neocities-30-an-interactive-html-css-course-for-ev"> <a href="https://www.kickstarter.com/projects/1262953102/neocities-30-an-interactive-html-css-course-for-ev"><img src="/img/kickstarterthumbnail.jpg" style="width: 100%; float: left; margin-right: 20px; border: 3px solid white;margin-bottom: 1em"></a>
<img src="/img/kickstarterthumbnail.jpg" style="width: 200px; float: left; margin-right: 20px; border: 3px solid white;"> </div>
SUPPORT OUR <div class="col col-60">
<img src="/img/kickstarterlogo.png" style="width: 280px; display:block; margin: 8px 0px;"> <div class="title">
29 DAYS LEFT <a href="https://www.kickstarter.com/projects/1262953102/neocities-30-an-interactive-html-css-course-for-ev">
</a> SUPPORT OUR
<img src="/img/kickstarterlogo.png" style="width: 280px; display:block; margin: 11px 0px;">
29 DAYS LEFT
</a>
</div>
<p>We need your help to build an amazing HTML/CSS course into Neocities! <a href="https://www.kickstarter.com/projects/1262953102/neocities-30-an-interactive-html-css-course-for-ev">Learn More&nbsp;>></a></p>
</div> </div>
<p>We need your help to build an amazing HTML/CSS course into Neocities! <a href="https://www.kickstarter.com/projects/1262953102/neocities-30-an-interactive-html-css-course-for-ev">Learn More >></a></p>
</div> </div>
<!--<ul class="intro-List"> <!--<ul class="intro-List">
<li class="intro-Social"> <li class="intro-Social">