diff --git a/authority/static/css/style.css b/authority/static/css/style.css index ae6282294c2413cdaa9eee276751a64fcff4c6db..2085bd75e2f2ed3127e6d1bdffb5b089881c8f42 100644 --- a/authority/static/css/style.css +++ b/authority/static/css/style.css @@ -43,6 +43,16 @@ body { margin: auto; } +#splash .bottomhalf .why { + height: 130px; + padding: 10px 100px 10px 100px; +} + +#splash .bottomhalf .why p { + border: 1px solid red; + font-size: 2em; +} + #splash .bottomhalf .desc { font-size: 2em; padding: 1em; diff --git a/authority/static/index.html b/authority/static/index.html index b4c28a50c3e2598645799a55b1df373fe91aa96a..3d803e3b7a08592b399883a3de6bd53ca9c9bc97 100644 --- a/authority/static/index.html +++ b/authority/static/index.html @@ -19,6 +19,18 @@ <div class="desc"> BrowserID is a new way to log in to the sites you use everyday. It makes logging in safer and easier. Here's how: </div> + <div class="why"> + <img style="float: right;" src="i/lock.png"> + <p style="float: right;">A <b>safe</b> way...</p> + </div> + <div class="why"> + <img style="float: left;" src="i/check.png"> + <p>An <b>easy</b> way...</p> + </div> + <div class="why"> + <img style="float: right;" src="i/sunny.png"> + </p>Backed by a <b>trusted</b> non-profit organization that ..</p> + </div> </div> <div class="footer"> </div>