API tools faq
paste
Advertisement
Guest User

html

a guest
Sep 21st, 2015
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.     <meta name="description" content="Game Elegance">
  9.     <meta name="author" content="Govard Barkhatov">
  10.     <link rel="icon" href="../../favicon.ico">
  11.  
  12.     <title>GameElegance</title>
  13.  
  14.     <!-- Bootstrap core CSS -->
  15.     <link href="css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.     <!-- Custom styles for this template -->
  18.     <link href="css/style.css" rel="stylesheet">
  19.  
  20.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  21.     <!--[if lt IE 9]>
  22.    <js src="js/html5shiv.min.js"></js>
  23.    <js src="js/respond.min.js"></js>
  24.    <![endif]-->
  25. </head>
  26.  
  27. <body>
  28.  
  29. <div class="container-fluid">
  30.     <div class="row header">
  31.         <div class="stars field-background col-xs-3">
  32.  
  33.             <div class="row">
  34.                 <div class="left-pic col-xs-6" id="star"></div>
  35.                 <div class="text-in-three col-xs-6">
  36.                     1
  37.                 </div>
  38.             </div>
  39.  
  40.         </div>
  41.         <div class="jewels field-background col-xs-3">
  42.  
  43.             <div class="row">
  44.                 <div class="left-pic col-xs-6" id="diamond"></div>
  45.                 <div class="text-in-three col-xs-6">
  46.                     2
  47.                 </div>
  48.             </div>
  49.  
  50.         </div>
  51.         <div class="coins field-background col-xs-3">
  52.  
  53.             <div class="row">
  54.                 <div class="left-pic col-xs-6" id="coin"></div>
  55.                 <div class="col-xs-6">
  56.  
  57.                     <div class="row">
  58.                         <div class="text-in-three col-xs-6" id="coins-text">
  59.                             25545
  60.                         </div>
  61.                         <div class="right-pic col-xs-6" id="plus"></div>
  62.                     </div>
  63.  
  64.                 </div>
  65.             </div>
  66.  
  67.         </div>
  68.         <div class="ticket col-xs-1" id="ticket"></div>
  69.         <div class="store col-xs-1" id="store"></div>
  70.         <div class="settings col-xs-1" id="settings"></div>
  71.     </div>
  72.     <section class="fill-height-or-more">
  73.     <div class="row contents content-row-1">
  74.         <div class="characted-box girl col-xs-3">
  75.             <div class="row">
  76.  
  77.                 <div class="btn-pic col-xs-6" id="girl-button"></div>
  78.                 <div class="text-in-btn col-xs-6">
  79.                     CITY GIRLS
  80.                 </div>
  81.                 <div class="character-image col-xs-6" id="girl-image"></div>
  82.  
  83.             </div>
  84.         </div>
  85.         <div class="characted-box whale col-xs-3">
  86.             <div class="row">
  87.  
  88.                 <div class="btn-pic col-xs-6" id="whale-button"></div>
  89.                 <div class="text-in-btn col-xs-6">
  90.                     WHALE WONDER
  91.                 </div>
  92.                 <div class="character-image col-xs-6" id="whale-image"></div>
  93.  
  94.             </div>
  95.         </div>
  96.         <div class="characted-box princess col-xs-3">
  97.             <div class="row">
  98.  
  99.                 <div class="btn-pic col-xs-6" id="princess-button"></div>
  100.                 <div class="text-in-btn col-xs-6">
  101.                     PRINCESS
  102.                 </div>
  103.                 <div class="character-image col-xs-6" id="princess-image"></div>
  104.  
  105.             </div>
  106.         </div>
  107.         <div class="characted-box treasure col-xs-3">
  108.             <div class="row">
  109.  
  110.                 <div class="btn-pic col-xs-6" id="treasure-button"></div>
  111.                 <div class="text-in-btn col-xs-6">
  112.                     TREASURE CHEST
  113.                 </div>
  114.                 <div class="character-image col-xs-6" id="treasure-image"></div>
  115.  
  116.             </div>
  117.         </div>
  118.     </div>
  119.     <div class="row contents content-row-2">
  120.         <div class="pharaoh col-xs-3">
  121.             <div class="row">
  122.  
  123.                 <div class="btn-pic col-xs-6" id="pharaoh-button"></div>
  124.                 <div class="text-in-btn col-xs-6">
  125.                     PHARAOH
  126.                 </div>
  127.                 <div class="character-image col-xs-6" id="pharaoh-image"></div>
  128.  
  129.             </div>
  130.         </div>
  131.         <div class="dragon col-xs-3">
  132.             <div class="row">
  133.  
  134.                 <div class="btn-pic col-xs-6" id="dragon-button"></div>
  135.                 <div class="text-in-btn col-xs-6">
  136.                     GOLDEN DRAGON
  137.                 </div>
  138.                 <div class="character-image col-xs-6" id="dragon-image"></div>
  139.  
  140.             </div>
  141.         </div>
  142.         <div class="bison col-xs-3">
  143.             <div class="row">
  144.  
  145.                 <div class="btn-pic col-xs-6" id="bison-button"></div>
  146.                 <div class="text-in-btn col-xs-6">
  147.                     BISON
  148.                 </div>
  149.                 <div class="character-image col-xs-6" id="bison-image"></div>
  150.  
  151.             </div>
  152.         </div>
  153.         <div class="stallion col-xs-3">
  154.             <div class="row">
  155.  
  156.                 <div class="btn-pic col-xs-6" id="stallion-button"></div>
  157.                 <div class="text-in-btn col-xs-6">
  158.                     WILD STALLION
  159.                 </div>
  160.                 <div class="character-image col-xs-6" id="stallion-image"></div>
  161.  
  162.             </div>
  163.         </div>
  164.     </div>
  165.     </section>
  166.     <div class="row footer">
  167.         <div class="tournaments col-xs-2">1</div>
  168.         <div class="news col-xs-2">2</div>
  169.         <div class="next-bonus col-xs-4">3</div>
  170.         <div class="offer col-xs-2">4</div>
  171.         <div class="coins col-xs-2">5</div>
  172.     </div>
  173. </div>
  174.  
  175. <!-- Bootstrap core JavaScript
  176. ================================================== -->
  177. <!-- Placed at the end of the document so the pages load faster -->
  178. <script src="js/jquery.min.js"></script>
  179. <script src="js/bootstrap.min.js"></script>
  180. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  181. <script src="js/ie10-viewport-bug-workaround.js"></script>
  182. <!--Custom script-->
  183. <script src="js/script.js"></script>
  184. </body>
  185. </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!