Advertisement
Guest User

Untitled

a guest
Nov 30th, 2015
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.16 KB | None | 0 0
  1. <div class="main-container background">
  2. <div class="container homepage-boxes">
  3. <div class="row">
  4. <div class="col-md-8 border-image bi-large">
  5. <a href="#" style="background-image: url('/bundles/omgservwebsite/img/home-mc.png');"></a>
  6. </div>
  7. <div class="col-md-4 border-image bi-large">
  8. <a href="#" style="background-image: url('/bundles/omgservwebsite/img/home-vps.png');"></a>
  9. </div>
  10. </div>
  11. <div class="row">
  12. <div class="col-md-4 border-image bi-small">
  13. <a href="#" style="background-image: url('/bundles/omgservwebsite/img/home-ts.png');"></a>
  14. </div>
  15. <div class="col-md-4 border-image bi-small">
  16. <a href="#" style="background-image: url('/bundles/omgservwebsite/img/home-cs.png');"></a>
  17. </div>
  18. <div class="col-md-4 border-image bi-small">
  19. <a href="#" style="background-image: url('/bundles/omgservwebsite/img/home-mum.png');"></a>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="homepage-gray">
  24. <div class="container">
  25. <div class="row">
  26. <h3>Enregistrez votre <span class="underlined">nom de domaine</span></h3>
  27. </div>
  28. <div class="row">
  29. <div class="text-center">
  30. <form class="form-inline">
  31. <div class="form-group">
  32. <div class="input-group">
  33. <input type="text" class="form-control" id="exampleInputAmount" placeholder="VOTRE NOM DE DOMAINE">
  34.  
  35. <div class="input-group-addon">.com <span class="caret"></span></div>
  36. </div>
  37. <button type="submit" class="btn btn-danger">COMMANDER</button>
  38. </div>
  39. </form>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="homepage-test2" style="
  45. background-color: #FFF;
  46. ">
  47. <div class="container">
  48.  
  49.  
  50. <div class="row" style="
  51. margin-top: 30px;
  52. margin-bottom: 13px;
  53. "><center><span class="titlestats">Pourquoi choisir OMGSERV ?
  54. </span></center>
  55.  
  56.  
  57. </div><div class="row" style="
  58. margin-bottom: 30px;
  59. ">
  60. <div class="col-md-4" style="
  61. padding-top: 10px;
  62. padding-bottom: 10px;
  63. /* background-color: #E5E5E5; */
  64. ">
  65. <div class="leftt" style="
  66. float: left;
  67. "><i class="pe-7s-joy" style="
  68. font-size: 4em;
  69. color: #ee3623;
  70. "></i></div>
  71. <div class="rightt" style="
  72. float: left;
  73. padding-left: 20px;
  74. "><span class="statun2"> Anti-DDoS
  75. </span><br>
  76.  
  77. <span class="statdeux2">Arbor ultra chaud</span></div>
  78. </div>
  79. <div class="col-md-4" style="
  80. padding-top: 10px;
  81. padding-bottom: 10px;
  82. /* background-color: #E5E5E5; */
  83. ">
  84. <div class="leftt" style="
  85. float: left;
  86. "><i class="pe-7s-joy" style="
  87. font-size: 4em;
  88. color: #ee3623;
  89. "></i></div>
  90. <div class="rightt" style="
  91. float: left;
  92. padding-left: 20px;
  93. "><span class="statun2"> Support 7/7
  94. </span><br>
  95.  
  96. <span class="statdeux2">Expert et réactif</span></div>
  97. </div><div class="col-md-4" style="
  98. padding-top: 10px;
  99. padding-bottom: 10px;
  100. /* background-color: #E5E5E5; */
  101. ">
  102. <div class="leftt" style="
  103. float: left;
  104. "><i class="pe-7s-joy" style="
  105. font-size: 4em;
  106. color: #ee3623;
  107. "></i></div>
  108. <div class="rightt" style="
  109. float: left;
  110. padding-left: 20px;
  111. "><span class="statun2"> Performances
  112. </span><br>
  113.  
  114. <span class="statdeux2">Infrastructure HQ</span></div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="homepage-news" style="
  120. background-color: #F1F1F1;
  121. "><div class="container">
  122. <div class="row" style="
  123. margin-top: 40px;
  124. margin-bottom: 40px;
  125. ">
  126. <div class="oblock">
  127. <div class="ocontent">
  128. <div class="row" style="
  129. margin-top: -10px;
  130. margin-bottom: 20px;
  131. "><center><span class="titlestats">Ils nous font confiance
  132. </span></center>
  133.  
  134.  
  135. </div><div class="row" style="
  136. margin-bottom: -5px;
  137. ">
  138. <div class="col-md-1"><center><i class="pe-7s-angle-left-circle" style="
  139. font-size: 2em;
  140. margin-top: 35px;
  141. "></i></center></div>
  142. <div class="col-md-2"><center><img src="http://puu.sh/lEhhe/1e2860e6f0.png" style="
  143. margin-bottom: 8px;
  144. "><span class="ytber">Aypierre</span></center></div>
  145. <div class="col-md-2"><center><img src="http://puu.sh/lEhhe/1e2860e6f0.png" style="
  146. margin-bottom: 8px;
  147. "><span class="ytber">BillSilverlight</span></center></div>
  148. <div class="col-md-2"><center><img src="http://puu.sh/lEhhe/1e2860e6f0.png" style="
  149. margin-bottom: 8px;
  150. "><span class="ytber">Siphano</span></center></div>
  151. <div class="col-md-2" style="
  152. /* margin-bottom: -10px; */
  153. "><center><img src="http://puu.sh/lEhhe/1e2860e6f0.png" style="
  154. margin-bottom: 8px;
  155. "><span class="ytber">Unsterbliicher</span></center></div>
  156. <div class="col-md-2"><center><img src="http://puu.sh/lEhhe/1e2860e6f0.png" style="
  157. margin-bottom: 8px;
  158. "><span class="ytber">Alexclick</span></center></div>
  159. <div class="col-md-1"><center><i class="pe-7s-angle-right-circle" style="
  160. font-size: 2em;
  161. margin-top: 35Px;
  162. "></i></center></div>
  163.  
  164.  
  165.  
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. </div></div><div class="homepage-test">
  171. <div class="container">
  172.  
  173.  
  174. <div class="row" style="
  175. margin-top: 30px;
  176. margin-bottom: 10px;
  177. "><center><span class="titlestats">OMGSERV en chiffres
  178. </span></center>
  179.  
  180.  
  181. </div><div class="row" style="
  182. margin-bottom: 30px;
  183. ">
  184.  
  185. <div class="col-md-3" style="
  186. /* background-color: #F1F1F1; */
  187. padding-top: 10px;
  188. padding-bottom: 10px;
  189. ">
  190. <center><span class="statun"><i class="pe-7s-graph2" style="
  191. color: #ee3623;
  192. "></i> 13 891
  193. </span><br>
  194.  
  195. <span class="statdeux">serveurs vocaux
  196. </span></center>
  197. </div><div class="col-md-3" style="
  198. /* background-color: #E5E5E5; */
  199. padding-top: 10px;
  200. padding-bottom: 10px;
  201. ">
  202. <center><span class="statun"><i class="pe-7s-graph2" style="
  203. color: #ee3623;
  204. "></i> 11 780
  205. </span><br>
  206.  
  207. <span class="statdeux">serveurs de jeux</span></center>
  208. </div>
  209.  
  210. <div class="col-md-3" style="
  211. padding-top: 10px;
  212. padding-bottom: 10px;
  213. /* background-color: #F1F1F1; */
  214. ">
  215. <center><span class="statun"><i style="
  216. color: #ee3623;
  217. " class="pe-7s-users"></i> 352 990
  218. </span><br>
  219.  
  220. <span class="statdeux">membres inscrits</span></center>
  221. </div><div class="col-md-3" style="
  222. padding-top: 10px;
  223. padding-bottom: 10px;
  224. ">
  225. <center><span class="statun"><i style="
  226. color: #ee3623;
  227. " class="pe-7s-users"></i> 3 708
  228. </span><br>
  229.  
  230. <span class="statdeux">Joueurs en ligne</span></center>
  231. </div>
  232. </div>
  233. </div>
  234. </div><div class="homepage-news" style="
  235. background-color: #F1F1F1;
  236. "><div class="container">
  237. <div class="row" style="
  238. margin-top: 40px;
  239. margin-bottom: 40px;
  240. ">
  241. <div class="oblock">
  242. <div class="ocontent">
  243. <div class="row" style="
  244. /* margin-top: 30px; */
  245. margin-bottom: 20px;
  246. "><center><span class="titlestats">Actualités
  247. </span></center>
  248.  
  249.  
  250. </div><div class="row">
  251.  
  252. <div class="col-md-4">
  253.  
  254.  
  255. <div class="news-image" style="background-image: url('http://gamewave.fr/static/images/news/thumbs/6bc7287bca1c879f70132b1817bc52893753da16.jpeg');height: 165px;">
  256. <div class="news-title" style="
  257. padding-top: 114px;
  258. ">
  259. <div style="
  260. font-family: &quot;open_sanssemibold&quot;, sans-serif;
  261. color: #FFF;
  262. background-color: rgba(0,0,0,0.7);
  263. height: 51px;
  264. width: 100%;
  265. overflow: hidden;
  266. white-space: nowrap;
  267. font-size: 1em;
  268. text-transform: uppercase;
  269. padding: 5px 0 0 10px;
  270. ">Serveur Starbound upbeat giraffe <br>
  271. mes couilles c'est long</div>
  272. </div>
  273. </div><div class="lolmdr" style="
  274. margin-top: 4px;
  275. "><span class="datee" style="
  276. font-family: &quot;open_sansbold&quot;, sans-serif;
  277. font-size: 0.8em;
  278. float: left;
  279. ">MINECRAFT</span><span class="datee" style="
  280. font-family: &quot;open_sansbold&quot;, sans-serif;
  281. font-size: 0.8em;
  282. float: right;
  283. ">28/04/2015</span><span class="articlet"></span></div>
  284. </div>
  285. <div class="col-md-4">
  286.  
  287.  
  288. <div class="news-image" style="background-image: url('http://gamewave.fr/static/images/news/thumbs/f1cc45f0ee6b1dafe28e371078e5c9e948ffd684.jpeg');height: 165px;">
  289. <div class="news-title" style="
  290. padding-top: 114px;
  291. ">
  292. <div style="
  293. font-family: &quot;open_sanssemibold&quot;, sans-serif;
  294. color: #FFF;
  295. background-color: rgba(0,0,0,0.7);
  296. height: 51px;
  297. width: 100%;
  298. overflow: hidden;
  299. white-space: nowrap;
  300. font-size: 1em;
  301. text-transform: uppercase;
  302. padding: 5px 0 0 10px;
  303. ">Ce titre est beaucoup trop long<br>
  304. pour cette case
  305. </div>
  306. </div>
  307. </div><div class="lolmdr" style="
  308. margin-top: 4px;
  309. "><span class="datee" style="
  310. font-family: &quot;open_sansbold&quot;, sans-serif;
  311. font-size: 0.8em;
  312. float: left;
  313. ">MUMBLE</span><span class="datee" style="
  314. font-family: &quot;open_sansbold&quot;, sans-serif;
  315. font-size: 0.8em;
  316. float: right;
  317. ">25/04/2015</span><span class="articlet"></span></div>
  318. </div><div class="col-md-4">
  319.  
  320.  
  321. <div class="news-image" style="background-image: url('http://gamewave.fr/static/images/news/thumbs/82b8f7d0049aebec8e7a0373eeb6c987d630226e.jpeg');height: 165px;">
  322. <div class="news-title" style="
  323. padding-top: 114px;
  324. ">
  325. <div style="
  326. font-family: &quot;open_sanssemibold&quot;, sans-serif;
  327. color: #FFF;
  328. background-color: rgba(0,0,0,0.7);
  329. height: 51px;
  330. width: 100%;
  331. overflow: hidden;
  332. white-space: nowrap;
  333. font-size: 1em;
  334. text-transform: uppercase;
  335. padding: 5px 0 0 10px;
  336. ">Serveur Starbound upbeat giraffe <br>
  337. mes couilles c'est long</div>
  338. </div>
  339. </div>
  340.  
  341. <div class="lolmdr" style="
  342. margin-top: 4px;
  343. "><span class="datee" style="
  344. font-family: &quot;open_sansbold&quot;, sans-serif;
  345. font-size: 0.8em;
  346. float: left;
  347. ">STARBOUND</span><span class="datee" style="
  348. font-family: &quot;open_sansbold&quot;, sans-serif;
  349. font-size: 0.8em;
  350. float: right;
  351. ">15/04/2015</span><span class="articlet"></span></div>
  352. </div>
  353.  
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. </div></div>
  359. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement