API tools faq
paste
Advertisement
dragonforce3

Website Code

dragonforce3
Feb 12th, 2018
6,579
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Gaming Until End | Home</title>
  5. <!-- for-mobile-apps -->
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta name="keywords" content="Phone Version compatible with Nokia, Samsung, LG, SonyEricsson, Motorola" />
  9. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
  10.         function hideURLbar(){ window.scrollTo(0,1); } </script>
  11. <!-- //for-mobile-apps -->
  12. <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  13. <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  14. <!-- gallery -->
  15. <link rel="stylesheet" href="css/lightGallery.css" type="text/css" media="all" />
  16. <!-- //gallery -->
  17. <!-- font-awesome icons -->
  18. <link href="css/font-awesome.css" rel="stylesheet">
  19.  
  20. <!-- //font-awesome icons -->
  21. <link href="//fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
  22. <link href="//fonts.googleapis.com/css?family=Jura:300,400,500,600" rel="stylesheet">
  23. <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
  24.  
  25. </head>
  26.    
  27. <body>
  28. <!-- header -->
  29.     <div class="header">
  30.         <div class="w3layouts_header_left">
  31.                 <div class="top-nav-text">
  32.                         <p>Webmaster E-Mail : <span class="mail"><a href="mailto:[email protected]">[email protected]</a></span></p>
  33.                     </div>
  34.         </div>
  35.         <div class="w3layouts_header_right">
  36.                     <form action="http://www.google.com/search" class="searchform" method="get" name="searchform" target="_blank">
  37.                         <input name="sitesearch" type="hidden" placeholder="Search" value="">
  38.                         <input autocomplete="off" class="form-controls search" name="q" placeholder="Direct Google Search" required="required" type="text">
  39.                         <input type="submit" value="">
  40.                     </form>
  41.         </div>
  42.         <div class="clearfix"> </div>
  43.     </div>
  44.     <div class="w3_navigation">
  45.         <div class="container">
  46.             <nav class="navbar navbar-default">
  47.                 <div class="navbar-header navbar-left">
  48.                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  49.                         <span class="sr-only">Toggle navigation</span>
  50.                         <span class="icon-bar"></span>
  51.                         <span class="icon-bar"></span>
  52.                         <span class="icon-bar"></span>
  53.                     </button>
  54.                     <div class="w3_navigation_pos">
  55.                         <h1><a href="index.html"><span>Gaming Until End</span></a></h1>
  56.                     </div>
  57.                 </div>
  58.                 <!-- Collect the nav links, forms, and other content for toggling -->
  59.                 <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
  60.                     <nav class="cl-effect-5" id="cl-effect-5">
  61.                         <ul class="nav navbar-nav">
  62.                             <li class="active"><a href="index.html"><span data-hover="Home">Home</span></a></li>
  63.  
  64.                             <li><a href="#about" class="scroll"><span data-hover="About">About</span></a></li>
  65.                             <li><a href="#services" class="scroll"><span data-hover="Services">Services</span></a></li>
  66.                             <li><a href="#staff" class="scroll"><span data-hover="Staff">Staff</span></a></li>
  67.                             <li><a href="forum" class="scroll"><span data-hover="Forums">Forums</span></a></li>
  68.                         </ul>
  69.                     </nav>
  70.                 </div>
  71.             </nav> 
  72.         </div>
  73.     </div>
  74. <!-- //header -->
  75. <!-- banner -->
  76.     <div class="banner">
  77.             <!--Slider-->
  78.         <div class="slider">
  79.             <div class="callbacks_container">
  80.                 <ul class="rslides" id="slider3">
  81.                     <li>
  82.                         <div class="slider-img">
  83.                             <img src="images/banner1.jpg" class="img-responsive" alt="Fantasy World">
  84.                         </div>
  85.                         <div class="slider-info">
  86.                            
  87.                             <h4>Wonderful Discord Community</h4>
  88.                               <p>We are a wildly-fast growing Discord community. </p>
  89.                             <a href="#about" class="hvr-shutter-in-horizontal scroll">Read More</a>
  90.                         </div>
  91.                     </li>
  92.                     <li>
  93.                         <div class="slider-img">
  94.                             <img src="images/banner2.jpg" class="img-responsive" alt="Fantasy World">
  95.                         </div>
  96.                         <div class="slider-info">
  97.                          
  98.                             <h4>We are the most epic Gaming Community</h4>
  99.                                <p>With our beasty website layout and its functionality, we will provide an experience of a decent quality, while having a very nice Staff. </p>
  100.                     <a href="#about" class="hvr-shutter-in-horizontal scroll">Read More</a>
  101.                         </div>
  102.                     </li>
  103.                     <li>
  104.                         <div class="slider-img">
  105.                             <img src="images/banner3.jpg" class="img-responsive" alt="Fantasy World">
  106.                         </div>
  107.                         <div class="slider-info">
  108.                            
  109.                             <h4>Events Weekly</h4>
  110.                            <p>Our Discord server is very entertaining on the side of events. We do events every week to keep you entertained. </p>
  111.                         <a href="#about" class="hvr-shutter-in-horizontal scroll">Read More</a>
  112.                         </div>
  113.                     </li>
  114.  
  115.  
  116.                 </ul>
  117.                
  118.             </div>
  119.             <div class="clearfix"></div>
  120.         </div>
  121.         <!--//Slider-->
  122.     </div>
  123. <!-- //banner -->
  124. <!-- about -->
  125.     <div class="about" id="about">
  126.         <div class="container">
  127.             <div class="col-md-4 agileits_about_left">
  128.                 <h3 class="w3l_head">Gaming</h3>
  129.                 <h3 class="w3l_head">Until End</h3>
  130.             </div>
  131.             <div class="agileits_banner_bottom_grids">
  132.                 <div class="col-md-6 agileits_banner_bottom_grid_l">
  133.                     <h4>Server Widget</h4>
  134.                     <iframe src="https://discordapp.com/widget?id=257991568554852354&theme=light" width="1100" height="700" allowtransparency="true" frameborder="1"></iframe>
  135.                 </div>
  136.                 <div class="clearfix"> </div>
  137.             </div>
  138.         </div>
  139.     </div>
  140. <!-- //about-bottom -->
  141. <!-- services -->
  142. <div class="services" id="services">
  143.          <h3 class="w3l_head w3l_head1">Features</h3>
  144.                      <p class="w3ls_head_para w3ls_head_para1">The Benefits of our Server</p>
  145.         <div class="services-agile-w3l">
  146.  
  147.        <div class="col-md-3 services-gd text-center">
  148.             <div class="hi-icon-wrap hi-icon-effect-9 hi-icon-effect-9a">
  149.                 <a href="#" class="hi-icon"><img src="images/s1.png" alt=" " /></a>
  150.             </div>
  151.             <h4>Gaming Fridays</h4>
  152.             <p>Every Friday, we have a Gaming Event on online browser games.</p>
  153.         </div>
  154.         <div class="col-md-3 services-gd text-center">
  155.             <div class="hi-icon-wrap hi-icon-effect-9 hi-icon-effect-9a">
  156.                 <a href="#" class="hi-icon"><img src="images/s2.png" alt=" " /></a>
  157.             </div>
  158.             <h4>Voice Chat</h4>
  159.             <p>We have a lot of voice chat channels to choose from.</p>
  160.         </div>
  161.         <div class="col-md-3 services-gd text-center">
  162.             <div class="hi-icon-wrap hi-icon-effect-9 hi-icon-effect-9a">
  163.                 <a href="#" class="hi-icon"><img src="images/s3.png" alt=" " /></a>
  164.             </div>
  165.             <h4>Music</h4>
  166.             <p>Lagless Music bots.</p>
  167.         </div>
  168.         <div class="col-md-3 services-gd text-center">
  169.             <div class="hi-icon-wrap hi-icon-effect-9 hi-icon-effect-9a">
  170.                 <a href="#" class="hi-icon"><img src="images/s4.png" alt=" " /></a>
  171.             </div>
  172.             <h4>Giveaways</h4>
  173.             <p>Daily game giveaways. Weekly giveaways of Top-Tier games.</p>
  174.         </div>
  175.         <div class="clearfix"> </div>
  176.     </div>
  177. </div>
  178. <!-- //services -->
  179. <!-- projects -->
  180.     <div class="projects" id="staff">
  181.         <div class="container">
  182.             <div class="port-head">
  183.                      <h3 class="w3l_head w3l_head1">Staff</h3>
  184.                      <p class="w3ls_head_para w3ls_head_para1">Our Staff Members</p>
  185.             </div>
  186.         </div>
  187.         <div class="projects-grids">
  188.                 <div class="sreen-gallery-cursual">
  189.  
  190.             <div id="owl-demo" class="owl-carousel owl-theme">
  191.                     <div class="item">
  192.                         <div class="projects-agile-grid-info">
  193.                             <img src="images/hellcow.jpg" alt="" />
  194.                             <div class="projects-grid-caption">
  195.                                
  196.                             <h4>HellCow</h4>
  197.                                 <p>Server Owner</p>
  198.                             </div>
  199.                         </div> 
  200.                     </div>
  201.                     <div class="item">
  202.                         <div class="projects-agile-grid-info">
  203.                             <img src="images/nick.gif" alt="" />
  204.                             <div class="projects-grid-caption">
  205.                                
  206.                                     <h4>Nick</h4>
  207.                                 <p>Head of the Admin Team</p>
  208.                             </div>
  209.                         </div> 
  210.                     </div>
  211.                     <div class="item">
  212.                         <div class="projects-agile-grid-info">
  213.                             <img src="images/rain.jpg" alt="" />
  214.                             <div class="projects-grid-caption">
  215.                                
  216.                                 <h4>Rain [George]</h4>
  217.                                 <p>Server Developer and Website Maker</p>
  218.                             </div>
  219.                         </div> 
  220.                     </div>
  221.                     <div class="item">
  222.                         <div class="projects-agile-grid-info">
  223.                             <img src="images/krypto.jpg" alt="" />
  224.                             <div class="projects-grid-caption">
  225.                            
  226.                                 <h4>Krypto</h4>
  227.                                 <p>Administrator and Counsellor</p>
  228.                             </div>
  229.                         </div>
  230.                     </div>
  231.                     <div class="item">
  232.                         <div class="projects-agile-grid-info">
  233.                             <img src="images/reaper.jpg" alt="" />
  234.                             <div class="projects-grid-caption">
  235.                            
  236.                                     <h4>PinkBlood</h4>
  237.                                 <p>Administrator and Media Manager</p>
  238.                             </div>
  239.                         </div> 
  240.                     </div>
  241.                     <div class="item">
  242.                         <div class="projects-agile-grid-info">
  243.                             <img src="images/adora.jpg" alt="" />
  244.                             <div class="projects-grid-caption">
  245.                                
  246.                                     <h4>Adora</h4>
  247.                                 <p>Administrator, Counsellor and Event Admin</p>
  248.                             </div>
  249.                         </div> 
  250.                     </div>
  251.                     <div class="item">
  252.                         <div class="projects-agile-grid-info">
  253.                             <img src="images/legumez.jpg" alt="" />
  254.                             <div class="projects-grid-caption">
  255.                                
  256.                                 <h4>𝓴00𝓛_𝓵𝓮𝓰𝓾𝓶𝓮𝔃</h4>
  257.                                 <p>Administrator, Promoter Admin</p>
  258.                             </div>
  259.                         </div> 
  260.                     </div>
  261.             </div>
  262.         </div>
  263.     </div>
  264.     </div>
  265.     <!-- //projects -->
  266.  
  267. <!-- footer -->
  268.     <div class="w3l_footer">
  269.         <div class="w3l_footer_pos">
  270.             <p>© 2018 Gaming Until End, All rights reserved!</p>
  271.         </div>
  272.     </div>
  273. <!-- //footer -->
  274.  
  275. <!--banner Slider starts Here-->
  276. <script src="js/jquery-2.2.3.min.js"></script>
  277.                         <script src="js/responsiveslides.min.js"></script>
  278.                             <script>
  279.                                 // You can also use "$(window).load(function() {"
  280.                                 $(function () {
  281.                                   // Slideshow 4
  282.                                   $("#slider3").responsiveSlides({
  283.                                     auto: false,
  284.                                     pager:false,
  285.                                     nav:true,
  286.                                     speed: 300,
  287.                                     namespace: "callbacks",
  288.                                     before: function () {
  289.                                       $('.events').append("<li>before event fired.</li>");
  290.                                     },
  291.                                     after: function () {
  292.                                       $('.events').append("<li>after event fired.</li>");
  293.                                     }
  294.                                   });
  295.                            
  296.                                 });
  297.                              </script>
  298.                              <!-- js -->
  299. <!-- start-smoth-scrolling -->
  300.     <script src="js/lightGallery.js"></script>
  301.     <script>
  302.          $(document).ready(function() {
  303.             $("#lightGallery").lightGallery({
  304.                 mode:"fade",
  305.                 speed:800,
  306.                 caption:true,
  307.                 desc:true,
  308.                 mobileSrc:true
  309.             });
  310.         });
  311.     </script>
  312.  
  313. <script src="js/owl.carousel.js"></script>
  314. <link href="css/owl.theme.css" rel="stylesheet">
  315.  <link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
  316. <script>
  317. $(document).ready(function() {
  318.     $("#owl-demo").owlCarousel({
  319.  
  320.         autoPlay: 10000, //Set AutoPlay to 3 seconds
  321.           autoPlay : true,
  322.            navigation :true,
  323.  
  324.         items : 4,
  325.         itemsDesktop : [640,5],
  326.         itemsDesktopSmall : [414,4]
  327.  
  328.     });
  329.    
  330. });
  331. </script>
  332. <!-- start-smoth-scrolling -->
  333. <script type="text/javascript" src="js/move-top.js"></script>
  334. <script type="text/javascript" src="js/easing.js"></script>
  335. <script type="text/javascript">
  336.     jQuery(document).ready(function($) {
  337.         $(".scroll").click(function(event){    
  338.             event.preventDefault();
  339.             $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  340.         });
  341.     });
  342. </script>
  343. <!-- start-smoth-scrolling -->
  344. <!-- //js -->
  345.     <script src="js/bootstrap.js"></script>
  346. <!-- //for bootstrap working -->
  347. <!-- here stars scrolling icon -->
  348.     <script type="text/javascript">
  349.         $(document).ready(function() {
  350.             /*
  351.                 var defaults = {
  352.                 containerID: 'toTop', // fading element id
  353.                 containerHoverID: 'toTopHover', // fading element hover id
  354.                 scrollSpeed: 1200,
  355.                 easingType: 'linear'
  356.                 };
  357.             */
  358.                                
  359.             $().UItoTop({ easingType: 'easeOutQuart' });
  360.                                
  361.             });
  362.     </script>
  363. <!-- //here ends scrolling icon -->
  364. </body>
  365. </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!