API tools faq
paste
Advertisement
MoO101

Untitled

MoO101
Feb 24th, 2017
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 36.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.   Name: Youplay - Game Template based on Bootstrap
  4.   Version: 3.0.0
  5.   Author: nK
  6.   Website: http://nkdev.info
  7.   Support: http://nk.ticksy.com
  8.   Purchase: http://themeforest.net/item/youplay-game-template-based-on-bootstrap/11306207?ref=_nK
  9.   License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
  10.   Copyright 2016.
  11. -->
  12. <html>
  13.  
  14.  
  15. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  16. <head>
  17.   <meta charset="utf-8">
  18.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  19.   <title>youplay</title>
  20.  
  21.   <meta name="description" content="">
  22.   <meta name="viewport" content="width=device-width, initial-scale=1">
  23.  
  24.  
  25.   <!-- Icon -->
  26.   <link rel="icon" type="image/png" href="assets/images/icon.png">
  27.   <!-- Google Fonts -->
  28.  
  29.   <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  30.  
  31.   <!-- Bootstrap -->
  32.   <link rel="stylesheet" type="text/css" href="../assets/bower_components/bootstrap/dist/css/bootstrap.min.css" />
  33.  
  34.   <!-- FontAwesome -->
  35.   <link rel="stylesheet" type="text/css" href="../assets/bower_components/font-awesome/css/font-awesome.min.css" />
  36.  
  37.   <!-- Owl Carousel -->
  38.   <link rel="stylesheet" type="text/css" href="../assets/bower_components/owl.carousel/dist/assets/owl.carousel.min.css" />
  39.   <!-- Youplay -->
  40.  
  41.   <link rel="stylesheet" type="text/css" href="../assets/youplay/css/youplay.min.css" />
  42.  
  43.   <!-- Custom Styles -->
  44.   <link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
  45.   <!-- RTL (uncomment this to enable RTL support) -->
  46.   <!-- <link rel="stylesheet" type="text/css" href="../assets/youplay/css/youplay-rtl.css" /> -->
  47.  
  48. </head>
  49.  
  50.  
  51. <body>
  52.  
  53.   <!-- Preloader -->
  54.   <div class="page-preloader preloader-wrapp">
  55.     <img src="assets/images/logo.png" alt="">
  56.     <div class="preloader"></div>
  57.   </div>
  58.   <!-- /Preloader -->
  59.  
  60.   <!-- Navbar -->
  61.   <nav class="navbar-youplay navbar navbar-default navbar-fixed-top ">
  62.     <div class="container">
  63.       <div class="navbar-header">
  64.         <button type="button" class="navbar-toggle collapsed" data-toggle="off-canvas" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  65.           <span class="sr-only">Toggle navigation</span>
  66.           <span class="icon-bar"></span>
  67.           <span class="icon-bar"></span>
  68.           <span class="icon-bar"></span>
  69.         </button>
  70.         <a class="navbar-brand" href="index-2.html">
  71.           <img src="assets/images/logo.png" alt="">
  72.         </a>
  73.       </div>
  74.       <div id="navbar" class="navbar-collapse collapse">
  75.         <ul class="nav navbar-nav">
  76.           <li class="dropdown dropdown-hover ">
  77.             <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  78.                       Store <span class="caret"></span> <span class="label">games</span>
  79.                     </a>
  80.             <div class="dropdown-menu">
  81.               <ul role="menu">
  82.                 <li><a href="store-1.html">Store Style 1</a>
  83.                 </li>
  84.                 <li><a href="store-2.html">Store Style 2</a>
  85.                 </li>
  86.                 <li><a href="cart.html">Cart</a>
  87.                 </li>
  88.               </ul>
  89.               <ul role="menu">
  90.                 <li><a href="store-product-1.html">Product Style 1</a>
  91.                 </li>
  92.                 <li><a href="store-product-2.html">Product Style 2</a>
  93.                 </li>
  94.                 <li><a href="checkout.html">Checkout</a>
  95.                 </li>
  96.               </ul>
  97.             </div>
  98.           </li>
  99.           <li class="dropdown dropdown-hover ">
  100.             <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  101.                       Blog <span class="caret"></span> <span class="label">news</span>
  102.                     </a>
  103.             <div class="dropdown-menu">
  104.               <ul role="menu">
  105.                 <li><a href="blog-1.html">Blog Style 1</a>
  106.                 </li>
  107.                 <li><a href="blog-2.html">Blog Style 2</a>
  108.                 </li>
  109.                 <li><a href="blog-3.html">Blog Style 3</a>
  110.                 </li>
  111.               </ul>
  112.               <ul role="menu">
  113.                 <li><a href="blog-post-1.html">Blog Post 1</a>
  114.                 </li>
  115.                 <li><a href="blog-post-2.html">Blog Post 2</a>
  116.                 </li>
  117.                 <li><a href="blog-post-3.html">Blog Post 3</a>
  118.                 </li>
  119.               </ul>
  120.             </div>
  121.           </li>
  122.           <li class="dropdown dropdown-hover ">
  123.             <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  124.                       Features <span class="caret"></span> <span class="label">full list</span>
  125.                     </a>
  126.             <div class="dropdown-menu">
  127.               <ul role="menu">
  128.                 <li class="dropdown dropdown-submenu pull-left ">
  129.                   <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">User</a>
  130.                   <div class="dropdown-menu">
  131.                     <ul role="menu">
  132.                       <li><a href="user-activity.html">Activity</a>
  133.                       </li>
  134.                       <li><a href="user-profile.html">Profile</a>
  135.                       </li>
  136.                       <li><a href="user-messages.html">Messages</a>
  137.                       </li>
  138.                       <li><a href="user-messages-compose.html">Messages Compose</a>
  139.                       </li>
  140.                       <li><a href="user-settings.html">Settings</a>
  141.                       </li>
  142.                     </ul>
  143.                   </div>
  144.                 </li>
  145.                 <li><a href="forums.html">Forums</a>
  146.                 </li>
  147.                 <li><a href="forums-topics.html">Forums Topics</a>
  148.                 </li>
  149.                 <li><a href="forums-single-topic.html">Single Topic</a>
  150.                 </li>
  151.                 <li><a href="matches-list.html">Matches List</a>
  152.                 </li>
  153.                 <li><a href="match.html">Match</a>
  154.                 </li>
  155.                 <li><a href="match-2.html">Match with Maps</a>
  156.                 </li>
  157.               </ul>
  158.               <ul role="menu">
  159.                 <li><a href="widgets.html">Widgets <span class="badge bg-default">New</span></a>
  160.                 </li>
  161.                 <li><a href="components.html">Components</a>
  162.                 </li>
  163.                 <li><a href="coming-soon.html">Coming Soon</a>
  164.                 </li>
  165.                 <li><a href="contact.html">Contact Us</a>
  166.                 </li>
  167.                 <li><a href="search.html">Search</a>
  168.                 </li>
  169.                 <li><a href="login.html">Login</a>
  170.                 </li>
  171.                 <li><a href="404.html">404</a>
  172.                 </li>
  173.                 <li><a href="blank.html">Blank</a>
  174.                 </li>
  175.               </ul>
  176.             </div>
  177.           </li>
  178.         </ul>
  179.         <ul class="nav navbar-nav navbar-right">
  180.           <li class="dropdown dropdown-hover">
  181.             <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  182.                       John Doe <span class="badge bg-default">2</span> <span class="caret"></span> <span class="label">it is you</span>
  183.                     </a>
  184.             <div class="dropdown-menu">
  185.               <ul role="menu">
  186.                 <li><a href="http://html.nkdev.info/youplay/documentation">Documentation</a>
  187.                 </li>
  188.                 <li><a href="http://themeforest.net/item/youplay-game-template-based-on-bootstrap/11306207?ref=_nK">Purchase</a>
  189.                 </li>
  190.                 <li class="divider"></li>
  191.  
  192.                 <li><a href="user-profile.html">Profile <span class="badge pull-right bg-warning">13</span></a>
  193.                 </li>
  194.                 <li><a href="cart.html">My Cart <span class="badge pull-right bg-default">3</span></a>
  195.                 </li>
  196.                 <li class="divider"></li>
  197.  
  198.                 <li><a href="login.html">Log Out</a>
  199.                 </li>
  200.                 <li class="dropdown dropdown-submenu pull-left">
  201.                   <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">More..</a>
  202.                   <div class="dropdown-menu">
  203.                     <ul role="menu">
  204.                       <li><a href="#!">3rd level</a>
  205.                       </li>
  206.                       <li><a href="#!">3rd level</a>
  207.                       </li>
  208.                     </ul>
  209.                   </div>
  210.                 </li>
  211.               </ul>
  212.             </div>
  213.           </li>
  214.           <li>
  215.             <a class="search-toggle" href="search.html">
  216.               <i class="fa fa-search"></i>
  217.             </a>
  218.           </li>
  219.           <li class="dropdown dropdown-hover dropdown-cart">
  220.             <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  221.               <i class="fa fa-shopping-cart"></i>
  222.             </a>
  223.             <div class="dropdown-menu" style="width: 300px;">
  224.               <div class="row youplay-side-news">
  225.                 <div class="col-xs-3 col-md-4">
  226.                   <a href="#" class="angled-img">
  227.                     <div class="img">
  228.  
  229.                       <img src="assets/images/game-bloodborne-500x375.jpg" alt="">
  230.                     </div>
  231.                   </a>
  232.                 </div>
  233.                 <div class="col-xs-9 col-md-8">
  234.                   <a href="#" style="text-decoration: none;" class="pull-right mr-10"><i class="fa fa-times"></i></a>
  235.  
  236.                   <h4 class="ellipsis"><a href="#">Bloodborne</a></h4>
  237.                   <span class="quantity">1 × <span class="amount">$50.00</span></span>
  238.                 </div>
  239.               </div>
  240.  
  241.               <div class="row youplay-side-news">
  242.                 <div class="col-xs-3 col-md-4">
  243.                   <a href="#" class="angled-img">
  244.                     <div class="img">
  245.  
  246.                       <img src="assets/images/game-kingdoms-of-amalur-reckoning-500x375.jpg" alt="">
  247.                     </div>
  248.                   </a>
  249.                 </div>
  250.                 <div class="col-xs-9 col-md-8">
  251.                   <a href="#" style="text-decoration: none;" class="pull-right mr-10"><i class="fa fa-times"></i></a>
  252.  
  253.                   <h4 class="ellipsis"><a href="#">Kingdoms of Amalur</a></h4>
  254.                   <span class="quantity">1 × <span class="amount">$20.00</span></span>
  255.                 </div>
  256.               </div>
  257.  
  258.               <div class="ml-20 mr-20 pull-right"><strong>Subtotal:</strong>  <span class="amount">$70.00</span>
  259.               </div>
  260.  
  261.               <div class="btn-group pull-right m-15">
  262.                 <a href="#" class="btn btn-default btn-sm">View Cart</a>
  263.                 <a href="#" class="btn btn-default btn-sm">Checkout</a>
  264.               </div>
  265.             </div>
  266.           </li>
  267.         </ul>
  268.       </div>
  269.     </div>
  270.   </nav>
  271.   <!-- /Navbar -->
  272.  
  273.  
  274.   <!-- Main Content -->
  275.   <section class="content-wrap">
  276.  
  277.     <!-- Banner -->
  278.     <section class="youplay-banner banner-top youplay-banner-parallax">
  279.       <div class="image" style="background-image: url('assets/images/banner-bg.jpg')">
  280.       </div>
  281.  
  282.       <div class="info">
  283.         <div>
  284.           <div class="container">
  285.             <h1>Diablo III: <br>Reaper of Souls</h1>
  286.             <em>"One of the best grind games"</em>
  287.             <br>
  288.             <br>
  289.             <br>
  290.             <a class="btn btn-lg" href="#!">Purchase</a>
  291.           </div>
  292.         </div>
  293.       </div>
  294.     </section>
  295.     <!-- /Banner -->
  296.  
  297.     <!-- Images With Text -->
  298.     <div class="youplay-carousel" data-autoplay="5000">
  299.       <a class="angled-img" href="store-product-1.html">
  300.         <div class="img">
  301.           <img src="assets/images/game-bloodborne-500x375.jpg" alt="">
  302.         </div>
  303.         <div class="over-info">
  304.           <div>
  305.             <div>
  306.               <h4>Bloodborne</h4>
  307.               <div class="rating">
  308.                 <i class="fa fa-star"></i>
  309.                 <i class="fa fa-star"></i>
  310.                 <i class="fa fa-star"></i>
  311.                 <i class="fa fa-star"></i>
  312.                 <i class="fa fa-star"></i>
  313.               </div>
  314.             </div>
  315.           </div>
  316.         </div>
  317.       </a>
  318.       <a class="angled-img" href="#!">
  319.         <div class="img">
  320.           <img src="assets/images/game-dark-souls-ii-500x375.jpg" alt="">
  321.         </div>
  322.         <div class="over-info">
  323.           <div>
  324.             <div>
  325.               <h4>Dark Souls II</h4>
  326.               <div class="rating">
  327.                 <i class="fa fa-star"></i>
  328.                 <i class="fa fa-star"></i>
  329.                 <i class="fa fa-star"></i>
  330.                 <i class="fa fa-star"></i>
  331.                 <i class="fa fa-star-half-o"></i>
  332.               </div>
  333.             </div>
  334.           </div>
  335.         </div>
  336.       </a>
  337.       <a class="angled-img" href="#!">
  338.         <div class="img">
  339.           <img src="assets/images/game-lords-of-the-fallen-500x375.jpg" alt="">
  340.         </div>
  341.         <div class="over-info">
  342.           <div>
  343.             <div>
  344.               <h4>Lords of the Fallen</h4>
  345.               <div class="rating">
  346.                 <i class="fa fa-star"></i>
  347.                 <i class="fa fa-star"></i>
  348.                 <i class="fa fa-star"></i>
  349.                 <i class="fa fa-star"></i>
  350.                 <i class="fa fa-star-o"></i>
  351.               </div>
  352.             </div>
  353.           </div>
  354.         </div>
  355.       </a>
  356.       <a class="angled-img" href="#!">
  357.         <div class="img">
  358.           <img src="assets/images/game-middle-eart-shadow-of-mordor-500x375.jpg" alt="">
  359.         </div>
  360.         <div class="over-info">
  361.           <div>
  362.             <div>
  363.               <h4>Middle-earth: Shadow of Mordor</h4>
  364.               <div class="rating">
  365.                 <i class="fa fa-star"></i>
  366.                 <i class="fa fa-star"></i>
  367.                 <i class="fa fa-star"></i>
  368.                 <i class="fa fa-star"></i>
  369.                 <i class="fa fa-star-half-o"></i>
  370.               </div>
  371.             </div>
  372.           </div>
  373.         </div>
  374.       </a>
  375.       <a class="angled-img" href="#!">
  376.         <div class="img">
  377.           <img src="assets/images/game-soul-sacrifice-500x375.jpg" alt="">
  378.         </div>
  379.         <div class="over-info">
  380.           <div>
  381.             <div>
  382.               <h4>Soul Sacrifice</h4>
  383.               <div class="rating">
  384.                 <i class="fa fa-star"></i>
  385.                 <i class="fa fa-star"></i>
  386.                 <i class="fa fa-star"></i>
  387.                 <i class="fa fa-star"></i>
  388.                 <i class="fa fa-star-half-o"></i>
  389.               </div>
  390.             </div>
  391.           </div>
  392.         </div>
  393.       </a>
  394.       <a class="angled-img" href="#!">
  395.         <div class="img">
  396.           <img src="assets/images/game-kingdoms-of-amalur-reckoning-500x375.jpg" alt="">
  397.         </div>
  398.         <div class="over-info">
  399.           <div>
  400.             <div>
  401.               <h4>Kingdoms of Amalur: Reckoning</h4>
  402.               <div class="rating">
  403.                 <i class="fa fa-star"></i>
  404.                 <i class="fa fa-star"></i>
  405.                 <i class="fa fa-star"></i>
  406.                 <i class="fa fa-star"></i>
  407.                 <i class="fa fa-star-half-o"></i>
  408.               </div>
  409.             </div>
  410.           </div>
  411.         </div>
  412.       </a>
  413.       <a class="angled-img" href="#!">
  414.         <div class="img">
  415.           <img src="assets/images/game-the-witcher-500x375.jpg" alt="">
  416.         </div>
  417.         <div class="over-info">
  418.           <div>
  419.             <div>
  420.               <h4>The Witcher: Rise of the White Wolf</h4>
  421.               <div class="rating">
  422.                 <i class="fa fa-star"></i>
  423.                 <i class="fa fa-star"></i>
  424.                 <i class="fa fa-star"></i>
  425.                 <i class="fa fa-star"></i>
  426.                 <i class="fa fa-star-half-o"></i>
  427.               </div>
  428.             </div>
  429.           </div>
  430.         </div>
  431.       </a>
  432.       <a class="angled-img" href="#!">
  433.         <div class="img">
  434.           <img src="assets/images/game-diablo-iii-500x375.jpg" alt="">
  435.         </div>
  436.         <div class="over-info">
  437.           <div>
  438.             <div>
  439.               <h4>Diablo III: Reaper of Souls</h4>
  440.               <div class="rating">
  441.                 <i class="fa fa-star"></i>
  442.                 <i class="fa fa-star"></i>
  443.                 <i class="fa fa-star"></i>
  444.                 <i class="fa fa-star"></i>
  445.                 <i class="fa fa-star-half-o"></i>
  446.               </div>
  447.             </div>
  448.           </div>
  449.         </div>
  450.       </a>
  451.       <a class="angled-img" href="#!">
  452.         <div class="img">
  453.           <img src="assets/images/game-dragons-dogma-500x375.jpg" alt="">
  454.         </div>
  455.         <div class="over-info">
  456.           <div>
  457.             <div>
  458.               <h4>Dragons Dogma</h4>
  459.               <div class="rating">
  460.                 <i class="fa fa-star"></i>
  461.                 <i class="fa fa-star"></i>
  462.                 <i class="fa fa-star"></i>
  463.                 <i class="fa fa-star"></i>
  464.                 <i class="fa fa-star-half-o"></i>
  465.               </div>
  466.             </div>
  467.           </div>
  468.         </div>
  469.       </a>
  470.     </div>
  471.     <!-- /Images With Text -->
  472.  
  473.  
  474.  
  475.     <!-- Popular -->
  476.     <h2 class="container h1">Popular <a href="#!" class="btn pull-right">See More</a></h2>
  477.     <div class="youplay-carousel">
  478.       <a class="angled-img" href="#!">
  479.         <div class="img">
  480.           <img src="assets/images/game-kingdoms-of-amalur-reckoning-500x375.jpg" alt="">
  481.         </div>
  482.         <div class="over-info">
  483.           <div>
  484.             <div>
  485.               <h4>Kingdoms of Amalur: Reckoning</h4>
  486.               <div class="rating">
  487.                 <i class="fa fa-star"></i>
  488.                 <i class="fa fa-star"></i>
  489.                 <i class="fa fa-star"></i>
  490.                 <i class="fa fa-star"></i>
  491.                 <i class="fa fa-star-half-o"></i>
  492.               </div>
  493.             </div>
  494.           </div>
  495.         </div>
  496.       </a>
  497.       <a class="angled-img" href="#!">
  498.         <div class="img">
  499.           <img src="assets/images/game-the-witcher-500x375.jpg" alt="">
  500.         </div>
  501.         <div class="over-info">
  502.           <div>
  503.             <div>
  504.               <h4>The Witcher: Rise of the White Wolf</h4>
  505.               <div class="rating">
  506.                 <i class="fa fa-star"></i>
  507.                 <i class="fa fa-star"></i>
  508.                 <i class="fa fa-star"></i>
  509.                 <i class="fa fa-star"></i>
  510.                 <i class="fa fa-star-half-o"></i>
  511.               </div>
  512.             </div>
  513.           </div>
  514.         </div>
  515.       </a>
  516.       <a class="angled-img" href="#!">
  517.         <div class="img">
  518.           <img src="assets/images/game-diablo-iii-500x375.jpg" alt="">
  519.         </div>
  520.         <div class="over-info">
  521.           <div>
  522.             <div>
  523.               <h4>Diablo III: Reaper of Souls</h4>
  524.               <div class="rating">
  525.                 <i class="fa fa-star"></i>
  526.                 <i class="fa fa-star"></i>
  527.                 <i class="fa fa-star"></i>
  528.                 <i class="fa fa-star"></i>
  529.                 <i class="fa fa-star-half-o"></i>
  530.               </div>
  531.             </div>
  532.           </div>
  533.         </div>
  534.       </a>
  535.       <a class="angled-img" href="#!">
  536.         <div class="img">
  537.           <img src="assets/images/game-dragons-dogma-500x375.jpg" alt="">
  538.         </div>
  539.         <div class="over-info">
  540.           <div>
  541.             <div>
  542.               <h4>Dragons Dogma</h4>
  543.               <div class="rating">
  544.                 <i class="fa fa-star"></i>
  545.                 <i class="fa fa-star"></i>
  546.                 <i class="fa fa-star"></i>
  547.                 <i class="fa fa-star"></i>
  548.                 <i class="fa fa-star-half-o"></i>
  549.               </div>
  550.             </div>
  551.           </div>
  552.         </div>
  553.       </a>
  554.     </div>
  555.     <!-- /Popular -->
  556.  
  557.  
  558.     <!-- Specials -->
  559.     <h2 class="container h1">Specials <a href="#!" class="btn pull-right">See More</a></h2>
  560.     <div class="youplay-carousel">
  561.       <a class="angled-img" href="#!">
  562.         <div class="img img-offset">
  563.           <img src="assets/images/game-dark-souls-ii-500x375.jpg" alt="">
  564.           <div class="badge bg-default">
  565.             -20%
  566.           </div>
  567.         </div>
  568.         <div class="bottom-info">
  569.           <h4>Dark Souls II</h4>
  570.           <div class="row">
  571.             <div class="col-xs-6">
  572.               <div class="rating">
  573.                 <i class="fa fa-star"></i>
  574.                 <i class="fa fa-star"></i>
  575.                 <i class="fa fa-star"></i>
  576.                 <i class="fa fa-star"></i>
  577.                 <i class="fa fa-star-half-o"></i>
  578.               </div>
  579.             </div>
  580.             <div class="col-xs-6">
  581.               <div class="price">$39.99 <sup><del>$49.99</del></sup>
  582.               </div>
  583.             </div>
  584.           </div>
  585.         </div>
  586.       </a>
  587.       <a class="angled-img" href="#!">
  588.         <div class="img img-offset">
  589.           <img src="assets/images/game-lords-of-the-fallen-500x375.jpg" alt="">
  590.           <div class="badge bg-default">
  591.             -25%
  592.           </div>
  593.         </div>
  594.         <div class="bottom-info">
  595.           <h4>Lords of the Fallen</h4>
  596.           <div class="row">
  597.             <div class="col-xs-6">
  598.               <div class="rating">
  599.                 <i class="fa fa-star"></i>
  600.                 <i class="fa fa-star"></i>
  601.                 <i class="fa fa-star"></i>
  602.                 <i class="fa fa-star-half-o"></i>
  603.                 <i class="fa fa-star-o"></i>
  604.               </div>
  605.             </div>
  606.             <div class="col-xs-6">
  607.               <div class="price">$26.25 <sup><del>$35.00</del></sup>
  608.               </div>
  609.             </div>
  610.           </div>
  611.         </div>
  612.       </a>
  613.       <a class="angled-img" href="#!">
  614.         <div class="img img-offset">
  615.           <img src="assets/images/game-dragons-dogma-500x375.jpg" alt="">
  616.           <div class="badge bg-default">
  617.             -30%
  618.           </div>
  619.         </div>
  620.         <div class="bottom-info">
  621.           <h4>Dragons Dogma</h4>
  622.           <div class="row">
  623.             <div class="col-xs-6">
  624.               <div class="rating">
  625.                 <i class="fa fa-star"></i>
  626.                 <i class="fa fa-star"></i>
  627.                 <i class="fa fa-star"></i>
  628.                 <i class="fa fa-star"></i>
  629.                 <i class="fa fa-star-half-o"></i>
  630.               </div>
  631.             </div>
  632.             <div class="col-xs-6">
  633.               <div class="price">$34.99 <sup><del>$49.99</del></sup>
  634.               </div>
  635.             </div>
  636.           </div>
  637.         </div>
  638.       </a>
  639.       <a class="angled-img" href="#!">
  640.         <div class="img img-offset">
  641.           <img src="assets/images/game-soul-sacrifice-500x375.jpg" alt="">
  642.           <div class="badge bg-success">
  643.             -100%
  644.           </div>
  645.         </div>
  646.         <div class="bottom-info">
  647.           <h4>Soul Sacrifice</h4>
  648.           <div class="row">
  649.             <div class="col-xs-6">
  650.               <div class="rating">
  651.                 <i class="fa fa-star"></i>
  652.                 <i class="fa fa-star"></i>
  653.                 <i class="fa fa-star"></i>
  654.                 <i class="fa fa-star"></i>
  655.                 <i class="fa fa-star-half-o"></i>
  656.               </div>
  657.             </div>
  658.             <div class="col-xs-6">
  659.               <div class="price"><span class="text-success">FREE!</span>  <sup><del>$29.99</del></sup>
  660.               </div>
  661.             </div>
  662.           </div>
  663.         </div>
  664.       </a>
  665.     </div>
  666.     <!-- /Specials -->
  667.  
  668.  
  669.     <!-- Preorder -->
  670.     <div class="h2"></div>
  671.     <section class="youplay-banner youplay-banner-parallax small">
  672.       <div class="image" style="background-image: url('assets/images/banner-witcher-3.jpg');">
  673.       </div>
  674.  
  675.       <div class="info container align-center">
  676.         <div>
  677.           <h2>The Witcher 3:<br> Wild Hunt</h2>
  678.  
  679.           <!-- See countdown init in bottom of the page -->
  680.           <div class="countdown h2" data-end="2017/01/01"></div>
  681.  
  682.           <br>
  683.           <br>
  684.           <a class="btn btn-lg" href="#!">Pre-Order</a>
  685.         </div>
  686.       </div>
  687.     </section>
  688.     <!-- /Preorder -->
  689.  
  690.  
  691.     <!-- Latest News -->
  692.     <h2 class="container h1">Latest News</h2>
  693.     <section class="youplay-news container">
  694.       <!-- Single News Block -->
  695.       <div class="news-one">
  696.         <div class="row vertical-gutter">
  697.           <div class="col-md-4">
  698.             <a href="blog-post-1.html" class="angled-img">
  699.               <div class="img">
  700.                 <img src="assets/images/game-bloodborne-500x375.jpg" alt="">
  701.               </div>
  702.               <div class="youplay-hexagon-rating youplay-hexagon-rating-small" data-max="10" data-size="50" title="9.1 out of 10"><span>9.1</span>
  703.               </div>
  704.             </a>
  705.           </div>
  706.           <div class="col-md-8">
  707.             <div class="clearfix">
  708.               <h3 class="h2 pull-left m-0"><a href="blog-post-1.html">Bloodborne - First Try!</a></h3>
  709.               <span class="date pull-right"><i class="fa fa-calendar"></i> Today</span>
  710.             </div>
  711.             <div class="tags">
  712.               <i class="fa fa-tags"></i>  <a href="#">Bloodborne</a>, <a href="#">first try</a>, <a href="#">first boss problem</a>, <a href="#">newbie game</a>
  713.             </div>
  714.             <div class="description">
  715.               <p>
  716.                 Gus sit amet suum motum. Nescio quando, aut quomodo, nescio quo. Illud scio, amet tortor. Suarum impotens prohibere eum.
  717.               </p>
  718.               <p>
  719.                 Sum expectantes. Ego hodie expectantes. Expectantes, et misit unum de pueris Gus interficere. Et suus vos. Nescio quis, qui est bonus usus liberi ad Isai? Qui nosti ... Quis dimisit filios ad necem ... hmm? Gus!
  720.               </p>
  721.             </div>
  722.             <a href="blog-post-1.html" class="btn read-more pull-left">Read More</a>
  723.           </div>
  724.         </div>
  725.       </div>
  726.       <!-- /Single News Block -->
  727.  
  728.       <!-- Single News Block -->
  729.       <div class="news-one">
  730.         <div class="row vertical-gutter">
  731.           <div class="col-md-4">
  732.             <a href="blog-post-2.html" class="angled-img">
  733.               <div class="img">
  734.                 <img src="assets/images/game-dark-souls-ii-500x375.jpg" alt="">
  735.               </div>
  736.               <div class="youplay-hexagon-rating youplay-hexagon-rating-small" data-max="10" data-size="50" title="9 out of 10"><span>9</span>
  737.               </div>
  738.             </a>
  739.           </div>
  740.           <div class="col-md-8">
  741.             <div class="clearfix">
  742.               <h3 class="h2 pull-left m-0"><a href="blog-post-2.html">Coming to Youplay - Dark Souls II</a></h3>
  743.               <span class="date pull-right"><i class="fa fa-calendar"></i> March 9, 2015</span>
  744.             </div>
  745.             <div class="tags">
  746.               <i class="fa fa-tags"></i>  <a href="#">Dark Souls II</a>, <a href="#">coming soon</a>, <a href="#">first review</a>, <a href="#">sale date</a>
  747.             </div>
  748.             <div class="description">
  749.               Ille vivere. Ut ad te quaerebam ... purgare caeli. Sunt uh ... nonnullus propter errorem qui de rebus inter nos et iacere puto suus in causa, id est in mensa. Levir meus, priusquam oppugnarent tempus quis, admonere dicitur. Credo quod idem mihi praesidium.
  750.             </div>
  751.             <a href="blog-post-2.html" class="btn read-more pull-left">Read More</a>
  752.           </div>
  753.         </div>
  754.       </div>
  755.       <!-- /Single News Block -->
  756.  
  757.       <!-- Single News Block -->
  758.       <div class="news-one">
  759.         <div class="row vertical-gutter">
  760.           <div class="col-md-4">
  761.             <a href="blog-post-3.html" class="angled-img">
  762.               <div class="img">
  763.                 <img src="assets/images/game-kingdoms-of-amalur-reckoning-500x375.jpg" alt="">
  764.               </div>
  765.               <div class="youplay-hexagon-rating youplay-hexagon-rating-small" data-max="10" data-size="50" title="3.8 out of 10"><span>3.8</span>
  766.               </div>
  767.             </a>
  768.           </div>
  769.           <div class="col-md-8">
  770.             <div class="clearfix">
  771.               <h3 class="h2 pull-left m-0"><a href="blog-post-3.html">Review Kingdoms of Amalur</a></h3>
  772.               <span class="date pull-right"><i class="fa fa-calendar"></i> March 1, 2015</span>
  773.             </div>
  774.             <div class="tags">
  775.               <i class="fa fa-tags"></i>  <a href="#">Kingdoms of Amalur</a>, <a href="#">game</a>, <a href="#">review</a>
  776.             </div>
  777.             <div class="description">
  778.               Quod satis pecuniae sempiternum. Ut sciat oportet motum. Nunquam invenies eum. Hic de tabula. Ego vivere, ut debui, et nunc fiant. Istuc quod opus non est. Lorem ipsum occurrebat pragmaticam semper ut, si quis ita velim tibi bene recognoscere. Quorum
  779.               duo te mihi videtur.
  780.             </div>
  781.             <a href="blog-post-3.html" class="btn read-more">Read More</a>
  782.           </div>
  783.         </div>
  784.       </div>
  785.       <!-- /Single News Block -->
  786.     </section>
  787.     <!-- /Latest News -->
  788.  
  789.  
  790.     <!-- Partners -->
  791.     <section class="youplay-banner youplay-banner-parallax small mt-80">
  792.       <div class="image" style="background-image: url('assets/images/banner-bg.jpg');">
  793.       </div>
  794.  
  795.       <div class="info align-center">
  796.         <div>
  797.           <h2 class="mb-40">Partners</h2>
  798.  
  799.           <div class="row">
  800.             <div class="col-md-10 col-md-offset-1">
  801.               <div class="owl-carousel" data-autoplay="6000">
  802.                 <div class="item">
  803.                   <a href="#">
  804.                     <img src="assets/images/partner-logo-1.png" alt="">
  805.                   </a>
  806.                 </div>
  807.                 <div class="item">
  808.                   <a href="#">
  809.                     <img src="assets/images/partner-logo-2.png" alt="">
  810.                   </a>
  811.                 </div>
  812.                 <div class="item">
  813.                   <a href="#">
  814.                     <img src="assets/images/partner-logo-3.png" alt="">
  815.                   </a>
  816.                 </div>
  817.                 <div class="item">
  818.                   <a href="#">
  819.                     <img src="assets/images/partner-logo-4.png" alt="">
  820.                   </a>
  821.                 </div>
  822.                 <div class="item">
  823.                   <a href="#">
  824.                     <img src="assets/images/partner-logo-5.png" alt="">
  825.                   </a>
  826.                 </div>
  827.                 <div class="item">
  828.                   <a href="#">
  829.                     <img src="assets/images/partner-logo-6.png" alt="">
  830.                   </a>
  831.                 </div>
  832.                 <div class="item">
  833.                   <a href="#">
  834.                     <img src="assets/images/partner-logo-7.png" alt="">
  835.                   </a>
  836.                 </div>
  837.                 <div class="item">
  838.                   <a href="#">
  839.                     <img src="assets/images/partner-logo-8.png" alt="">
  840.                   </a>
  841.                 </div>
  842.               </div>
  843.             </div>
  844.           </div>
  845.         </div>
  846.       </div>
  847.     </section>
  848.     <!-- /Partners -->
  849.  
  850.  
  851.     <!-- Features -->
  852.     <h2 class="container h1">Why Buy from Us</h2>
  853.     <section class="youplay-features container">
  854.       <div class="col-md-3 col-sm-6">
  855.         <a class="feature angled-bg" href="#">
  856.           <i class="fa fa-cc-visa"></i>
  857.           <h3>Payment</h3>
  858.           <small>More than 10 payment systems</small>
  859.         </a>
  860.       </div>
  861.       <div class="col-md-3 col-sm-6">
  862.         <div class="feature angled-bg">
  863.           <i class="fa fa-gamepad"></i>
  864.           <h3>Games</h3>
  865.           <small>A large number of games</small>
  866.         </div>
  867.       </div>
  868.       <div class="col-md-3 col-sm-6">
  869.         <div class="feature angled-bg">
  870.           <i class="fa fa-money"></i>
  871.           <h3>Cheap</h3>
  872.           <small>Lowest prices on the Internet</small>
  873.         </div>
  874.       </div>
  875.       <div class="col-md-3 col-sm-6">
  876.         <div class="feature angled-bg">
  877.           <i class="fa fa-users"></i>
  878.           <h3>Community</h3>
  879.           <small>The largest gaming community</small>
  880.         </div>
  881.       </div>
  882.     </section>
  883.  
  884.     <!-- Footer -->
  885.     <footer class="youplay-footer-parallax">
  886.       <div class="wrapper" style="background-image: url('assets/images/footer-bg.jpg')">
  887.  
  888.         <!-- Social Buttons -->
  889.         <div class="social">
  890.           <div class="container">
  891.             <h3>Connect socially with <strong>youplay</strong></h3>
  892.  
  893.             <div class="social-icons">
  894.               <div class="social-icon">
  895.                 <a href="#!">
  896.                   <i class="fa fa-facebook-square"></i>
  897.                   <span>Like on Facebook</span>
  898.                 </a>
  899.               </div>
  900.               <div class="social-icon">
  901.                 <a href="#!">
  902.                   <i class="fa fa-twitter-square"></i>
  903.                   <span>Follow on Twitter</span>
  904.                 </a>
  905.               </div>
  906.               <div class="social-icon">
  907.                 <a href="#!">
  908.                   <i class="fa fa-twitch"></i>
  909.                   <span>Watch on Twitch</span>
  910.                 </a>
  911.               </div>
  912.               <div class="social-icon">
  913.                 <a href="#!">
  914.                   <i class="fa fa-youtube-square"></i>
  915.                   <span>Watch on Youtube</span>
  916.                 </a>
  917.               </div>
  918.             </div>
  919.           </div>
  920.         </div>
  921.         <!-- /Social Buttons -->
  922.  
  923.         <!-- Copyright -->
  924.         <div class="copyright">
  925.           <div class="container">
  926.             <strong>nK</strong> &copy; 2016. All rights reserved
  927.           </div>
  928.         </div>
  929.         <!-- /Copyright -->
  930.  
  931.       </div>
  932.     </footer>
  933.     <!-- /Footer -->
  934.  
  935.   </section>
  936.   <!-- /Main Content -->
  937.  
  938.   <!-- Search Block -->
  939.   <div class="search-block">
  940.     <a href="#!" class="search-toggle glyphicon glyphicon-remove"></a>
  941.     <form action="http://html.nkdev.info/youplay/dark/search.html">
  942.       <div class="youplay-input">
  943.         <input type="text" name="search" placeholder="Search...">
  944.       </div>
  945.     </form>
  946.   </div>
  947.   <!-- /Search Block -->
  948.  
  949.   <!-- jQuery -->
  950.   <script type="text/javascript" src="../assets/bower_components/jquery/dist/jquery.min.js"></script>
  951.  
  952.   <!-- Hexagon Progress -->
  953.   <script type="text/javascript" src="../assets/bower_components/HexagonProgress/jquery.hexagonprogress.min.js"></script>
  954.  
  955.  
  956.   <!-- Bootstrap -->
  957.   <script type="text/javascript" src="../assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  958.  
  959.   <!-- Jarallax -->
  960.   <script type="text/javascript" src="../assets/bower_components/jarallax/dist/jarallax.min.js"></script>
  961.  
  962.   <!-- Smooth Scroll -->
  963.   <script type="text/javascript" src="../assets/bower_components/smoothscroll-for-websites/SmoothScroll.js"></script>
  964.  
  965.   <!-- Owl Carousel -->
  966.   <script type="text/javascript" src="../assets/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
  967.  
  968.   <!-- Countdown -->
  969.   <script type="text/javascript" src="../assets/bower_components/jquery.countdown/dist/jquery.countdown.min.js"></script>
  970.   <!-- Youplay -->
  971.   <script type="text/javascript" src="../assets/youplay/js/youplay.min.js"></script>
  972.  
  973.   <!-- init youplay -->
  974.   <script>
  975.     if(typeof youplay !== 'undefined') {
  976.         youplay.init({
  977.             // enable parallax
  978.             parallax:         true,
  979.    
  980.             // set small navbar on load
  981.             navbarSmall:      false,
  982.    
  983.             // enable fade effect between pages
  984.             fadeBetweenPages: true,
  985.    
  986.             // twitter and instagram php paths
  987.             php: {
  988.                 twitter: './php/twitter/tweet.php',
  989.                 instagram: './php/instagram/instagram.php'
  990.             }
  991.         });
  992.     }
  993.   </script>
  994.  
  995.  
  996.   <script type="text/javascript">
  997.     $(".countdown").each(function() {
  998.         $(this).countdown($(this).attr('data-end'), function(event) {
  999.           $(this).text(
  1000.             event.strftime('%D days %H:%M:%S')
  1001.           );
  1002.         });
  1003.     })
  1004.   </script>
  1005.  
  1006. </body>
  1007.  
  1008.  
  1009. </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!