Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
sj11223 authored Sep 23, 2022
1 parent 1fe57b2 commit 3d30ebf
Showing 1 changed file with 15 additions and 53 deletions.
68 changes: 15 additions & 53 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en">

<center><head>
<title>YouTube Thumbnail Downloader</title>
<head>
<title style="display: inline; color: #222fff;">YouTube Thumbnail Downloader</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Expand All @@ -12,7 +12,7 @@
<meta name="google-site-verification" content="0yDUo8-uyoewyaf5iw2w1qXf2T0qL-hF4cMY2Ji9STI" />

<meta name="keywords"
content="YouTube, YouTube Thumbnail Downloader, Thumbnail Downloader, Thumbnails, Download Thumbnails, Download YouTube Thumbails, YouTube Video Thumbnail Downloader, Youtube Thumbnail Downloader, YT, YT Thumbnail Downloader, Youtube Thumbnail Downloader HD, YouTube Thumbnail Downloader Online, Clean and Simple YouTube Thumbnail Downloader, CLean and Simple, YouTube Thumbnails, YouTube HD Thumbnail Downloader, High Definition Thumbnail Downoader, YT Thumbnail Research, Download YouTube Thumbnail, Download YouTube Thumbnails Easily, Harsh Trivedi">
content="YouTube, YouTube Thumbnail Downloader, Thumbnail Downloader, Thumbnails, Download Thumbnails, Download YouTube Thumbails, YouTube Video Thumbnail Downloader, Youtube Thumbnail Downloader, YT, YT Thumbnail Downloader, Youtube Thumbnail Downloader HD, YouTube Thumbnail Downloader Online, Clean and Simple YouTube Thumbnail Downloader, CLean and Simple, YouTube Thumbnails, YouTube HD Thumbnail Downloader, High Definition Thumbnail Downoader, YT Thumbnail Research, Download YouTube Thumbnail, Download YouTube Thumbnails Easily">

<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta property="og:title" content="YouTube Thumbnail Downloader" />
Expand Down Expand Up @@ -67,13 +67,13 @@
gtag('config', 'UA-70447982-2');
</script>

</head></center>
</head>

<body>
<nav class="navbar container-fluid site-gradient text-center" id="nav">
<a style="outline:none;" id="header-links"
<center><nav class="navbar container-fluid site-gradient text-center" id="nav">
<a style="outline:none; text-decoration: none;" id="header-links"
href="https://www.youtubethumbnaildownloaderonline.com">
<h1 id="header">YOUTUBE THUMBNAIL DOWNLOADER</h1>
<h1 style="background-image: linear-gradient(to right,#fd7524 ,#f64c84); margin:-10px; padding:10px; color:white;" id="header">YOUTUBE THUMBNAIL DOWNLOADER</h1>
</a>
</nav>

Expand All @@ -87,64 +87,25 @@ <h1 id="header">YOUTUBE THUMBNAIL DOWNLOADER</h1>
<!-- THUMBNAIL PREVIEW -->
<hr style="width:50vw;">
<!-- INPUT AREA -->
<br>
<div class="input-group">
<input id="ytlink" autofocus type="text" class="form-control shadow"
placeholder="ENTER A YOUTUBE VIDEO URL HERE" spellcheck="false"
onsubmit="youtube_thumbnail_downloader(ytlink.value);ShowMain()" autocomplete="off" />
</div>
</div><br>
<button id="thumbdloadbtn" class="thumbdloadbtn site-gradient" type="button"
onclick="youtube_thumbnail_downloader(ytlink.value);ShowMain()">FETCH</button>
<!-- INPUT AREA -->

<p>You can also download thumbnail from here: </p><a href="https://www.youtubethumbnaildownloaderonline.com">youtube thumbnail downloader</a>

<!-- Download Buttons -->
<div id="download-buttons">
<a target="_blank" id="thumbnailhq" download><button class="thumbdloadbtn site-gradient shadow">HIGH
QUALITY</button></a>
<br>
<a target="_blank" id="thumbnailmq" download><button class="thumbdloadbtn site-gradient shadow">MEDIUM
QUALITY</button></a>
<br>
<a target="_blank" id="thumbnaillq" download><button class="thumbdloadbtn site-gradient shadow">LOW
QUALITY</button></a>
<br>
<a onclick="location.reload();"><button
class="thumbdloadbtn site-gradient shadow">RELOAD</button></a>
</div>
<!-- Download Buttons -->
<p>You can also download thumbnail from here: </p><a style="background-image: linear-gradient(to right,#fd7524 ,#f64c84); padding: 12px 30px 12px 30px; text-decoration: none; color:white;border-radius: 25px;" href="https://www.youtubethumbnaildownloaderonline.com">youtube thumbnail downloader</a><br></br>

</div>
</div>

<footer id="footer" class="site-gradient container-fluid text-center">
<div id="social-media">
<!-- Social Media Icons -->
<a href="https://www.facebook.com/harsh98trivedi" target="_blank" id="social-media-icons">
<img id="social" src="images/svg/facebook.svg" alt="Facebook"></img>
</a>
<a href="https://www.twitter.com/harsh98trivedi" target="_blank" id="social-media-icons">
<img id="social" src="images/svg/twitter.svg" alt="Twitter"></img>
</a>
<a href="https://www.youtube.com/harsh98trivedi" target="_blank" id="social-media-icons">
<img id="social" src="images/svg/youtube.svg" alt="YouTube"></img>
</a>
<a href="https://www.instagram.com/harsh98trivedi" target="_blank" id="social-media-icons">
<img id="social" src="images/svg/instagram.svg" alt="Instagram"></img>
</a>
<a href="https://www.reddit.com/u/harshtrivedi" target="_blank" id="social-media-icons">
<img id="social" src="images/svg/reddit.svg" alt="Reddit"></img>
</a>
<a href="https://www.github.com/harsh98trivedi" target="_blank" id="social-media-icons">
<img id="social" src="images/svg/github.svg" alt="Github"></img>
</a>
<a href="mailto:[email protected]" id="social-media-icons">
<img id="social" src="images/svg/gmail.svg" alt="Email"></img>
</a>
<!-- Social Media Icons -->
</div>
<hr style="background: #ffffff; width: 50vw; opacity: 0.25;">
<p style="display: inline;">Made with <img style="margin-bottom: 0.15rem;" src="images/heart.png"> by <a
target="_blank" href="https://harsh98trivedi.github.io">Harsh Trivedi</a></p>
<p style="display: inline;">Made<img style="margin-bottom: 0.15rem;"> by <a
target="_blank" href="https://youtubethumbnaildownloader.vercel.app">Jaffar</a></p>
</footer>

<script src="js/jquery3.3.1.min.js"></script>
Expand Down Expand Up @@ -191,5 +152,6 @@ <h1 id="header">YOUTUBE THUMBNAIL DOWNLOADER</h1>
// set image source
imgPreloader.src = 'images/placeholder.gif';
</script>


</center>
</body>

1 comment on commit 3d30ebf

@vercel
Copy link

@vercel vercel bot commented on 3d30ebf Sep 23, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.