vishwamano

source of vishwamano.com
git clone git://git.ricketyspace.net/vishwamano.git
Log | Files | Refs

commit 2f990c6100d922c052a8c4f922127bc130086b05
parent 4e8f7b9326e50b4e2af5cc664aaed70c69b6a555
Author: rsiddharth <rsiddharth@ninthfloor.org>
Date:   Fri, 14 Jun 2013 01:15:48 +0530

modified:   index.html (full rewrite -- contains carousel, news & update section, etc)

Diffstat:
index.html | 140+++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------
1 file changed, 91 insertions(+), 49 deletions(-)

diff --git a/index.html b/index.html @@ -2,9 +2,9 @@ <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> - <link href="css/bootstrap-lightbox.min.css" rel="stylesheet" media="screen"> - <link href="css/custom.css" rel="stylesheet" media="screen"> + <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen"> + <link href="/css/bootstrap-lightbox.min.css" rel="stylesheet" media="screen"> + <link href="/css/custom.css" rel="stylesheet" media="screen"> <title> Vishwa Mano Photography </title> </head> <body> @@ -15,7 +15,7 @@ <a class="brand" href="#">Vishwa Mano Photography</a> <ul class="nav"> <li class="active"><a href="#">Home</a></li> - <li><a href="#"> About </a></li> + <li><a href="/about/"> About </a></li> <li><a href="#"> Gallery </a></li> <li><a href="#">Apertures & Shutters</a></li> <li><a href="#">Contact</a></li> @@ -24,59 +24,101 @@ </div> </div> <div class="container"> - <div class="hero-unit"> - <div id="myCarousel" class="carousel slide"> - <!-- Carousel items --> - <div class="carousel-inner"> - <div class="active item"> - <img src="images/1_1m.jpg" alt=""> + <div class="row"> + <div class="span8"> + <div id="myCarousel" class="carousel slide"> + <!-- Carousel items --> + <div class="carousel-inner"> + <div class="active item"> + <img src="images/1_4m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_2m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_3m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_1m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_5m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_6m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_7m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_8m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_9m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_10m.jpg" alt="[ Image ]"> + </div> + <div class="item"> + <img src="images/1_11m.jpg" alt="[ Image ]"> + </div> </div> - <div class="item"> - <img src="images/1_2m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_3m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_4m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_5m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_6m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_7m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_8m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_9m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_10m.jpg" alt=""> - </div> - <div class="item"> - <img src="images/1_11m.jpg" alt=""> - </div> - </div> - <!-- Carousel nav --> - <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> - <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> + <!-- Carousel nav --> + <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> + <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> + </div> <!-- Carousel end --> + </div> <!-- o1 s6 --> + <div class="span4"> + <h3>News & Updates </h3> + <p><i class="icon-time icon-white"></i><span class="label + label-info">2013-06-14</span> The Website is getting + revamped. </p> + <p><i class="icon-time icon-white"></i><span class="label + label-info">2013-05-25</span> Vishwa's is in the + Amazon.</p> + <p><i class="icon-time icon-white"></i><span class="label + label-important">2013-04-13</span> Apertures and Shutters + classes starting!</p> + <p><i class="icon-time icon-white"></i><span class="label + label-success">2013-03-08</span> Vishwa's Photo featured in + Wikipedia.</p> + </div> + </div> <!--row --> + <div class="row"> + <div class="offset2 span10"> + <blockquote> + <p>That extra hour, that additional mile; </p> + <p>Trekking a long lost path, walking a bustling street; </p> + <p>A passion for exploring, a greed to capture every moment;</p> + <p>The search goes on, for the best is next! </p> + <small> <a href="#"> Vishwa Mano </a> </small> + </blockquote> </div> </div> - </div> + </div> <!-- container --> + <footer class="footer"> <div class="container-fluid"> <p> - Copyright &copy; 2013 <a href="http://vishwamano.com">Vishwa Mano</a>. All rights reserved + <a rel="license" + href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US"><img alt="Creative + Commons License" style="border-width:0" src="/img/cc-nc-nd.png" + /></a><br />Vishwa Manoharan Photography + by <a href="http://vishwamano.com/" + property="cc:attributionName" + rel="cc:attributionURL">Vishwa Manoharan</a> is licensed + under a <a rel="license" + href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US">Creative + Commons Attribution-NonCommercial-NoDerivs 3.0 Unported + License</a>.<br />Permissions beyond the scope of this + license may be available + at <a href="http://vishwamano.com/" + rel="cc:morePermissions">vishwamano.com</a>. </p> </div> </footer> - <script src="js/jquery-1.10.0.min.js"></script> - <script src="js/bootstrap.min.js"></script> - <script src="js/bootstrap-lightbox.min.js"></script> + <script src="/js/jquery-1.10.0.min.js"></script> + <script src="/js/bootstrap.min.js"></script> + <script src="/js/bootstrap-lightbox.min.js"></script> </body> </html>