vishwamano

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

commit d2a9b7aceb222918775bf7e2cb7dedea48ccb785
parent 5137b0e40c68ca7cdf6718717d1da4291ecc8414
Author: rsiddharth <rsiddharth@ninthfloor.org>
Date:   Sat, 27 Jul 2013 23:56:06 +0530

as/ index.html re-layed-out + photo added for Photography Services column

Diffstat:
as/as-ps.jpg | 0
as/index.html | 293+++++++++++++++++++++++++++++++++++++++++--------------------------------------
2 files changed, 153 insertions(+), 140 deletions(-)

diff --git a/as/as-ps.jpg b/as/as-ps.jpg Binary files differ. diff --git a/as/index.html b/as/index.html @@ -24,126 +24,10 @@ </div> </div> - <div class="container-fluid"> - <div class="row-fluid"> - <div class="span6"> - <h1> - Photography Services - </h1> - - <dl> - <dt> - <span class="label label-inverse"> - <i class="icon-briefcase icon-white"></i> - Services - </span> - </dt> - <dd> - <ul> - <li>Single, Couple & Family Portraitures</li> - <li>Fashion / Portfolio</li> - <li>Product / Advertising</li> - <li>Industrial / Architectural</li> - </ul> - </dd> - </dl> - - <p class="text-center"> - <a class="btn btn-inverse btn-large" href="#req-shoot" role="button" data-toggle="modal"> - <i class="icon-chevron-right icon-white"></i> - Request a Shoot - </a> - </p> - <!-- Request Shoot Modal --> - <div id="req-shoot" class="modal hide fade" tabindex="-1" - role="dialog" aria-labelledby="RequestShoot" aria-hidden="true"> - - <div class="modal-header"> - <h3 id="RequestShoot"> - Services - Request a Shoot - </h3> - </div> - <div class="modal-body"> - <form class="form-horizontal" id="reqshoot-form" method="POST" action="/as/reqsht-handler.php"> - <fieldset> - - <div class="control-group"> - <label class="control-label" for="name-rs">Name</label> - <div class="controls"> - <input type="text" id="name-rs" name="name" placeholder="Spock" required> - </div> - </div> - - <div class="control-group"> - <label class="control-label" for="email-rs">Email</label> - <div class="controls"> - <input type="email" id="email-rs" name="email" placeholder="spock@cyb.org" required> - </div> - </div> - - <div class="control-group"> - <label class="control-label" for="phone-rs">Phone Number</label> - <div class="controls"> - <input type="tel" id="phone-rs" name="phone" placeholder="31-4159-2653"> - </div> - </div> - - <div class="control-group"> - <label class="control-label"> Type of Shoot </label> - <div class="controls"> - <label class="radio"> - <input type="radio" name="shoot_type" id="portraitures" - value="Single, Couple & Family Portraitures" - required> - Single, Couple & Family Portraitures - </label> - <label class="radio"> - <input type="radio" name="shoot_type" id="portfolio" - value="Fashion / Portfolio" - required> - Fashion / Portfolio - </label> - <label class="radio"> - <input type="radio" name="shoot_type" id="advertising" - value="Product / Advertising" - required> - Product / Advertising - </label> - <label class="radio"> - <input type="radio" name="shoot_type" id="architecture" - value="Industrial / Architectural" - required> - Industrial / Architectural - </label> - </div> - </div> - - <div class="control-group"> - <label class="control-label" for="humantest-rs"> What is 98 + 1 ?</label> - <div class="controls"> - <input type="text" id="humantest-rs" name="humantest" - placeholder="Prove that you're not a bot." required> - </div> - </div> - - <div class="control-group"> - <div class="controls"> - <button class="btn btn-inverse" type="submit" - name="submit" value="submit-l1" - form="reqshoot-form" aria-hidden="true"> - <i class="icon-cog icon-white"></i> - Request - </button> - </div> - </div> - - </fieldset> - </form> - </div> - </div> <!-- end Request Shoot Modal --> - </div> <!-- end Request Shoot column --> - <div class="span6"> - <h1> + <div class="container-fluid"> <!-- AS container start --> + <div class="row-fluid"> <!-- AS row start --> + <div class="span6"> <!-- AS-PC column start --> + <h1 class="text-center"> Photography Classes </h1> <p> @@ -155,7 +39,7 @@ merely technical settings and hence the classes will be taught in a practical and dynamic manner. </p> - <div class="row-fluid"> <!-- img row --> + <div class="row-fluid"> <!-- img row start --> <div class="span3"> <img src="/as/as1.jpg" class="img-polaroid" alt="[ Vishwa Teaching ]"/> </div> @@ -167,15 +51,14 @@ </div> </div> <!-- end img row --> - <div class="row-fluid"> <!-- course row --> - <div class="span12"> - <div class="accordion" id="pc-level1"> - <div class="accordion-group"> + <div class="row-fluid"> <!-- AS-PC course row start --> + <div class="span12"> <!-- AS-PC course column start --> + <div class="accordion" id="pc-level1"> <!-- AS-PC accordion start --> + <div class="accordion-group"> <!-- AS-PC Level 1 accordion start --> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#pc-level1" href="#pc-level1-det"> - <h2>Course Details - Level 1 - <small>Basic Weekend Photography Course </small></h2> + <h2> Level 1 - Basic Weekend Photography Course </h2> </a> </div> <div id="pc-level1-det" class="accordion-body collapse"> @@ -251,7 +134,7 @@ </a> </p> - <!-- Registration Level 1 Modal --> + <!-- Registration Level 1 Modal start --> <div id="reg-level1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="RegisterLevel1" aria-hidden="true"> <div class="modal-header"> @@ -315,14 +198,13 @@ </div> <!-- end Registration Level 1 Modal --> </div> </div> - </div> <!-- end accordion group 1 --> + </div> <!-- end AS-PC Level 1 accordion --> - <div class="accordion-group"> + <div class="accordion-group"> <!-- AS-PC Level 2 accordion start --> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#pc-level2" href="#pc-level2-det"> - <h2>Course Details - Level 2 - <small>Advanced Weekend Photography Course </small></h2> + <h2>Level 2 - Advanced Weekend Photography Course</h2> </a> </div> <div id="pc-level2-det" class="accordion-body collapse"> @@ -391,7 +273,7 @@ </a> </p> - <!-- Registration Level 2 Modal --> + <!-- Registration Level 2 Modal start --> <div id="reg-level2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="RegisterLevel2" aria-hidden="true"> @@ -457,13 +339,144 @@ </div> <!-- end Registration Level 2 Modal --> </div> </div> - </div> <!-- end accordion group 2 --> - </div> <!-- end of pc accordion --> - </div> <!-- end course column --> - </div> <!-- end course row --> - </div> <!-- end span --> - </div> <!-- end row --> - </div> <!-- end container --> + </div> <!-- end AS-PC Level 2 accordion --> + </div> <!-- end AS-PC accordion --> + </div> <!-- end AS-PC course column --> + </div> <!-- end AS-PC course row --> + </div> <!-- end AS-PC column --> + + <div class="span6"> <!-- AS-PS column start --> + <h1 class="text-center"> + Photography Services + </h1> + <div class="row-fluid"> <!-- AS-PS row start --> + <div class="offset1 span6"> <!-- AS-PS services column start --> + <dl> + <dt> + <span class="label label-inverse"> + <i class="icon-briefcase icon-white"></i> + Services + </span> + </dt> + <dd> + <ul class="spacious"> + <li>Single, Couple & Family Portraitures</li> + <li>Fashion / Portfolio </li> + <li>Product / Advertising </li> + <li>Industrial / Architectural </li> + </ul> + </dd> + </dl> + + <p class="text-center"> + <a class="btn btn-inverse btn-large" href="#req-shoot" role="button" data-toggle="modal"> + <i class="icon-chevron-right icon-white"></i> + Request Shoot + </a> + </p> + <!-- Request Shoot Modal start --> + <div id="req-shoot" class="modal hide fade" tabindex="-1" + role="dialog" aria-labelledby="RequestShoot" aria-hidden="true"> + + <div class="modal-header"> + <h3 id="RequestShoot"> + Services - Request a Shoot + </h3> + </div> + <div class="modal-body"> + <form class="form-horizontal" id="reqshoot-form" method="POST" action="/as/reqsht-handler.php"> + <fieldset> + + <div class="control-group"> + <label class="control-label" for="name-rs">Name</label> + <div class="controls"> + <input type="text" id="name-rs" name="name" placeholder="Spock" required> + </div> + </div> + + <div class="control-group"> + <label class="control-label" for="email-rs">Email</label> + <div class="controls"> + <input type="email" id="email-rs" name="email" placeholder="spock@cyb.org" required> + </div> + </div> + + <div class="control-group"> + <label class="control-label" for="phone-rs">Phone Number</label> + <div class="controls"> + <input type="tel" id="phone-rs" name="phone" placeholder="31-4159-2653"> + </div> + </div> + + <div class="control-group"> + <label class="control-label"> Type of Shoot </label> + <div class="controls"> + <label class="radio"> + <input type="radio" name="shoot_type" id="portraitures" + value="Single, Couple & Family Portraitures" + required> + Single, Couple & Family Portraitures + </label> + <label class="radio"> + <input type="radio" name="shoot_type" id="portfolio" + value="Fashion / Portfolio" + required> + Fashion / Portfolio + </label> + <label class="radio"> + <input type="radio" name="shoot_type" id="advertising" + value="Product / Advertising" + required> + Product / Advertising + </label> + <label class="radio"> + <input type="radio" name="shoot_type" id="architecture" + value="Industrial / Architectural" + required> + Industrial / Architectural + </label> + <label class="radio"> + <input type="radio" name="shoot_type" id="Other" + value="Other" + required> + Other + </label> + </div> + </div> + + <div class="control-group"> + <label class="control-label" for="humantest-rs"> What is 98 + 1 ?</label> + <div class="controls"> + <input type="text" id="humantest-rs" name="humantest" + placeholder="Prove that you're not a bot." required> + </div> + </div> + + <div class="control-group"> + <div class="controls"> + <button class="btn btn-inverse" type="submit" + name="submit" value="submit-l1" + form="reqshoot-form" aria-hidden="true"> + <i class="icon-cog icon-white"></i> + Request + </button> + </div> + </div> + + </fieldset> + </form> + </div> + </div> <!-- end Request Shoot Modal end --> + </div> <!-- end AS-PS services column --> + + <div class="span4"> <!-- AS-PS img column --> + <img src="/as/as-ps.jpg" class="img-polaroid" alt="[ Vishwamano Tall Camera ]"> + </div> <!-- AS-PS img column --> + + </div> <!-- end AS-PS row --> + </div> <!-- end AS-PS column --> + </div> <!-- end AS row --> + </div> <!-- end AS container --> <!-- start share buttons --> <div class="container-fluid">