Create a php, css and javascript from the next source code:

<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    
        <title>YouTube Video Thumbnail Viewer and Download - ThumbnailSave.com</title>
        <meta http-equiv="content-language" content="en">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">


        <meta name="viewport" content="width=device-width, initial-scale=1">

        <base href="https://www.thumbnailsave.com/">
        <meta name="description" content="Thumbnail Save is a free online media application which allows you to view and download any Youtube thumbnail preview image in max resolution, HD, 1080p... ">
        <meta property="og:title" content="YouTube Video Thumbnail Viewer and Download">
        <meta property="og:site_name" content="thumbnailsave.com">
        <!-- <meta property="og:image" content="https://thumbnailsave.com/images/thumbnailsave_small.png"> -->
    <meta property="fb:page_id" content="941647089236474" />

    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>    
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-53848226-5', 'auto');
  ga('send', 'pageview');

</script>     
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="testcss3.css?v=1.4">

</head>

<body>
    

 
<div id="banner" class="banner_message"></div>
   <script>
    let total = 3000000 + Math.floor(Math.floor(Math.abs(new Date() - new Date("2022-09-01"))/1000) / 15)

       $("#banner").html(`Over ${total.toLocaleString('en-US')} million thumbnails saved!`);
       setInterval(() => {
            $("#banner").html(`Over ${(total + 1).toLocaleString('en-US')} million thumbnails saved!`);
       }, 15000)
   </script>
   
   
 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4884951991874834"
     crossorigin="anonymous"></script>
<!-- fixedlong -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-4884951991874834"
     data-ad-slot="4745580390"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
    <div class="container">

        <div class="row">
            <div class="col-sm-2 d-none d-lg-block">
                <div class="fixed-ad">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4884951991874834"
     crossorigin="anonymous"></script>
<!-- leftsidetall -->
<ins class="adsbygoogle"
     style="display:inline-block;width:160px;height:600px"
     data-ad-client="ca-pub-4884951991874834"
     data-ad-slot="8110110338"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
                </div>


            </div>
            <div class="col-lg-7 col-12">
                <div class="img-container">
                    <a class="img-responsive" href="https://thumbnailsave.com">
                        <img class="rounded img-responsive" src="images/thumbnailsave_logo.png">
                    </a>
                </div>
                <div class="sister-sites text-center">
                    <div class="btn-dark text-white">Now you can download, and save YouTube videos in HD too!</div>
                </div>
                <div class="login border-top border-left border-right border-warning rounded-top">
                    
          <span class="navbar-text float-left">
          
                            <!--  <a class="btn btn-dark text-white" href="https://instagram.thumbnailsave.com">Instagram Image/Video Saver</a>

                                        <a class="btn btn-dark text-white" href="https://reeldownloader.com">Instagram Reels Downloader</a> -->

            
        <a class="btn btn-primary" href="https://thumbnailsave.com/login.php" role="button">Login</a>
        <a class="btn btn-primary" href="https://thumbnailsave.com/register.php" role="button">Sign Up</a>
        
    </span>
    <br>                </div>
                
    
                <div class="jumbotron  border-bottom border-left border-right border-warning ">
                    
 
                
                    

                                        
                        <h4><b>Welcome to Thumbnail Save - YouTube Thumbnail Viewer and Downloader!</b></h4>


                        <div id="submit_box">
                            <form action="" method="post">
                                <div class="form-group">
                                    <label for="url">
                                        <h6>Youtube URL:</h6>
                                    </label>
                                    <input type="text" name="input_value" class="form-control" id="url">
                                    <input type="hidden" name="link_type" class="form-control" value="thumbnail">
                                </div>
                                <button type="submit" name="submit" class="btn btn-primary">View Thumbnails</button>
                                <div class="d-flex">
                                    
                                </div>
                            </form>
                        </div>
                        <hr>
                           <div id="submit_box2">
                            <form action="/" method="post">
                                <div class="form-group">
                                    <label for="url">
                                        <h6>NEW! Download YouTube Videos in any resolution:</h6>
                                    </label>
                                    <input type="text" name="input_value" class="form-control" id="url">
                                      <input type="hidden" name="link_type" class="form-control" value="dl">
                                </div>
                                <button type="submit" name="submit" class="btn btn-primary">Download Video</button>
                                <div class="d-flex">
                                    
                                </div>
                            </form>
                        </div>
                        
                        <br>
 <div data-clickadilla-banner="61938"></div>

                        <div id="howto">

                            <p><strong>Thumbnail Save </strong>is a free online media application which allows you to view and download any Youtube thumbnail preview image. Currently supported formats: YouTube (HD, HQ, 1080p, 4K), This free and fast thumbnail grabber allows you to save any YouTube thumbnail on your computer, cell phone, PSP, iPhone or nearly any other device for future use.
                            </p>
                           
                            <p>
                                <strong> How to grab and download a YouTube thumbnail preview image: </strong> <br>
                                1. Paste your YouTube URL in the box and press Submit. <br>
                                2. Right-click the image and select &quot;Save image as...&quot; <br>
                            </p>
                            <div id="fb-root"></div>
                            <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v7.0" nonce="z7ZVKn6I"></script>
                            <p><strong>Show your support and click on 'Like':</strong></p>
                            <div class="fb-like" data-href="https://www.facebook.com/thumbnailsave" data-width="" data-layout="standard" data-action="like" data-size="small" data-share="true"></div>
                            <br>
                            <div class="row text-center">
                                <div class="col-12 pt-2 pb-2 ">

                                </div>
                            </div>
                            <br><br>

                            <div class="text-center">
                             <h2>Your recent searches:</h2>
                                                                                                                                </div>
                        </div>
                                    </div>
            </div>

            <div class="col-lg-3 col-12">
                
	<h2>Recent thumbs:</h2>
	<div id="suggestions">


    
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=y_fgKqORTFM">
     			<img src="https://img.youtube.com/vi/y_fgKqORTFM/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=oUc-Q2HuTSE">
     			<img src="https://img.youtube.com/vi/oUc-Q2HuTSE/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=6aJj1Pg-nY8">
     			<img src="https://img.youtube.com/vi/6aJj1Pg-nY8/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=_MBZQMwxru0">
     			<img src="https://img.youtube.com/vi/_MBZQMwxru0/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=6pRO8SdcZrM">
     			<img src="https://img.youtube.com/vi/6pRO8SdcZrM/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=Dg5ftFhh_DQ">
     			<img src="https://img.youtube.com/vi/Dg5ftFhh_DQ/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=TCaWqYaczE4">
     			<img src="https://img.youtube.com/vi/TCaWqYaczE4/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=jc6iPXm7M38">
     			<img src="https://img.youtube.com/vi/jc6iPXm7M38/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=YZcjgKjVyXk">
     			<img src="https://img.youtube.com/vi/YZcjgKjVyXk/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
        
         	<div class="thumb_img_sug">
    		<a href="https://thumbnailsave.com/?v=ybq_kTZQQCo">
     			<img src="https://img.youtube.com/vi/ybq_kTZQQCo/mqdefault.jpg"  />
     		</a><br>
 		</div>
 			
                </div>
        </div>
    </div>

    <footer class="page-footer">
        <div class="footer-copyright text-center"> &copy; 2022 ThumbnailSave.com
        </div>
    </footer>
 
 

 
    <script>
        $(document).ready(function() {

                    $(window).scroll(function() {


                        if ($(window).scrollTop() > 625) {
                            $(\'.fixed-ad\').addClass(\'navbar-fixed\');
                            }
                            if ($(window).scrollTop() < 626) {
                                $(\'.fixed-ad\').removeClass(\'navbar-fixed\');
                                }
                            });
                    });
    </script>

</body>

</html>