added temp-home page, few css changes, changed SMS page (more white space in right hand side to create less crowded feel)

This commit is contained in:
Carolien Klep 2012-09-26 13:06:17 +05:30
parent 2f5ab39797
commit e594be0bf3
3 changed files with 71 additions and 21 deletions

View File

@ -84,6 +84,8 @@
.listtitlesmall{height: 1.8em; background-color:#999;} /* for stacked lists */
.listtitlesmall h3{float:left; margin:0px; padding: 5px; color:#fff; width:80%; font-size:100%;} /* for stacked lists */
.listtitlesmall img{float:left; margin:0px; padding: 5px; height:20px; width:20px;} /* for stacked lists */
.listtitlewarning {height: 1.8em;}
.listtitlewarning h3 {float:left; margin:0px; padding: 5px 5px 0 5px; width:80%; font-size:100%;}
/* for extra info under the list header */
.listextrainfo {padding:1em 10px 0 5px; height: 2.3em;}
@ -202,7 +204,7 @@ span.half {display:inline; float:left; margin:0; padding:0; width:50%;}
/* STATIC PAGES (SMS,ANDROID,JOIN US,ABOUT US) */
/* block */
.staticpage {min-height: 1em; overflow:hidden;}
.staticpage h1{color:red; font-size: 1.75em; line-height:1.33333333333333em;}
.staticpage h1{color:red; font-size: 1.5em; line-height:1.33333333333333em;}
.staticpage h2 {font-size:100%;}
.staticpage p, .staticpage h3, .staticpage ul, .staticpage ol {font-size:80%;}
.staticpage .box {padding:10px 0.8em;}
@ -211,13 +213,18 @@ span.half {display:inline; float:left; margin:0; padding:0; width:50%;}
/* highlight box top right*/
.highlight {margin: -2px 0 0 0; padding:15px; background-color:#BEDB74; border: 2px solid #FBDD09; border-radius:0 0 15px 15px;}
.highlight .right{width:100%; text-align:center;}
.highlight .submit{float:right; margin5px 0; height:1.5em;}
.highlight h2{font-size:1em; color:#FE2423;}
.highlight ol{font-size:1.2em;}
.highlight ul{/*list-style-type:none; text-align:right;*/ padding-left:12%;}
.highlight2 {margin: -2px 0 0 0; padding:15px 15px 0 15px; /*border: 2px solid #FBDD09; border-radius:0 0 15px 15px;*/}
.highlight .right, .highlight2 .right{width:100%; text-align:center;}
.highlight .submit, .highlight2 .submit {float:right; margin5px 0; height:1.5em;}
.highlight h2, .highlight2 h2{font-size:1em; color:#FE2423;}
.highlight ol, .highlight2 ol{font-size:1.2em;}
.highlight ul, .highlight2 ul{padding-left:6%;}
.highlight ul.sublist{font-size:0.6em;}
.highlight ul span{font-style:italic;}
.highlight2 ul{font-size:1em; padding-left:6%; list-style-type: none;}
.highlight2 li {padding-bottom:12px;}
.highlight p span,.highlight ul span, .highlight2 p span,.highlight2 ul span{font-style:italic;}
.actionbutton {background-color:#FBDD09 !important; border:2px solid yellow; border-radius:15px; text-align:center !important;}
/* highlight special header */

View File

@ -145,24 +145,21 @@
<!-- right banner -->
<div class="g3">
<div class="g3_3 ">
<div class="highlight">
<h2>SMS ChaloBEST</h2>
<ol>
<li><b>Find bus & route info:</b></li>
<ul class="sublist">
<li>Directions: "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li>
<li>Buses at your stop: "<span>[stop name]</span>"</li>
<li>Bus stop list &amp; frequency: "<span>[number]</span>"</li>
<div class="highlight2">
<h2>ChaloBEST by SMS</h2>
<div class="leading20"></div>
<ul>
<li><b>Directions: </b><br /> "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li>
<li><b>Buses at your stop:</b><br /> "<span>[stop name]</span>"</li>
<li><b>Bus stop list &amp; frequency:</b><br /> "<span>[number]</span>"</li>
<li>SMS to <b>9619524420</b></li>
</ul>
<li><b>SMS it to 9619524420</b></li>
</ol>
</div>
</div>
</div>
<div class="g3">
<div class="leading20"></div>
<div class="g3_3 listtitlesmall"><h3>DISCLAIMER: TEST PHASE</h3></div>
<div class="g3_3 staticpage lightgrey">
<div class="g3_3 listtitlewarning red"><h3 class="red">DISCLAIMER: TEST PHASE</h3></div>
<div class="g3_3 staticpage">
<div class="box">
<p>ChaloBEST SMS is in public beta, and your feedback is most welcome, <a href="contact.html">click here to contact</a>.</p>
<p>ChaloBEST सुविधा क़ी अभी जांच एवं परिक्षण जारी है. इस सेवा पे आपके विचार एवं सुझाव हमें ज़रूर भेजें. हम से समपर्क करने के लिए <a href="contact.html">इधर क्लिक करें</a>.</p>

View File

@ -0,0 +1,46 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="g2"></div>
<div class="g7">
<div class="leading30"></div>
<div class="g9_9 staticpage main">
<div class=""><h1 class="hwider darkgrey">Free public transport tools for Mumbai on SMS, web & smartphone</h1></div>
<div class="leading20"></div>
<h1>SMS 96195.24420 &nbsp; &nbsp; - &nbsp; &nbsp; एस.एम.एस. ९६१९५२४४२०</h1>
<h3>Find your way by SMS(*))! <a href="sms.html">Available for English, मराठी and हिन्दी</a></h3>
<p></p>
<p>(*) Normal SMS charges applicable as per carrier rate and plan.<br />
(*) या सुविधेसाठी तुमच्या एस.एम.एस सेवेचा नियमीत शुल्क आकारले जातील. <br />
(*) सुविधा पे सामान्य SMS शुल्क लागू </p>
<div class="leading40"></div>
<h2>Coming soon:</h2>
<div class="g9_9">
<div class="g9_3">
<img src="img/ChaloBEST_laptop.png" alt="ChaloBEST Mumbai BEST Bus Guide to be launched soon" />
</div>
<div class="g9_3">
<img src="img/android_screenshot.png" alt="ChaloBEST Mumbai Android Route planner to be launched soon" />
</div>
</div>
</div>
</div>
<div class="g3">
<div class="g3_3 ">
<div class="highlight">
<h2>ChaloBEST SMS:</h2>
<p>In English, मराठी and हिन्दी </p>
<ul>
<li><b>Directions: </b><br /> "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li>
<li><b>Buses at your stop:</b><br /> "<span>[stop name]</span>"</li>
<li><b>Bus stop list &amp; frequency:</b><br /> "<span>[number]</span>"</li>
<li>SMS to <b>9619524420</b></li>
</ul>
<p><a href="SMS.html">Detailed instructions</a></p>
</div>
</div>
</div>
{% endblock content %}