API tools faq
paste
Advertisement
RyukiChan

Indk

RyukiChan
Jun 1st, 2020
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- Code By Webdevtrick ( https://webdevtrick.com )-->
  3. <html lang="en" >
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <title>Instagram Downloader</title>
  7. <!-- Common Tags -->
  8.     <meta content='#ffffff' name='theme-color' />
  9.    
  10.   <link rel="stylesheet" href="style.css">
  11.   <link rel="stylesheet" href="css/bootstrap.min.css">
  12.   <link href="https://fonts.googleapis.com/css?family=Dosis:500" rel="stylesheet">
  13.  
  14. </head>
  15.  
  16. <body>
  17. <nav class="navbar container-fluid site-gradient text-center" id="nav">
  18.         <a>
  19.             <h1 id="header">Instagram Downloader</h1>
  20.         </a>
  21.     </nav>
  22.  
  23.     <br>
  24.  <div class="container text-center" id="main">
  25.         <div id="result" class="hidden">
  26.             <!-- THUMBNAIL PREVIEW -->
  27.             <img class="shadow" id="igpreview" src="https://webdevtrick.com/wp-content/uploads/image-placeholder.png"
  28.                onerror="this.style.display='none'" />
  29.             <!-- THUMBNAIL PREVIEW -->
  30.             <hr style="width:50vw;">
  31.             <!-- INPUT AREA -->
  32.             <div class="input-group">
  33.                 <input id="ytlink" autofocus type="text" class="form-control shadow"
  34.                    placeholder="Paste link here...">
  35.             </div>
  36.             <button id="igloadbtn" class="igloadbtn site-gradient" type="button"
  37.                onclick="getMedia()">Get</button>
  38.  
  39.     </header>
  40.     <section class="result">
  41.       <div class="image-placeholder"></div>
  42.       <p> Copy image or video link from Instagram and put it on the field given on the top. </p>
  43.     </div>
  44.             <!-- Download Buttons -->
  45.         </div>
  46.     </div>
  47.  
  48.     <footer id="footer" class="site-gradient container-fluid text-center">
  49.         <div id="social-media">
  50.             <!-- Social Media Icons -->
  51.             <a href="https://www.facebook.com/harsh98trivedi" target="_blank" id="social-media-icons">
  52.                 <img id="social" src="images/svg/facebook.svg" alt="Facebook"></img>
  53.             </a>
  54.             <a href="https://www.twitter.com/harsh98trivedi" target="_blank" id="social-media-icons">
  55.                 <img id="social" src="images/svg/twitter.svg" alt="Twitter"></img>
  56.             </a>
  57.             <a href="https://www.youtube.com/harsh98trivedi" target="_blank" id="social-media-icons">
  58.                 <img id="social" src="images/svg/youtube.svg" alt="YouTube"></img>
  59.             </a>
  60.             <a href="https://www.instagram.com/harsh98trivedi" target="_blank" id="social-media-icons">
  61.                 <img id="social" src="images/svg/instagram.svg" alt="Instagram"></img>
  62.             </a>
  63.             <a href="https://www.reddit.com/u/harshtrivedi" target="_blank" id="social-media-icons">
  64.                 <img id="social" src="images/svg/reddit.svg" alt="Reddit"></img>
  65.             </a>
  66.             <a href="https://www.github.com/harsh98trivedi" target="_blank" id="social-media-icons">
  67.                 <img id="social" src="images/svg/github.svg" alt="Github"></img>
  68.             </a>
  69.             <a href="mailto:harsh98trivedi@gmail.com" id="social-media-icons">
  70.                 <img id="social" src="images/svg/gmail.svg" alt="Email"></img>
  71.             </a>
  72.             <!-- Social Media Icons -->
  73.         </div>
  74.         <hr style="background: #ffffff; width: 50vw; opacity: 0.25;">
  75.         <p style="display: inline;">Made with <img style="margin-bottom: 0.15rem;" src="images/heart.png"> by <a
  76.                target="_blank" href="https://harsh98trivedi.github.io">Harsh Trivedi</a></p>
  77.     </footer>
  78.  
  79.   <script  src="function.js"></script>
  80.   <script src="js/jquery3.3.1.min.js"></script>
  81.  </script>
  82. </body>
  83. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!