Add files via upload

CodeHimBlog · Jan 11, 2019 · 93f9c84 · 93f9c84
1 parent 7fb5209
commit 93f9c84
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 0 deletions.
diff --git a/info.txt b/info.txt
@@ -0,0 +1,16 @@
+jQuery Plugin: Popup Lightbox Developed by Codehim.
+
+For more Awesome Web projects and plugins keep visiting us:
+
+Codehim: https://www.codehim.com
+
+GitHub: https://github.com/CodeHimBlog
+
+For suggestions, help or feedback:
+https://www.codehim.com/p/contact.html
+Email: aasomughal@gmail.com
+
+
+                                                     Asif Mughal
+
+
diff --git a/popup-lightbox.html b/popup-lightbox.html
@@ -0,0 +1,48 @@
+<DOCTYPE html>
+<html>
+   <head>
+      <meta name="viewport" content="width=device-width, initial-scale=1 "/>
+      <title>jQuery and CSS Popup Image Lightbox </title>
+      <!--jQuery-->
+      <script src="../js/jquery.min.js"></script>
+      <!--Font Awesome-->
+      <link href="../css/font-awesome.min.css" rel="stylesheet" />
+      <!--Animate CSS-->
+      <link href="../css/animate.css" rel="stylesheet" />
+      <!--Popup Lightbox Js-->
+      <script src="js/jquery.popup.lightbox.js"></script>
+      <!--Popup Lightbox CSS-->
+      <link href="css/popup-lightbox.css" rel="stylesheet" />
+      <script>
+         $(document).ready(function(){
+
+         $(".img-container").popupLightbox();
+
+
+         });
+      </script>
+   </head>
+   <body>
+
+            <h2> jQuery Lightbox Popup Window Example</h2>
+            <p> Select any image to view the lightbox Popup window. </p>
+            <div class="img-container">
+               <img src="images/jquery-lightbox-image2.jpg" alt="lightbox image 2" />
+               <img src="images/jquery-lightbox-image3.jpg" alt="lightbox image 3"/>
+               <img src="images/jquery-lightbox-image1.jpg" alt="Effel Tower"/>
+               <img src="images/jquery-lightbox-image4.jpg" alt="lightbox image 4" />
+            </div>
+
+
+
+
+         </article>
+      </main>
+      <!--Demo Only Files-->
+      <link href="docs/demo.css" rel="stylesheet" />
+
+      <footer class="credit">
+         Coded with <span title="Coffee"></span> by Asif Mughal &copy; 2019 - <a href="https://www.codehim.com" rel="dofollow" title="Awesome Web Projects and Tutorials" target="_blank"> Codehim.com </a>
+      </footer>
+   </body>
+</html>