caricatures.html 7.47 KB
<div class="col-xs-12 buttons">
   <button type="button" class="btn btn-dark btn-lg apply-act1 btn1" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
   <button type="button" class="btn btn-dark btn-lg apply-act2 btn2" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
   <button type="button" class="btn btn-dark btn-lg apply-act3 btn3" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
   <button type="button" class="btn btn-dark btn-lg apply-act4 btn4" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>
</div>
<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">
   <div class="stage-shadow" id="front">
     <div class="stages card-align">
         <div class="row">
            <!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
               <div class="card" style="width:100%;border-radius: 6px;">
                  <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                     <img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">
                  </label>
               </div>
               <div class="txt">Ahmedabad</div>
            </div> -->
            <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
               <div class="card1">
                  <img class="card-img-top" src="images/ahmedabad.png">
                  <img class="img-top" src="images/Ahmedabad (1).png" ng-click="watch('Ahmedabad')">
               </div>
               <div class="txt">Ahmedabad</div>
               <div class="txt1">IIM Ahmedabad | September 11th, 2019</div>
            </div>
            <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
               <div class="card1">
                  <img class="card-img-top" src="images/Bengaluru.png">
                  <img class="img-top" src="images/bengaluru (1).png" ng-click="watch('Bengaluru')">
               </div>
               <div class="txt">Bengaluru</div>
               <div class="txt1">IIM Bengaluru | September 7th, 2019</div>
            </div>
            <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
               <div class="card1">
                  <img class="card-img-top" src="images/chennai.png">
                  <img class="img-top" src="images/chennai (1).png" ng-click="watch('Chennai')">
               </div>
               <div class="txt">Chennai</div>
               <div class="txt1">IIT-Madras | October 1st, 2019</div>
            </div>
         </div>
      </div>
   </div>
   <div class="clearfix"></div>
   <div class="stages card-align">
      <div class="row">
         <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
            <div class="card1">
               <img class="card-img-top" src="images/delhi.png">
               <img class="img-top" src="images/delhi (1).png" ng-click="watch('Delhi')">
            </div>
            <div class="txt">Delhi</div>
            <div class="txt1">IIT Delhi | October 16th, 2019</div>
         </div>
         <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
            <div class="card1">
               <img class="card-img-top" src="images/Hyderabad.png">
               <img class="img-top " src="images/hyderabad (1).png" ng-click="watch('Hyderabad')">
            </div>
            <div class="txt">Hyderabad</div>
            <div class="txt1">IIT Hyderabad | September 14th, 2019</div>
         </div>
         <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
            <div class="card1">
               <img class="card-img-top" src="images/jaipur.png">
               <img class="img-top" src="images/jaipur (1).png" ng-click="watch('Jaipur')">
            </div>
            <div class="txt">Jaipur</div>
            <div class="txt1">Startup Oasis | September 24th, 2019</div>
         </div>
      </div>
   </div>
   <div class="clearfix"></div>
   <div class="stages card-align">
      <div class="row">
         <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
            <div class="card1">
               <img class="card-img-top" src="images/kanpur.png">
               <img class="img-top" src="images/kanpur (1).png" ng-click="watch('Kanpur')">
            </div>
            <div class="txt">Kanpur</div>
            <div class="txt1">IIT Kanpur | September 28th, 2019</div>
         </div>
         <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
            <div class="card1">
               <img class="card-img-top" src="images/kolkata.png">
               <img class="img-top" src="images/kolkata (1).png" ng-click="watch('Kolkata')">
            </div>
            <div class="txt">Kolkata</div>
            <div class="txt1">IIM Calcutta | September 17th, 2019</div>
         </div>
         <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
            <div class="card1">
               <img class="card-img-top" src="images/mumbai.png">
               <img class="img-top" src="images/mumbai (1).png" ng-click="watch('Mumbai')">
            </div>
            <div class="txt">Mumbai</div>
            <div class="txt1">IIT Bombay | September 4th, 2019</div>
         </div>
      </div>
   </div>
</div>
<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">
   <div class="stage-shadow" id="front">
     <div class="stages card-align">
         <div class="row">
            <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
               <div class="card1">
                  <img class="card-img-top" src="images/Colombo.png">
                  <img class="img-top" src="images/Sri_Lanka.png" ng-click="watch('Colombo')">
               </div>
               <div class="txt">Colombo</div>
               <div class="txt1">Colombo, Sri Lanka | October 5th, 2019</div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">
   <div class="stage-shadow" id="front">
     <div class="stages card-align">
         <div class="row">
            <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
               <div class="card1">
                  <img class="card-img-top" src="images/Dhaka.png">
                  <img class="img-top" src="images/BAngladesh.png" ng-click="watch('Dhaka')">
               </div>
               <div class="txt">Dhaka</div>
               <div class="txt1">Dhaka, Bangladesh | September 21st, 2019</div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">
   <div class="stage-shadow" id="front">
     <div class="stages card-align">
         <div class="row">
            <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
               <div class="card1">
                  <img class="card-img-top" src="images/Kathmandu.png">
                  <img class="img-top" src="images/Nepal.png" ng-click="watch('Kathmandu')">
               </div>
               <div class="txt">Kathmandu</div>
               <div class="txt1">Kathmandu, Nepal | October 12th, 2019</div>
            </div>
         </div>
      </div>
   </div>
</div>
<span ng-show="span == true">
   <span id="chennai"></span>
   <span id="mumbai"></span>
   <span id="hyderabad"></span>
   <span id="kolkata"></span>
   <span id="delhi"></span>
   <span id="ahmedabad"></span>
   <span id="bengaluru"></span>
   <span id="jaipur"></span>
   <span id="kanpur"></span>
   <span id="dharamsala"></span>
</span>