vishwamano

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

commit d8582e523b3d6a3a46abc5e571ea78df37c30a73
parent db08bad41815b4302758152d35793bcba53700c7
Author: rsiddharth <rsiddharth@ninthfloor.org>
Date:   Tue, 30 Dec 2014 01:56:32 -0500

renamed:    gallery/index.html -> gallery/index.html.backup

Diffstat:
gallery/index.html | 498-------------------------------------------------------------------------------
gallery/index.html.backup | 498+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 498 insertions(+), 498 deletions(-)

diff --git a/gallery/index.html b/gallery/index.html @@ -1,498 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<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"> - <title> Gallery &middot; Vishwa Manoharan Photography </title> -</head> -<body> - <div class="container-fluid"> - <div class="navbar navbar-inverse"> - <div class="navbar-inner"> - <a class="brand" href="/">Vishwa Manoharan Photography</a> - <ul class="nav pull-right"> - <li><a href="/">Home</a></li> - <li class="active"><a href="#"> Gallery </a></li> - <li><a href="/as/">Apertures & Shutters</a></li> - <li><a href="/bio/"> Bio </a></li> - <li><a href="/contact/">Contact</a></li> - </ul> - </div> - </div> - </div> - -<!-- Fashion, Fauna, Flora, Landscapes, People, Still Life --> - -<div class="container-fluid"> - <div class="row-fluid"> <!-- start First Row --> - - <div class="span6"> <!-- start Landscapes --> - <p> - <span class="label label-inverse"> - <a class="vnormalize" href="/land/">Landscapes</a> - </span> - </p> - <div class="row-fluid"> <!-- Landscapes row 1 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#l1"> - <img src="/land/01l.jpg" alt="[ Landscape Image 1 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#l2"> - <img src="/land/02l.jpg" alt="[ Landscape Image 2 ]"> </a> - </li> - </ul> - </div> - - <div class="row-fluid"> <!-- Landscapes row 2 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#l3"> - <img src="/land/03l.jpg" alt="[ Landscape Image 3 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#l4"> - <img src="/land/04l.jpg" alt="[ Landscape Image 4 ]"> </a> - </li> - </ul> - </div> - <p class="text-center"> - <a class="btn btn-inverse btn-mini" href="/land/"> - <i class="icon-plus icon-white"></i> - more - </a> - </p> - </div> <!-- end Landscapes --> - - <div class="span6"> <!-- start Macro --> - <p> - <span class="label label-inverse"> - <a class="vnormalize" href="/macro/">The Little World</a> - </span> - </p> - <div class="row-fluid"> <!-- Macro row 1 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#macro1"> - <img src="/macro/01m.jpg" alt="[ Macro Image 1 ]"> - </a> - </li> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#macro2"> - <img src="/macro/02m.jpg" alt="[ Macro Image 2 ]"> - </a> - </li> - </ul> - </div> - - <div class="row-fluid"> <!-- Macro row 2 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#macro3"> - <img src="/macro/03m.jpg" alt="[ Macro Image 3 ]"> - </a> - </li> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#macro4"> - <img src="/macro/04m.jpg" alt="[ Macro Image 4 ]"> - </a> - </li> - </ul> - </div> - <p class="text-center"> - <a class="btn btn-inverse btn-mini" href="/macro/"> - <i class="icon-plus icon-white"></i> - more - </a> - </p> - </div> <!-- end Macro --> - - </div> <!-- end First Row --> - - <div class="row-fluid"> <!-- start Second Row --> - <div class="span6"> <!-- start Wildlife Portraits --> - <p> - <span class="label label-inverse"> - <a class="vnormalize" href="/wp/"> Wildlife Portraits </a> - </span> - </p> - <div class="row-fluid"> <!-- Wildlife Portrait row 1 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#wp1"><img src="/wp/01wp.jpg" alt="[ Wildlife Portrait 1 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#wp2"> <img src="/wp/02wp.jpg" alt="[ Wildlife Portrait 2 ]"> </a> - </li> - </ul> - </div> - <div class="row-fluid"> <!-- Wildlife Portrait row 2 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#wp3"><img src="/wp/03wp.jpg" alt="[ Wildlife Portrait 3 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#wp4"> <img src="/wp/04wp.jpg" alt="[ Wildlife Portrait 4 ]"> </a> - </li> - </ul> - </div> - <p class="text-center"> - <a class="btn btn-inverse btn-mini" href="/wp/"> - <i class="icon-plus icon-white"></i> - more - </a> - </p> - </div> <!-- end Wildlife Portrait --> - - <div class="span6"> <!-- start In The Wild --> - <p> - <span class="label label-inverse"> - <a class="vnormalize" href="/wild/"> - In The Wild - </a> - </span> - </p> - <div class="row-fluid"> <!-- In The Wild row 1 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#w1"> - <img src="/wild/01w.jpg" alt="[ In The Wild Image 1 ]"> - </a> - </li> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#w2"> - <img src="/wild/02w.jpg" alt="[ In The Wild Image 2 ]"> - </a> - </li> - </ul> - </div> - - <div class="row-fluid"> <!-- In The Wild row 2 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#w3"> - <img src="/wild/03w.jpg" alt="[ In The Wild Image 3 ]"> - </a> - </li> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#w4"> - <img src="/wild/04w.jpg" alt="[ In The Wild Image 4 ]"> - </a> - </li> - </ul> - </div> - <p class="text-center"> - <a class="btn btn-inverse btn-mini" href="/wild/"> - <i class="icon-plus icon-white"></i> - more - </a> - </p> - </div> <!-- end In The Wild --> - - </div> <!-- end Second Row --> - - - <div class="row-fluid"> <!-- start Third Row --> - <div class="span6"> <!-- start People --> - <p> - <span class="label label-inverse"> - <a class="vnormalize" href="/people/"> - Snapshots of Life </a> - </span> - </p> - <div class="row-fluid"> <!-- People row 1 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#p1"> - <img src="/people/01p.jpg" alt="[ People Image 1 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#p2"> - <img src="/people/02p.jpg" alt="[ People Image 2 ]"> </a> - </li> - </ul> - </div> - - <div class="row-fluid"> <!-- People row 2 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#p3"> - <img src="/people/03p.jpg" alt="[ People Image 3 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#p4"> - <img src="/people/04p.jpg" alt="[ People Image 4 ]"> </a> - </li> - </ul> - </div> - <p class="text-center"> - <a class="btn btn-inverse btn-mini" href="/people/"> - <i class="icon-plus icon-white"></i> - more - </a> - </p> - </div> <!-- end People --> - - <div class="span6"> <!-- start Fashion --> - <p> - <span class="label label-inverse"> - <a class="vnormalize" href="/fashion/"> Frolic &amp; Fervor</a> - </span> - </p> - <div class="row-fluid"> <!-- Fashion row 1 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#f1"> <img src="/fashion/01f.jpg" alt="[ Fashion Image 1 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#f2"> <img src="/fashion/02f.jpg" alt="[ Fashion Image 2 ]"> </a> - </li> - </ul> - </div> - - <div class="row-fluid"> <!-- Fashion row 2 --> - <ul class="thumbnails"> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#f3"> <img src="/fashion/03f.jpg" alt="[ Fashion Image 3 ]"> </a> - </li> - <li class="span6"> - <a class="thumbnail" - data-toggle="lightbox" href="#f4"> <img src="/fashion/04f.jpg" alt="[ Fashion Image 4 ]"> </a> - </li> - </ul> - </div> - <p class="text-center"> - <a class="btn btn-inverse btn-mini" href="/fashion/"> - <i class="icon-plus icon-white"></i> - more - </a> - </p> - </div> <!-- end Fashion --> - </div> <!-- end Third Row --> - -</div> <!-- container --> - -<!-- start lightbox for above images --> -<div class="container"> - <!-- start of Wildlife Portrait lightboxes --> - <div id="wp1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wp/01wp.jpg" alt="[ Wildlife Portrait 1 ]"> - </div> - </div> - <div id="wp2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wp/02wp.jpg" alt="[ Wildlife Portrait 2 ]"> - </div> - </div> - <div id="wp3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wp/03wp.jpg" alt="[ Wildlife Portrait 3 ]"> - </div> - </div> - <div id="wp4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wp/04wp.jpg" alt="[ Wildlife Portrait 4 ]"> - </div> - </div> - <!-- end of Wildlife Portrait lightboxes --> - - <!-- start of In The Wild lightboxes --> - <div id="w1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wild/01w.jpg" alt="[ In The Wild Image 1 ]"> - </div> - </div> - <div id="w2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wild/02w.jpg" alt="[ In The Wild Image 2 ]"> - </div> - </div> - <div id="w3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wild/03w.jpg" alt="[ In The Wild Image 3 ]"> - </div> - </div> - <div id="w4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/wild/04w.jpg" alt="[ In The Wild Image 4 ]"> - </div> - </div> - <!-- end of In The Wild lightboxes --> - - <!-- start Macro lightboxes --> - <div id="macro1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/macro/01m.jpg" alt="[ Macro Image 1 ]"> - </div> - </div> - - <div id="macro2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/macro/02m.jpg" alt="[ Macro Image 2 ]"> - </div> - </div> - - <div id="macro3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/macro/03m.jpg" alt="[ Macro Image 3 ]"> - </div> - </div> - - <div id="macro4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/macro/04m.jpg" alt="[ Macro Image 4 ]"> - </div> - </div> - <!-- end Macro lightboxes --> - - <!-- start Landscape lightboxes --> - <div id="l1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/land/01l.jpg" alt="[ Landscape Image 1 ]"> - </div> - </div> - - <div id="l2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/land/02l.jpg" alt="[ Landscape Image 2 ]"> - </div> - </div> - - <div id="l3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/land/03l.jpg" alt="[ Landscape Image 3 ]"> - </div> - </div> - - <div id="l4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/land/04l.jpg" alt="[ Landscape Image 4 ]"> - </div> - </div> - <!-- end Landscape lightboxes --> - - <!-- start People lightboxes --> - <div id="p1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/people/01p.jpg" alt="[ People Image 1 ]"> - </div> - </div> - - <div id="p2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/people/02p.jpg" alt="[ People Image 2 ]"> - </div> - </div> - - <div id="p3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/people/03p.jpg" alt="[ People Image 3 ]"> - </div> - </div> - - <div id="p4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/people/04p.jpg" alt="[ People Image 4 ]"> - </div> - </div> - <!-- end People lightboxes --> - - <!-- start Fashion lightboxes --> - <div id="f1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/fashion/01f.jpg" alt="[ Fashion Image 1 ]"> - </div> - </div> - - <div id="f2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/fashion/02f.jpg" alt="[ Fashion Image 2 ]"> - </div> - </div> - - <div id="f3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/fashion/03f.jpg" alt="[ Fashion Image 3 ]"> - </div> - </div> - - <div id="f4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> - <div class="lightbox-content"> - <img src="/fashion/04f.jpg" alt="[ Fashion Image 4 ]"> - </div> - </div> - <!-- end Fashion lightboxes --> -</div> -<!-- end lightbox for above images --> - -<!-- start share buttons --> -<div class="container-fluid"> - <div class="row-fluid"> - <div class="span12"> - <p class="text-center"> - <!-- G+ --> - <a target="_blank" - href="https://plus.google.com/share?url=http%3A%2F%2Fvishwano.com%2Fgallery"> - <img class="share-botton" src="/img/gplus.png" alt="[ G+ Share Button ]"/> - </a> - <!-- G+ end --> - - <!-- Twitter --> - <a target="_blank" - href="https://twitter.com/share?url=http%3A%2F%2Fvishwamano.com%2Fgallery"> - <img class="share-botton" src="/img/twitter.png" alt="[ Twitter Share Button ]" /> - </a> - <!-- Twitter end--> - - <!-- Facebook --> - <a target="_blank" - href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fvishwamano.com%2Fgallery"> - <img class="share-botton" src="/img/fb.png" alt="[ Facebook Share Button ]" /> - </a> - <!-- Facebook end --> - </p> - </div> - </div> -</div> -<!-- end share buttons --> - - <footer class="footer"> - <div class="container-fluid"> - <p> - Copyright &copy; 2013 - <a href="http://vishwamano.com/" property="cc:attributionName" - rel="cc:attributionURL"> - Vishwa Manoharan. - </a> - <a 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.png" /> - </a> - </p> - <ul class="footer-links"> - <li class="muted"> &middot; </li> - <li> <a href="/colophon/"> Colophon </a> </li> - <li class="muted"> &middot; </li> - </ul> - </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> -</body> -</html> diff --git a/gallery/index.html.backup b/gallery/index.html.backup @@ -0,0 +1,498 @@ +<!DOCTYPE html> +<html lang="en"> +<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"> + <title> Gallery &middot; Vishwa Manoharan Photography </title> +</head> +<body> + <div class="container-fluid"> + <div class="navbar navbar-inverse"> + <div class="navbar-inner"> + <a class="brand" href="/">Vishwa Manoharan Photography</a> + <ul class="nav pull-right"> + <li><a href="/">Home</a></li> + <li class="active"><a href="#"> Gallery </a></li> + <li><a href="/as/">Apertures & Shutters</a></li> + <li><a href="/bio/"> Bio </a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </div> + </div> + +<!-- Fashion, Fauna, Flora, Landscapes, People, Still Life --> + +<div class="container-fluid"> + <div class="row-fluid"> <!-- start First Row --> + + <div class="span6"> <!-- start Landscapes --> + <p> + <span class="label label-inverse"> + <a class="vnormalize" href="/land/">Landscapes</a> + </span> + </p> + <div class="row-fluid"> <!-- Landscapes row 1 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#l1"> + <img src="/land/01l.jpg" alt="[ Landscape Image 1 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#l2"> + <img src="/land/02l.jpg" alt="[ Landscape Image 2 ]"> </a> + </li> + </ul> + </div> + + <div class="row-fluid"> <!-- Landscapes row 2 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#l3"> + <img src="/land/03l.jpg" alt="[ Landscape Image 3 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#l4"> + <img src="/land/04l.jpg" alt="[ Landscape Image 4 ]"> </a> + </li> + </ul> + </div> + <p class="text-center"> + <a class="btn btn-inverse btn-mini" href="/land/"> + <i class="icon-plus icon-white"></i> + more + </a> + </p> + </div> <!-- end Landscapes --> + + <div class="span6"> <!-- start Macro --> + <p> + <span class="label label-inverse"> + <a class="vnormalize" href="/macro/">The Little World</a> + </span> + </p> + <div class="row-fluid"> <!-- Macro row 1 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#macro1"> + <img src="/macro/01m.jpg" alt="[ Macro Image 1 ]"> + </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#macro2"> + <img src="/macro/02m.jpg" alt="[ Macro Image 2 ]"> + </a> + </li> + </ul> + </div> + + <div class="row-fluid"> <!-- Macro row 2 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#macro3"> + <img src="/macro/03m.jpg" alt="[ Macro Image 3 ]"> + </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#macro4"> + <img src="/macro/04m.jpg" alt="[ Macro Image 4 ]"> + </a> + </li> + </ul> + </div> + <p class="text-center"> + <a class="btn btn-inverse btn-mini" href="/macro/"> + <i class="icon-plus icon-white"></i> + more + </a> + </p> + </div> <!-- end Macro --> + + </div> <!-- end First Row --> + + <div class="row-fluid"> <!-- start Second Row --> + <div class="span6"> <!-- start Wildlife Portraits --> + <p> + <span class="label label-inverse"> + <a class="vnormalize" href="/wp/"> Wildlife Portraits </a> + </span> + </p> + <div class="row-fluid"> <!-- Wildlife Portrait row 1 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#wp1"><img src="/wp/01wp.jpg" alt="[ Wildlife Portrait 1 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#wp2"> <img src="/wp/02wp.jpg" alt="[ Wildlife Portrait 2 ]"> </a> + </li> + </ul> + </div> + <div class="row-fluid"> <!-- Wildlife Portrait row 2 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#wp3"><img src="/wp/03wp.jpg" alt="[ Wildlife Portrait 3 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#wp4"> <img src="/wp/04wp.jpg" alt="[ Wildlife Portrait 4 ]"> </a> + </li> + </ul> + </div> + <p class="text-center"> + <a class="btn btn-inverse btn-mini" href="/wp/"> + <i class="icon-plus icon-white"></i> + more + </a> + </p> + </div> <!-- end Wildlife Portrait --> + + <div class="span6"> <!-- start In The Wild --> + <p> + <span class="label label-inverse"> + <a class="vnormalize" href="/wild/"> + In The Wild + </a> + </span> + </p> + <div class="row-fluid"> <!-- In The Wild row 1 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#w1"> + <img src="/wild/01w.jpg" alt="[ In The Wild Image 1 ]"> + </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#w2"> + <img src="/wild/02w.jpg" alt="[ In The Wild Image 2 ]"> + </a> + </li> + </ul> + </div> + + <div class="row-fluid"> <!-- In The Wild row 2 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#w3"> + <img src="/wild/03w.jpg" alt="[ In The Wild Image 3 ]"> + </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#w4"> + <img src="/wild/04w.jpg" alt="[ In The Wild Image 4 ]"> + </a> + </li> + </ul> + </div> + <p class="text-center"> + <a class="btn btn-inverse btn-mini" href="/wild/"> + <i class="icon-plus icon-white"></i> + more + </a> + </p> + </div> <!-- end In The Wild --> + + </div> <!-- end Second Row --> + + + <div class="row-fluid"> <!-- start Third Row --> + <div class="span6"> <!-- start People --> + <p> + <span class="label label-inverse"> + <a class="vnormalize" href="/people/"> + Snapshots of Life </a> + </span> + </p> + <div class="row-fluid"> <!-- People row 1 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#p1"> + <img src="/people/01p.jpg" alt="[ People Image 1 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#p2"> + <img src="/people/02p.jpg" alt="[ People Image 2 ]"> </a> + </li> + </ul> + </div> + + <div class="row-fluid"> <!-- People row 2 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#p3"> + <img src="/people/03p.jpg" alt="[ People Image 3 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#p4"> + <img src="/people/04p.jpg" alt="[ People Image 4 ]"> </a> + </li> + </ul> + </div> + <p class="text-center"> + <a class="btn btn-inverse btn-mini" href="/people/"> + <i class="icon-plus icon-white"></i> + more + </a> + </p> + </div> <!-- end People --> + + <div class="span6"> <!-- start Fashion --> + <p> + <span class="label label-inverse"> + <a class="vnormalize" href="/fashion/"> Frolic &amp; Fervor</a> + </span> + </p> + <div class="row-fluid"> <!-- Fashion row 1 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#f1"> <img src="/fashion/01f.jpg" alt="[ Fashion Image 1 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#f2"> <img src="/fashion/02f.jpg" alt="[ Fashion Image 2 ]"> </a> + </li> + </ul> + </div> + + <div class="row-fluid"> <!-- Fashion row 2 --> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#f3"> <img src="/fashion/03f.jpg" alt="[ Fashion Image 3 ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#f4"> <img src="/fashion/04f.jpg" alt="[ Fashion Image 4 ]"> </a> + </li> + </ul> + </div> + <p class="text-center"> + <a class="btn btn-inverse btn-mini" href="/fashion/"> + <i class="icon-plus icon-white"></i> + more + </a> + </p> + </div> <!-- end Fashion --> + </div> <!-- end Third Row --> + +</div> <!-- container --> + +<!-- start lightbox for above images --> +<div class="container"> + <!-- start of Wildlife Portrait lightboxes --> + <div id="wp1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wp/01wp.jpg" alt="[ Wildlife Portrait 1 ]"> + </div> + </div> + <div id="wp2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wp/02wp.jpg" alt="[ Wildlife Portrait 2 ]"> + </div> + </div> + <div id="wp3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wp/03wp.jpg" alt="[ Wildlife Portrait 3 ]"> + </div> + </div> + <div id="wp4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wp/04wp.jpg" alt="[ Wildlife Portrait 4 ]"> + </div> + </div> + <!-- end of Wildlife Portrait lightboxes --> + + <!-- start of In The Wild lightboxes --> + <div id="w1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wild/01w.jpg" alt="[ In The Wild Image 1 ]"> + </div> + </div> + <div id="w2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wild/02w.jpg" alt="[ In The Wild Image 2 ]"> + </div> + </div> + <div id="w3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wild/03w.jpg" alt="[ In The Wild Image 3 ]"> + </div> + </div> + <div id="w4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/wild/04w.jpg" alt="[ In The Wild Image 4 ]"> + </div> + </div> + <!-- end of In The Wild lightboxes --> + + <!-- start Macro lightboxes --> + <div id="macro1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/macro/01m.jpg" alt="[ Macro Image 1 ]"> + </div> + </div> + + <div id="macro2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/macro/02m.jpg" alt="[ Macro Image 2 ]"> + </div> + </div> + + <div id="macro3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/macro/03m.jpg" alt="[ Macro Image 3 ]"> + </div> + </div> + + <div id="macro4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/macro/04m.jpg" alt="[ Macro Image 4 ]"> + </div> + </div> + <!-- end Macro lightboxes --> + + <!-- start Landscape lightboxes --> + <div id="l1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/land/01l.jpg" alt="[ Landscape Image 1 ]"> + </div> + </div> + + <div id="l2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/land/02l.jpg" alt="[ Landscape Image 2 ]"> + </div> + </div> + + <div id="l3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/land/03l.jpg" alt="[ Landscape Image 3 ]"> + </div> + </div> + + <div id="l4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/land/04l.jpg" alt="[ Landscape Image 4 ]"> + </div> + </div> + <!-- end Landscape lightboxes --> + + <!-- start People lightboxes --> + <div id="p1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/01p.jpg" alt="[ People Image 1 ]"> + </div> + </div> + + <div id="p2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/02p.jpg" alt="[ People Image 2 ]"> + </div> + </div> + + <div id="p3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/03p.jpg" alt="[ People Image 3 ]"> + </div> + </div> + + <div id="p4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/04p.jpg" alt="[ People Image 4 ]"> + </div> + </div> + <!-- end People lightboxes --> + + <!-- start Fashion lightboxes --> + <div id="f1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/fashion/01f.jpg" alt="[ Fashion Image 1 ]"> + </div> + </div> + + <div id="f2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/fashion/02f.jpg" alt="[ Fashion Image 2 ]"> + </div> + </div> + + <div id="f3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/fashion/03f.jpg" alt="[ Fashion Image 3 ]"> + </div> + </div> + + <div id="f4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/fashion/04f.jpg" alt="[ Fashion Image 4 ]"> + </div> + </div> + <!-- end Fashion lightboxes --> +</div> +<!-- end lightbox for above images --> + +<!-- start share buttons --> +<div class="container-fluid"> + <div class="row-fluid"> + <div class="span12"> + <p class="text-center"> + <!-- G+ --> + <a target="_blank" + href="https://plus.google.com/share?url=http%3A%2F%2Fvishwano.com%2Fgallery"> + <img class="share-botton" src="/img/gplus.png" alt="[ G+ Share Button ]"/> + </a> + <!-- G+ end --> + + <!-- Twitter --> + <a target="_blank" + href="https://twitter.com/share?url=http%3A%2F%2Fvishwamano.com%2Fgallery"> + <img class="share-botton" src="/img/twitter.png" alt="[ Twitter Share Button ]" /> + </a> + <!-- Twitter end--> + + <!-- Facebook --> + <a target="_blank" + href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fvishwamano.com%2Fgallery"> + <img class="share-botton" src="/img/fb.png" alt="[ Facebook Share Button ]" /> + </a> + <!-- Facebook end --> + </p> + </div> + </div> +</div> +<!-- end share buttons --> + + <footer class="footer"> + <div class="container-fluid"> + <p> + Copyright &copy; 2013 + <a href="http://vishwamano.com/" property="cc:attributionName" + rel="cc:attributionURL"> + Vishwa Manoharan. + </a> + <a 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.png" /> + </a> + </p> + <ul class="footer-links"> + <li class="muted"> &middot; </li> + <li> <a href="/colophon/"> Colophon </a> </li> + <li class="muted"> &middot; </li> + </ul> + </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> +</body> +</html>