Advertisement
Guest User

Untitled

a guest
Jul 5th, 2015
300
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.74 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4. <meta charset="utf-8">
  5. <link href='http://fonts.googleapis.com/css?family=Exo+2:300,100&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
  6. <link href="css/bootstrap.css" rel="stylesheet">
  7. <!-- Include roboto.css to use the Roboto web font, material.css to include the theme and ripples.css to style the ripple effect -->
  8. <link href="css/roboto.min.css" rel="stylesheet">
  9. <link href="css/material.min.css" rel="stylesheet">
  10. <link href="css/style.css" rel="stylesheet">
  11. <link href="css/ripples.min.css" rel="stylesheet">
  12.  
  13. </head>
  14.  
  15. <body style="padding-top:60px;">
  16.  
  17. <div class="navbar navbar-inverse navbar-fixed-top">
  18. <div class="container">
  19. <div class="navbar-collapse collapse navbar-responsive-collapse">
  20. <ul class="nav navbar-nav">
  21. <li><a href="javascript:void(0)">Link</a></li>
  22. <li><a href="javascript:void(0)">Link</a></li>
  23. <li><a href="javascript:void(0)">Link</a></li>
  24. <li><a href="javascript:void(0)">Link</a></li>
  25. </ul>
  26. </div>
  27. </div>
  28. </div>
  29.  
  30. <div class="wrapper">
  31.  
  32. <header class="header">
  33. <div class="parent">Blaze<b>Game</b></div>
  34. </header><!-- .header-->
  35.  
  36. <div class="adhere">
  37. <div class="parent1">
  38. <img class="imgad" src="http://creeperstory.ru/pr/want2vote.gif"><img class="imgad" src="http://creeperstory.ru/pr/want2vote.gif">
  39. </div>
  40. </div><br>
  41.  
  42. <div class="middle">
  43.  
  44. <div class="container">
  45. <main class="content">
  46. <div class="row">
  47. <div class="col-sm-6 col-md-4">
  48. <div class="thumbnail">
  49. <img src="http://www.film.ru/sites/default/files/afisha/CHCKN/large/03.jpg" alt="...">
  50. <div class="caption">
  51. <h3>Курятник</h3>
  52. <p>Помоги питуху найти куриное яйцо</p>
  53. <p><a href="test.html" class="btn btn-primary" role="button">Играть</a> <a href="tet.html" class="btn btn-default" role="button">Кнопка</a></p>
  54. </div>
  55. </div>
  56. </div>
  57.  
  58. <div class="col-sm-6 col-md-4">
  59. <div class="thumbnail">
  60. <img src="http://habermedi.com/images/haberler/t_mario-prensesi-kurtaramadi.jpg" alt="...">
  61. <div class="caption">
  62. <h3>Водопроводчик</h3>
  63. <p>Ты играешь за зло! Твоя миссия: Убить Марио! Удачи!</p>
  64. <p><a href="vodoprovdchik.html" class="btn btn-primary" role="button">Играть</a> <a href="#" class="btn btn-default" role="button">Кнопка</a></p>
  65. </div>
  66. </div>
  67. </div>
  68.  
  69. <div class="col-sm-6 col-md-4">
  70. <div class="thumbnail">
  71. <img src="http://gamesfk.ru/wp-content/uploads/earntodie2-exodus-300x200.jpg" alt="...">
  72. <div class="caption">
  73. <h3>Сбей зомби 2</h3>
  74. <p>Город захватили зомби! Твоя задача: проберись до финиша сбив быстрее зомби!</p>
  75. <p><a href="earntodie2-exodus.html" class="btn btn-primary" role="button">Играть</a> <a href="#" class="btn btn-default" role="button">Кнопка</a></p>
  76. </div>
  77. </div>
  78. </div>
  79.  
  80. <div class="col-sm-6 col-md-4">
  81. <div class="thumbnail">
  82. <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMjAwIj48cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjE1MCIgeT0iMTAwIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjE5cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+MzAweDIwMDwvdGV4dD48L3N2Zz4=" alt="...">
  83. <div class="caption">
  84. <h3>Ярлык эскиза</h3>
  85. <p>...</p>
  86. <p><a href="#" class="btn btn-primary" role="button">Кнопка</a> <a href="#" class="btn btn-default" role="button">Кнопка</a></p>
  87. </div>
  88. </div>
  89. </div>
  90.  
  91. <div class="col-sm-6 col-md-4">
  92. <div class="thumbnail">
  93. <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMjAwIj48cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjE1MCIgeT0iMTAwIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjE5cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+MzAweDIwMDwvdGV4dD48L3N2Zz4=" alt="...">
  94. <div class="caption">
  95. <h3>Ярлык эскиза</h3>
  96. <p>...</p>
  97. <p><a href="#" class="btn btn-primary" role="button">Кнопка</a> <a href="#" class="btn btn-default" role="button">Кнопка</a></p>
  98. </div>
  99. </div>
  100. </div>
  101.  
  102. <div class="col-sm-6 col-md-4">
  103. <div class="thumbnail">
  104. <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMjAwIj48cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjE1MCIgeT0iMTAwIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjE5cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+MzAweDIwMDwvdGV4dD48L3N2Zz4=" alt="...">
  105. <div class="caption">
  106. <h3>Ярлык эскиза</h3>
  107. <p>...</p>
  108. <p><a href="#" class="btn btn-primary" role="button">Кнопка</a> <a href="#" class="btn btn-default" role="button">Кнопка</a></p>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </main><!-- .content -->
  114. </div><!-- .container-->
  115.  
  116. <aside class="left-sidebar">
  117. <div class="panel panel-primary">
  118. <div class="panel-heading">
  119. <h3 class="panel-title">Новости</h3>
  120. </div>
  121. <div class="panel-body">
  122. <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
  123.  
  124. <!-- VK Widget -->
  125. <div id="vk_groups"></div>
  126. <script type="text/javascript">
  127. VK.Widgets.Group("vk_groups", {mode: 2, width: "200", height: "390"}, 97445709);
  128. </script>
  129. </div>
  130. </div>
  131.  
  132. <div class="panel panel-primary">
  133. <div class="panel-heading">
  134. <h3 class="panel-title">Чат</h3>
  135. </div>
  136. <div class="panel-body">
  137. Тут будет чат
  138. </div>
  139. </div>
  140. </aside><!-- .left-sidebar -->
  141.  
  142. </div><!-- .middle-->
  143.  
  144. </div><!-- .wrapper -->
  145.  
  146. <footer class="footer">
  147. <div class="parent2">
  148. Футер тут
  149. </div>
  150. </footer><!-- .footer -->
  151.  
  152.  
  153. <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
  154.  
  155. <script src="js/ripples.min.js"></script>
  156. <script src="js/material.min.js"></script>
  157. <script>
  158. $(document).ready(function() {
  159. // This command is used to initialize some elements and make them work properly
  160. $.material.init();
  161. });
  162. </script>
  163.  
  164. </body>
  165.  
  166. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement