API tools faq
paste
Advertisement
Guest User

zerodaytest

a guest
Apr 23rd, 2018
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 13.54 KB | None | 0 0
raw download clone embed print report
  1. <script>
  2. info="<!--
  3. Author: W3layouts
  4. Author URL: http://w3layouts.com
  5. License: Creative Commons Attribution 3.0 Unported
  6. License URL: http://creativecommons.org/licenses/by/3.0/
  7. -->
  8.  
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12.  
  13. <title>Boombox a Entertainment Category Flat Bootstrap Responsive Website Template :: W3layouts</title>
  14.  
  15. <!-- For-Mobile-Apps -->
  16.    <meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1&#34;>
  17.    <meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
  18.    <meta name=&#34;keywords&#34; content=&#34;Boombox a Responsive Web Template, Bootstrap Web Templates, Flat Web Templates, Android Compatible Web Template, Smartphone Compatible Web Template, Free Webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design&#34; />
  19.    <script type=&#34;application/x-javascript&#34;> addEventListener(&#34;load&#34;, function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  20. <!-- //For-Mobile-Apps -->
  21.  
  22. <!-- Custom-Theme-Files -->
  23.    <!-- Bootstrap-CSS --> <link rel=&#34;stylesheet&#34; href=&#34;css/bootstrap.min.css&#34;>
  24.    <!-- jQuery --> <script src=&#34;js/jquery.min.js&#34;></script>
  25.    <!-- Bootstrap-Main --> <script src=&#34;js/bootstrap.min.js&#34;></script>
  26.    <!-- Index-Page-Styling --> <link rel=&#34;stylesheet&#34; href=&#34;css/style.css&#34; type=&#34;text/css&#34; media=&#34;all&#34;>
  27. <!-- //Custom-Theme-Files -->
  28.  
  29. <!-- Start-Smooth-Scrolling -->
  30. <script src=&#34;js/jquery-1.8.3.min.js&#34;></script>
  31. <script type=&#34;text/javascript&#34; src=&#34;js/move-top.js&#34;></script>
  32. <script type=&#34;text/javascript&#34; src=&#34;js/easing.js&#34;></script>
  33.    <script type=&#34;text/javascript&#34;>
  34.        jQuery(document).ready(function($) {
  35.            $(&#34;.scroll&#34;).click(function(event){    
  36.                event.preventDefault();
  37.                $(&#39;html,body&#39;).animate({scrollTop:$(this.hash).offset().top},1200);
  38.            });
  39.        });
  40.    </script>
  41. <!-- //End-Smooth-Scrolling -->
  42.  
  43. </head>
  44. <body>
  45. <!-- Body-Starts-Here -->
  46.  
  47. <div id=&#34;grad1&#34;>
  48.  
  49. <a href=&#34;#&#34;><h1>BOOMBOX</h1></a>
  50.  
  51. <div class=&#34;page&#34;>
  52.  
  53.    <div class=&#34;container&#34;>
  54.  
  55.        <!-- Banner-Starts-Here -->
  56.  
  57.        <div class=&#34;banner&#34;>
  58.  
  59.            <!-- Navbar-Starts-Here -->
  60.  
  61.            <nav class=&#34;navbar navbar-default&#34;>
  62.  
  63.                <div class=&#34;container&#34;>
  64.  
  65.                    <div class=&#34;navbar-header&#34;>
  66.  
  67.                        <button type=&#34;button&#34; class=&#34;navbar-toggle&#34; data-toggle=&#34;collapse&#34; data-target=&#34;#myNavbar&#34;>
  68.                            <span class=&#34;icon-bar&#34;></span>
  69.                            <span class=&#34;icon-bar&#34;></span>
  70.                            <span class=&#34;icon-bar&#34;></span>                        
  71.                        </button>
  72.  
  73.                    </div>
  74.  
  75.                    <div class=&#34;collapse navbar-collapse&#34; id=&#34;myNavbar&#34;>
  76.  
  77.                        <ul class=&#34;nav navbar-nav navbar-right&#34;>
  78.                            <li><a rel=&#34;shadow-radial&#34; class=&#34;button shadow-radial scroll&#34; href=&#34;#hover&#34;>Charts</a></li>
  79.                            <li><a rel=&#34;shadow-radial&#34; class=&#34;button shadow-radial scroll&#34; href=&#34;#down&#34;>Stream</a></li>
  80.                            <li><a rel=&#34;shadow-radial&#34; class=&#34;button shadow-radial scroll&#34; href=&#34;#download&#34;>Download</a></li>
  81.                            <li><a rel=&#34;shadow-radial&#34; class=&#34;button shadow-radial scroll&#34; href=&#34;#artists&#34;>Artists</a></li>
  82.                            <li><a rel=&#34;shadow-radial&#34; class=&#34;button shadow-radial scroll&#34; href=&#34;#follow&#34;>Follow</a></li>
  83.                            <li>
  84.                                <div class=&#34;login-pop&#34;>
  85.                                    <div id=&#34;loginpop&#34;><a href=&#34;#&#34; id=&#34;loginButton&#34; rel=&#34;shadow-radial&#34; class=&#34;button shadow-radial&#34;><span>Login</span></a>
  86.                                        <div id=&#34;loginBox&#34;>                
  87.                                            <form id=&#34;loginForm&#34;>
  88.                                                <fieldset id=&#34;body&#34;>
  89.                                                    <fieldset>
  90.                                                        <label for=&#34;email&#34;>Email Address</label>
  91.                                                        <input type=&#34;text&#34; name=&#34;email&#34; id=&#34;email&#34;>
  92.                                                    </fieldset>
  93.                                                    <fieldset>
  94.                                                        <label for=&#34;password&#34;>Password</label>
  95.                                                        <input type=&#34;password&#34; name=&#34;password&#34; id=&#34;password&#34;>
  96.                                                    </fieldset>
  97.                                                        <input type=&#34;submit&#34; id=&#34;login&#34; value=&#34;Sign in&#34;>
  98.                                                        <label for=&#34;checkbox&#34;><input type=&#34;checkbox&#34; id=&#34;checkbox&#34;> <i>Remember me</i></label>
  99.                                                        <a class=&#34;signup&#34; href=&#34;#&#34;>Signup</a>
  100.                                                </fieldset>
  101.                                                <span><a href=&#34;#&#34;>Forgot your password?</a></span>
  102.                                            </form>
  103.                                        </div>
  104.                                    </div>
  105.                                </div>
  106.                                <script src=&#34;js/menu_jquery.js&#34;></script>
  107.                            </li>
  108.                        </ul>
  109.  
  110.                    </div>
  111.  
  112.                    <div class=&#34;clearfix&#34;></div>
  113.  
  114.                </div>
  115.  
  116.            </nav>
  117.  
  118.            <!-- //Navbar-Ends-Here -->
  119.  
  120.            <!-- Chart-Starts-Here -->
  121.  
  122.            <div class=&#34;col-md-4&#34; id=&#34;heading&#34;>
  123.  
  124.                <h2>CHART</h2>
  125.                <span>BUSTERS?</span>
  126.                <div class=&#34;para&#34;>
  127.                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  128.                </div>
  129.                <a href=&#34;#&#34; class=&#34;button outline-inward&#34;>EXPLORE</a>  
  130.  
  131.            </div>
  132.  
  133.            <div class=&#34;col-md-8&#34; id=&#34;girl&#34;>
  134.  
  135.                <div class=&#34;headphone&#34;>
  136.                    <img src=&#34;./images/girl.png&#34; alt=&#34;girl&#34;>
  137.                </div>
  138.  
  139.            </div>
  140.  
  141.            <!-- //Chart-Ends-Here -->
  142.  
  143.        </div>
  144.  
  145.        <!-- //Banner-Ends-Here -->
  146.  
  147.        <!-- Content-Starts-Here -->
  148.  
  149.        <div class=&#34;content&#34;>
  150.  
  151.            <div class=&#34;about&#34;>
  152.  
  153.                <div class=&#34;top&#34;>
  154.  
  155.                    <div class=&#34;col-md-5&#34; id=&#34;hover&#34;>
  156.  
  157.                        <div class=&#34;hover1&#34;>
  158.                            <h2>TOP 100 CHARTS</h2>
  159.                            <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.</p>
  160.                            <a href=&#34;#&#34; class=&#34;button outline-inward&#34;>CHARTS</a>
  161.                        </div>
  162.  
  163.                    </div>
  164.  
  165.                    <div class=&#34;col-md-7&#34; id=&#34;profile&#34;>
  166.  
  167.                        <h2>MIXTAPE</h2>
  168.                        <h3>SHARE ON BOOMBOX</h3>
  169.                        <p>Nam libero tempore, cum cumque?<br> nihil  maxime placeat facere possimus.</p>
  170.  
  171.                        <ul class=&#34;icons&#34;>
  172.                            <li><a href=&#34;#&#34; class=&#34;fb&#34;></a></li>
  173.                            <li><a href=&#34;#&#34; class=&#34;twt&#34;></a></li>
  174.                            <li><a href=&#34;#&#34; class=&#34;gplus&#34;></a></li>
  175.                        </ul>
  176.  
  177.                    </div>
  178.  
  179.                    <div class=&#34;clearfix&#34;></div>
  180.  
  181.                </div>
  182.  
  183.                <div class=&#34;bottom&#34;>
  184.                    <div class=&#34;col-md-6&#34; id=&#34;down&#34;>
  185.                        <h3>STREAM NOW</h3>
  186.                        <p>Prepara lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nam libero tempore, cum cumque? Nihil  maxime placeat facere possimus.</p>
  187.                        <a href=&#34;#&#34; class=&#34;button outline-inward&#34;>STREAM</a>
  188.                    </div>
  189.                </div>
  190.  
  191.                <div class=&#34;downloads&#34;>
  192.                    <div class=&#34;col-md-3&#34; id=&#34;download&#34;>
  193.                        <h3>Download Boombox</h3>
  194.                        <p>Get it for free...!</p>
  195.                        <div class=&#34;appstore&#34;><a href=&#34;#&#34;><img src=&#34;images/appstore.png&#34; alt=&#34;appstore&#34;></a></div>
  196.                        <div class=&#34;playstore&#34;><a href=&#34;#&#34;><img src=&#34;images/playstore.png&#34; alt=&#34;playstore&#34;></a></div>
  197.                        <div class=&#34;msstore&#34;><a href=&#34;#&#34;><img src=&#34;images/windows.png&#34; alt=&#34;msstore&#34;></a></div>
  198.                        <div class=&#34;clearfix&#34;></div>
  199.                    </div>
  200.                </div>
  201.  
  202.            </div>
  203.  
  204.            <div class=&#34;artists&#34; id=&#34;artists&#34;>
  205.                <h3>ARTISTS</h3>
  206.                <div class=&#34;grid1&#34;>
  207.                    <ul>
  208.                        <li><a href=&#34;#&#34;>ABBA</a></li>
  209.                        <li><a href=&#34;#&#34;>Adele</a></li>
  210.                        <li><a href=&#34;#&#34;>Madonna</a></li>
  211.                        <li><a href=&#34;#&#34;>Rick Astley</a></li>
  212.                        <li><a href=&#34;#&#34;>Rammstein</a></li>
  213.                    </ul>
  214.                </div>
  215.                <div class=&#34;grid2&#34;>
  216.                    <ul>
  217.                        <li><a href=&#34;#&#34;>The Beatles</a></li>
  218.                        <li><a href=&#34;#&#34;>Bee Gees</a></li>
  219.                        <li><a href=&#34;#&#34;>Queen</a></li>
  220.                        <li><a href=&#34;#&#34;>Deep Purple</a></li>
  221.                        <li><a href=&#34;#&#34;>Coldplay</a></li>
  222.                    </ul>
  223.                </div>
  224.                <div class=&#34;grid3&#34;>
  225.                    <ul>
  226.                        <li><a href=&#34;#&#34;>Celine Dion</a></li>
  227.                        <li><a href=&#34;#&#34;>Dr. Dre</a></li>
  228.                        <li><a href=&#34;#&#34;>Eminem</a></li>
  229.                        <li><a href=&#34;#&#34;>Ed Sheeran</a></li>
  230.                        <li><a href=&#34;#&#34;>Metallica</a></li>
  231.                    </ul>
  232.                </div>
  233.                <div class=&#34;grid4&#34;>
  234.                    <ul>
  235.                        <li><a href=&#34;#&#34;>Pink Floyd</a></li>
  236.                        <li><a href=&#34;#&#34;>Rihanna</a></li>
  237.                        <li><a href=&#34;#&#34;>Bon Jovi</a></li>
  238.                        <li><a href=&#34;#&#34;>Shakira</a></li>
  239.                        <li><a href=&#34;#&#34;>Elton John</a></li>
  240.                        <li><a href=&#34;#&#34;><span>.....</span></a></li>
  241.                    </ul>
  242.                </div>
  243.                <div class=&#34;clearfix&#34;></div>
  244.            </div>
  245.  
  246.        </div>
  247.  
  248.        <!-- //Content-Ends-Here -->
  249.  
  250.        <!-- Footer-Starts-Here -->
  251.  
  252.        <div class=&#34;footer&#34;>
  253.  
  254.            <ul class=&#34;social&#34; id=&#34;follow&#34;>
  255.                <li><a href=&#34;#&#34; class=&#34;facebook&#34; title=&#34;Go to Our Facebook Page&#34;></a></li>
  256.                <li><a href=&#34;#&#34; class=&#34;twitter&#34; title=&#34;Go to Our Twitter Account&#34;></a></li>
  257.                <li><a href=&#34;#&#34; class=&#34;googleplus&#34; title=&#34;Go to Our Google Plus Account&#34;></a></li>
  258.                <li><a href=&#34;#&#34; class=&#34;instagram&#34; title=&#34;Go to Our Instagram Account&#34;></a></li>
  259.                <li><a href=&#34;#&#34; class=&#34;youtube&#34; title=&#34;Go to Our Youtube Channel&#34;></a></li>
  260.                <li><a href=&#34;#&#34; class=&#34;itunes&#34; title=&#34;Go to Our iTunes App&#34;></a></li>
  261.            </ul>
  262.  
  263.            <div class=&#34;copyright&#34;>
  264.                <p>&copy; 2016 Boombox. All Rights Reserved | Template by <a href=&#34;http://w3layouts.com/&#34;> W3layouts </a></p>
  265.            </div>
  266.  
  267.            <script type=&#34;text/javascript&#34;>
  268.                 $(document).ready(function() {
  269.                    
  270.                         var defaults = {
  271.                             containerID: &#39;toTop&#39;, // fading element id
  272.                             containerHoverID: &#39;toTopHover&#39;, // fading element hover id
  273.                             scrollSpeed: 1200,
  274.                             easingType: &#39;linear&#39;
  275.                         };
  276.                    
  277.                     $().UItoTop({ easingType: &#39;easeOutQuart&#39; });
  278.                 });
  279.            </script>
  280.            
  281.            <a href=&#34;#&#34; id=&#34;toTop&#34; style=&#34;display: block;&#34;> <span id=&#34;toTopHover&#34; style=&#34;opacity: 1;&#34;> </span></a>
  282.  
  283.        </div>
  284.  
  285.        <!-- //Footer-Ends-Here -->
  286.  
  287.    </div>
  288.  
  289. </div>
  290.  
  291. </div>
  292.  
  293. <!-- //Body-Ends-Here -->
  294.  
  295. </body>
  296. </html>
  297. "
  298.  
  299. document.write(info)
  300. </script>
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!