Advertisement
Guest User

Untitled

a guest
Jul 10th, 2014
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Home</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="Your description">
  8. <meta name="keywords" content="Your keywords">
  9. <meta name="author" content="DreamweaverTemplates.org">
  10. <link rel="icon" href="img/favicon.ico" type="image/x-icon">
  11. <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
  12. <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
  13. <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
  14. <link rel="stylesheet" href="css/camera.css" type="text/css" media="screen">
  15. <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
  16. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
  17. <style type="text/css">
  18. .font {
  19. font-family: Tahoma, Geneva, sans-serif;
  20. }
  21. a:hover {
  22. color: #0000FF;
  23. }
  24. </style>
  25. <script type="text/javascript" src="js/jquery.js"></script>
  26. <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  27. <script type="text/javascript" src="js/camera.js"></script>
  28. <script src="js/jquery.ui.totop.js" type="text/javascript"></script>
  29. <script>
  30. $(document).ready(function(){
  31. jQuery('.camera_wrap').camera();
  32. });
  33. </script>
  34. <!--[if lt IE 8]>
  35. <div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>
  36. <![endif]-->
  37.  
  38. <!--[if (gt IE 9)|!(IE)]><!-->
  39. <script type="text/javascript" src="js/jquery.mobile.customized.min.js"></script>
  40. <!--<![endif]-->
  41. <!--[if lt IE 9]>
  42. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
  43. <link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
  44. <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
  45. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  46. <link rel="stylesheet" href="css/docs.css" type="text/css" media="screen">
  47. <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
  48. <![endif]-->
  49. </head>
  50.  
  51. <body>
  52. <!--==============================header=================================-->
  53. <header class="p0">
  54. <div class="container">
  55. <div class="row">
  56. <div class="span12">
  57. <div class="header-block clearfix">
  58. <div class="clearfix header-block-pad">
  59. <h1 class="brand"><a href="index.html"><img src="img/logo.png" alt=""></a><span>Dark RP </span></h1>
  60. <form id="search-form" action="search.php" method="GET" accept-charset="utf-8" class="navbar-form" >
  61. <input type="text" name="s" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''" >
  62. <a href="#" onClick="document.getElementById('search-form').submit()"></a>
  63. </form>
  64. <span class="contacts"> Server IP: <a href="#">93.176.121.9:27045</a></span>
  65. </div>
  66. <div class="navbar navbar_ clearfix">
  67. <div class="navbar-inner navbar-inner_">
  68. <div class="container">
  69. <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse_">MENU</a>
  70. <div class="nav-collapse nav-collapse_ collapse">
  71. <ul class="nav sf-menu">
  72. <li class="active li-first"><a href="index.html"><em class="hidden-phone"></em><span class="visible-phone">Home</span></a></li>
  73. <li class="sub-menu"><a href="index-1.html">HOME</a>
  74. <ul>
  75. <li><a href="#">Welcome Message</a></li>
  76. <li class="sub-menu"><a href="#">Company Profile</a>
  77. <ul>
  78. <li><a href="#">Our Capabilities</a></li>
  79. <li><a href="#">Advantages</a></li>
  80. <li><a href="#">Work Team</a></li>
  81. <li><a href="#">Partnership</a></li>
  82. <li><a href="#">Support</a></li>
  83. </ul>
  84. </li>
  85. <li><a href="#">Our History</a></li>
  86. <li><a href="#">Testimonials</a></li>
  87. </ul>
  88. </li>
  89. <li><a href="index-2.html">FORUm</a></li>
  90. <li><a href="index-3.html">STAFF LIST</a></li>
  91. <li><a href="index-4.html">RULEs</a></li>
  92. <li><a href="index-5.html">STEAM GROUP</a></li>
  93. </ul>
  94. </div>
  95. <ul class="social-icons">
  96. <li><a href="#"><img src="img/icon-1.png" alt=""></a></li>
  97. <li><a href="#"><img src="img/icon-2.png" alt=""></a></li>
  98. <li><a href="#"><img src="img/icon-3.png" alt=""></a></li>
  99. <li><a href="#"><img src="img/icon-4.png" alt=""></a></li>
  100. </ul>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="slider">
  109. <div class="camera_wrap">
  110. <div data-src="img/slide1.jpg"></div>
  111. <div data-src="img/slide2.jpg"></div>
  112. <div data-src="img/slide3.jpg"></div>
  113. </div>
  114. </div>
  115. </header>
  116.  
  117. <section id="content" class="main-content">
  118. <div class="container">
  119. <div class="row">
  120. <div class="span12">
  121. <ul class="thumbnails">
  122. <li class="span3">
  123. <div class="thumbnail">
  124. <div class="caption">
  125. <img src="img/img-1.png" alt="">
  126. <h5>Our</h5>
  127. <h3>SERVER</h3>
  128. </div>
  129. <div class="thumbnail-pad">
  130. <p>Retro Fusion Gaming is a freindly Dark RP server where everyone is welcome.</p>
  131. <a href="#" class="btn btn_">more info</a>
  132. </div>
  133. </div>
  134. </li>
  135. <li class="span3">
  136. <div class="thumbnail">
  137. <div class="caption">
  138. <img src="img/img-2.png" alt="">
  139. <h5>Attention</h5>
  140. <h3>tO detail</h3>
  141. </div>
  142. <div class="thumbnail-pad">
  143. <p>At Retro Fusion Gaming we use customised scripts and test them vigorously.</p>
  144. <a href="#" class="btn btn_">more info</a>
  145. </div>
  146. </div>
  147. </li>
  148. <li class="span3">
  149. <div class="thumbnail">
  150. <div class="caption">
  151. <img src="img/img-3.png" alt="">
  152. <h5>Your</h5>
  153. <h3>Stay</h3>
  154. </div>
  155. <div class="thumbnail-pad">
  156. <p>Here at Retro Fusion Gaming we will make your stay as pleasent as possible. With Administrators on the server it will be minge free.</p>
  157. <a href="#" class="btn btn_">more info</a>
  158. </div>
  159. </div>
  160. </li>
  161. <li class="span3">
  162. <div class="thumbnail">
  163. <div class="caption">
  164. <img src="img/img-4.png" alt="">
  165. <h5>News and</h5>
  166. <h3>Information</h3>
  167. </div>
  168. <div class="thumbnail-pad">
  169. <p>You can view news and information about Retro Fusion Gaming by clicking the button below.</p>
  170. <a href="#" class="btn btn_">more info</a>
  171. </div>
  172. </div>
  173. </li>
  174. </ul>
  175. </div>
  176. </div>
  177. <div class="row">
  178. <div class="span8">
  179. <div class="clearfix cols-1">
  180. <div class="span4 left-0">
  181. <h4 class="indent-2">Welcome</h4>
  182. <p class="lead">Welcome to Retro Fusion Gaming. We hope you have a pleasant and fun stay with us. If you are new introduce yourself on the forums so we can get to know you!</p>
  183. <figure class="img-indent"><img src="img/page1-img1.jpg" alt="" class="img-radius"></figure>
  184. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem.
  185. </div>
  186. <div class="span4">
  187. <h4 class="indent-2">&nbsp;</h4>
  188. <p>&nbsp;</p>
  189. <p>&nbsp;</p>
  190. <figure class="img-indent"><img src="img/page1-img2.jpg" alt="" class="img-radius"></figure>
  191. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem.
  192. </div>
  193. </div>
  194. <h4 class="indent-1">our Capabilities:</h4>
  195. <p class="lead">Currently we only have a DarkRP server but we plan to expand our servers and host other Garry's Mod game modes such as FLood and TTT.</p>
  196. <div class="lists">
  197. <div class="span4 left-0"> </div>
  198. <div class="span4"> </div>
  199. </div>
  200. <a href="#" class="link">More Info</a>
  201. </div>
  202. <div class="span4">
  203. <h4 class="indent-2">Latest News:</h4>
  204. <ul class="list-news">
  205. <li>
  206. <a href="#" class="btn btn_">Apr 21, 2012</a>
  207. <p class="text-info">Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</p>
  208. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. <a href="#" class="underline">>></a>
  209. </li>
  210. <li>
  211. <a href="#" class="btn btn_">Apr 21, 2012</a>
  212. <p class="text-info">Aenean nonummy hendrerit mauris</p>
  213. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes. <a href="#" class="underline">>></a>
  214. </li>
  215. <li>
  216. <a href="#" class="btn btn_">Apr 21, 2012</a>
  217. <p class="text-info">Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturien.</p>
  218. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes. <a href="#" class="underline">>></a></li>
  219. </ul>
  220. </div>
  221. </div>
  222. </div>
  223. </section>
  224. <footer>
  225. <div class="container">
  226. <div class="row">
  227. <div class="span4 float2">
  228. <form id="newsletter" method="post" >
  229. <label>Newsletter</label>
  230. <div class="clearfix">
  231. <input type="text" onFocus="if(this.value =='Enter e-mail here' ) this.value=''" onBlur="if(this.value=='') this.value='Enter e-mail here'" value="Enter e-mail here" >
  232. <a href="#" onClick="document.getElementById('newsletter').submit()" class="btn btn_">subscribe</a>
  233. </div>
  234. </form>
  235. </div>
  236. <div class="span8 float">
  237. <ul class="footer-menu">
  238. <li><a href="index.html" class="current">Home Page</a>|</li>
  239. <li><a href="index-1.html">about</a>|</li>
  240. <li><a href="index-2.html">Services</a>|</li>
  241. <li><a href="index-3.html">collections</a>|</li>
  242. <li><a href="index-4.html">styles</a>|</li>
  243. <li><a href="index-5.html">Contacts</a> <!-- {%FOOTER_LINK} --> </li>
  244. </ul>
  245. </div>
  246. </div>
  247. </div>
  248. </footer>
  249. <script type="text/javascript" src="js/bootstrap.js"></script>
  250. </body>
  251. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement