Home Explore Help
Sign In
Entony
/
jqueryGallery
Watch 1
Star 0
Fork 0
Files Issues 1 Pull Requests 0 Wiki
Branch: master
Branches Tags
jqueryGallery
/
index.html

index.html 4.2 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="UTF-8">
    5. 

  5. 	<title>Document</title>
    6. 

  6. 	<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
    7. 

  7. 	<link rel="stylesheet" href="css/jquery.gallary.css">
    8. 

  8. 	<link rel="stylesheet" href="css/style.css">
    9. 

  9. </head>
    10. 

  10. <body>
    11. 

  11. 	<div class="container">
    12. 

  12. 		
    13. 

  13. 

  14. 

  15. 	<div class="container1">
    16. 

  16. 		<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum repudiandae voluptatibus praesentium debitis in porro quo eos repellat odio eius, qui cumque neque natus, magnam esse quam exercitationem magni vitae.</div>		
    17. 

  17. 		<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore repellendus repudiandae et soluta molestias at expedita maiores consectetur debitis, nihil dicta nostrum fugit, minima ad inventore maxime facere recusandae dolor veniam, vero! Error ut sequi doloremque tempore quasi adipisci totam, odit sint, nisi laborum, eum nesciunt aut quia culpa quaerat, perferendis reiciendis sit quibusdam accusamus quae? Repellendus adipisci sequi libero quasi facilis alias eos, dolor, a quis cum temporibus assumenda maxime rerum distinctio fuga doloribus quas incidunt impedit cupiditate minima minus. Rerum magni molestiae ab atque corporis velit optio a, consectetur debitis explicabo, tenetur porro? Facilis praesentium nesciunt nihil excepturi.</div>		
    18. 

  18. 		<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, sint?</div>		
    19. 

  19. 	</div>
    20. 

  20. 	<div class="container2">
    21. 

  21. 		<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum repudiandae voluptatibus praesentium debitis in porro quo eos repellat odio eius, qui cumque neque natus, magnam esse quam exercitationem magni vitae.</div>		
    22. 

  22. 		<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore repellendus repudiandae et soluta molestias at expedita maiores consectetur debitis, nihil dicta nostrum fugit, minima ad inventore maxime facere recusandae dolor veniam, vero! Error ut sequi doloremque tempore quasi adipisci totam, odit sint, nisi laborum, eum nesciunt aut quia culpa quaerat, perferendis reiciendis sit quibusdam accusamus quae? Repellendus adipisci sequi libero quasi facilis alias eos, dolor, a quis cum temporibus assumenda maxime rerum distinctio fuga doloribus quas incidunt impedit cupiditate minima minus. Rerum magni molestiae ab atque corporis velit optio a, consectetur debitis explicabo, tenetur porro? Facilis praesentium nesciunt nihil excepturi.</div>		
    23. 

  23. 		<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, sint?</div>		
    24. 

  24. 	</div> 
    25. 

  25. 

  26. 	<div id="gallary">
    27. 

  27. 		<div><img src="https://www.jssor.com/demos/img/travel/01.jpg" alt=""></div>
    28. 

  28. 		<div><img src="https://www.jssor.com/demos/img/travel/02.jpg" alt=""></div>
    29. 

  29. 		<div><img src="https://www.jssor.com/demos/img/travel/03.jpg" alt=""></div>
    30. 

  30. 		<div><img src="https://www.jssor.com/demos/img/travel/04.jpg" alt=""></div>
    31. 

  31. 		<div><img src="https://www.jssor.com/demos/img/travel/05.jpg" alt=""></div>
    32. 

  32. 		<div><img src="https://www.jssor.com/demos/img/travel/06.jpg" alt=""></div>
    33. 

  33. 		<div><img src="https://www.jssor.com/demos/img/travel/07.jpg" alt=""></div>
    34. 

  34. 		<div><img src="https://www.jssor.com/demos/img/travel/08.jpg" alt=""></div>
    35. 

  35. 		<div><img src="https://www.jssor.com/demos/img/travel/09.jpg" alt=""></div>
    36. 

  36. 		<div><img src="https://www.jssor.com/demos/img/travel/10.jpg" alt=""></div>
    37. 

  37. 		<div><img src="https://www.jssor.com/demos/img/travel/11.jpg" alt=""></div>
    38. 

  38. 		<div><img src="https://www.jssor.com/demos/img/travel/12.jpg" alt=""></div>
    39. 

  39. 		<div><img src="https://www.jssor.com/demos/img/travel/13.jpg" alt=""></div>
    40. 

  40. 		<div><img src="https://www.jssor.com/demos/img/travel/14.jpg" alt=""></div>
    41. 

  41. 		<div><img src="https://www.jssor.com/demos/img/travel/15.jpg" alt=""></div>
    42. 

  42. 		<div><img src="https://www.jssor.com/demos/img/travel/16.jpg" alt=""></div>
    43. 

  43. 		<div><img src="https://www.jssor.com/demos/img/travel/17.jpg" alt=""></div>
    44. 

  44. 		<div><img src="https://www.jssor.com/demos/img/travel/18.jpg" alt=""></div>
    45. 

  45. 		<div><img src="https://www.jssor.com/demos/img/travel/19.jpg" alt=""></div>
    46. 

  46. 	</div>
    47. 

  47. 

  48. </div>
    49. 

  49. 	<script src="lib/jquery/dist/jquery.min.js"></script>
    50. 

  50. 	<script src="js/jquery.gallary.js"></script>
    51. 

  51. 	<script src="js/script.js"></script>
    52. 

  52. </body> 
    53. 

  53. </html>
    54.