Editando: tc.php
<?php include('header.php'); ?> <div class="wrapper row2"> <div id="breadcrumb" class="clear"> <!-- ################################################################################################ --> <ul> <li><a href="index.php">Home</a></li> <li><a href="#">Tc</a></li> </ul> <!-- ################################################################################################ --> </div> </div> </div> <!-- ################################################################################################ --> <!-- ################################################################################################ --> <!-- ################################################################################################ --> <div class="wrapper row2"> <main class="container clear"> <!-- main body --> <!-- ################################################################################################ --> <div class="content"> <!-- ################################################################################################ --> <div id="gallery" class="gallery"> <figure> <header class="heading">Tc</header> <ul class="nospace clear"> <?php $sql="Select tc from tbl_tc"; $query=mysqli_query($conn,$sql); if(mysqli_num_rows($query)>0) { $i=1; while($res=mysqli_fetch_row($query)) { ?> <li class="one_quarter <?php echo ($i%4==1)?'first':''; ?>"><a href="<?php echo $res[1]; ?>"><img src="tc/<?php echo $res[0]; ?>" alt=""></a></li> <?php $i++;} } ?> <!-- <li class="one_quarter"><a href="image/demo/gallery/2.jpg"><img src="image/demo/gallery/2.jpg" alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/3.jpg"><img src="image/demo/gallery/3.jpg" alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/4.jpg"><img src="image/demo/gallery/4.jpg" alt=""></a></li> <li class="one_quarter first"><a href="image/demo/gallery/5.jpg"><img src="image/demo/gallery/5.jpg " alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/6.jpg"><img src="image/demo/gallery/6.jpg" alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/7.jpg"><img src="image/demo/gallery/7.jpg" alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/8.jpg"><img src="image/demo/gallery/8 .jpg" alt=""></a></li> <li class="one_quarter first"><a href="image/demo/gallery/9.jpg"><img src="image/demo/gallery/9.jpg " alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/10.jpg"><img src="image/demo/gallery/10.jpg" alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/11.jpg"><img src="image/demo/gallery/11.jpg" alt=""></a></li> <li class="one_quarter"><a href="image/demo/gallery/12.jpg"><img src="image/demo/gallery/12.jpg" alt=""></a></li>--> </ul> <figcaption></figcaption> </figure> </div> </div> </main> </div> <div class="wrapper row4"> <footer id="footer" class="clear"> <!-- ################################################################################################ --> <div class="one_quarter first"> <h6 class="title">Address</h6> <address class="btmspace-15"> LAXMI INTERNATIONAL ACADEMY<br> Laxmi nagar(bidara),shahpura<br> Jaipur Rajasthan<br> 303103 </address> <ul class="nospace"> <li class="btmspace-10"><span class="fa fa-phone"></span> 01422272220, +919667991909</li> <li><span class="fa fa-envelope-o"></span> laxmiinternationalacademy@yahoo.com</li> </ul> </div> <div class="one_quarter"> <h6 class="title">Quick Links</h6> <ul class="nospace linklist"> <li><a href="#">Infrastructure</a></li> <li><a href="#">School profile</a></li> <li><a href="#">Sports</a></li> <li><a href="#">Community Service</a></li> <li><a href="#">Career with us</a></li> </ul> </div> <div class="one_quarter"> <h6 class="title">Quick Links</h6> <ul class="nospace linklist"> <li><a href="#">Kindergarten</a></li> <li><a href="#">Primary School</a></li> <li><a href="#">Middle School</a></li> </ul> </div> <div class="one_quarter"> <h6 class="title">Keep In Touch</h6> <form class="btmspace-30" method="post" action="#"> <fieldset> <legend>Newsletter:</legend> <input class="btmspace-15" type="text" value="" placeholder="Email"> <button type="submit" value="submit">Submit</button> </fieldset> </form> <ul class="faico clear"> <li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li> <li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li> <li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li> <li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li> <li><a class="faicon-instagram" href="#"><i class="fa fa-instagram"></i></a></li> <li><a class="faicon-tumblr" href="#"><i class="fa fa-tumblr"></i></a></li> </ul> </div> <!-- ################################################################################################ --> </footer> </div> <!-- ################################################################################################ --> <!-- ################################################################################################ --> <!-- ################################################################################################ --> <div class="wrapper row8"> <div id="copyright" class="clear" style="background-color:#951D0C "> <!-- ################################################################################################ --> <p class="fl_left">Copyright © 2019 - All Rights Reserved - <a href="#">liashahpura.org</a></p> <p class="fl_right">Crafted by <a target="_blank" href="http://www.sparxtechnosoft.com/" title="sparxtechnosoft">sparxtechnosoft</a></p> <!-- ################################################################################################ --> </div> </div> <!-- ################################################################################################ --> <!-- ################################################################################################ --> <!-- ################################################################################################ --> <a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a> <!-- JAVASCRIPTS --> <script src="layout/scripts/jquery.min.js"></script> <script src="layout/scripts/jquery.backtotop.js"></script> <script src="layout/scripts/jquery.mobilemenu.js"></script> <script src="layout/scripts/jquery.flexslider-min.js"></script> <script src="jquery.magnific-popup.js"></script> <script> $(document).ready(function() { $('.gallery').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: '<a href="%url%">The image #%curr%</a> could not be loaded.', titleSrc: function(item) { return '<small>by LAXMI INTERNATIONAL SCHOOL</small>'; } } }); }); </script> </body> </html>
Cancelar
Kerym Chaeceran