caricatures.html 7.57 KB
<div class="col-xs-12 buttons">
   <button type="button" class="btn btn-dark btn-lg apply-act1 btn1" style="outline: none;" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
   <button type="button" class="btn btn-dark btn-lg apply-act2 btn2" style="outline: none;" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
   <button type="button" class="btn btn-dark btn-lg apply-act3 btn3" style="outline: none;" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
   <button type="button" class="btn btn-dark btn-lg apply-act4 btn4" style="outline: none;" 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">IIM Ahmedabad</div>
               <div class="txt1">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">IIM Bengaluru</div>
               <div class="txt1">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">IIT-Madras</div>
               <div class="txt1">Chennai | 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">IIT Delhi</div>
            <div class="txt1">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">IIT Hyderabad</div>
            <div class="txt1"> 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">Startup Oasis</div>
            <div class="txt1">Jaipur | 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">IIT Kanpur</div>
            <div class="txt1"> 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">IIM Calcutta</div>
            <div class="txt1">Kolkata | 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">IIT Bombay</div>
            <div class="txt1">Mumbai | 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, Sri Lanka</div>
               <div class="txt1">Colombo | 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, Bangladesh</div>
               <div class="txt1">Dhaka | 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, Nepal</div>
               <div class="txt1">Kathmandu | 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>