API tools faq
paste
Advertisement
bokunda

Kućišta

bokunda
Mar 3rd, 2024
19
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Gray Host - Free Website Template</title>
  6. <meta name="keywords" content="" />
  7. <meta name="description" content="" />
  8. <!--
  9. Template 2035 Gray Host
  10. http://www.tooplate.com/view/2035-gray-host
  11. -->
  12. <link href="tooplate_style.css" rel="stylesheet" type="text/css" />
  13.  
  14. </head>
  15. <body>
  16.  
  17. <div id="tooplate_wrapper">
  18.  
  19. <div id="tooplate_header">
  20. <div id="site_title"><h1><a href="#">Gray Host</a></h1></div>
  21. <div id="tooplate_menu">
  22. <ul>
  23. <li><a href="index.html" class="current">Home</a></li>
  24. <li><a href="webhosting.html">Web Hosting</a></li>
  25. <li><a href="vps.html">VPS Hosting</a></li>
  26. <li><a href="dedicatedservers.html">Dedicated Servers</a></li>
  27. <li><a href="contact.html">Contact</a></li>
  28. </ul>
  29. </div> <!-- end of tooplate_menu -->
  30. </div> <!-- end of tooplate_header -->
  31.  
  32. <div id="tooplate_middle">
  33. <h1>Specialized Hosting Platform</h1>
  34. <em>Most Reliable Hosting on the web</em>
  35.  
  36. <div class="col_w220 float_l">
  37. <ul class="tooplate_list">
  38. <li>Unlimited Disk Space</li>
  39. <li>Unlimited Bandwidth</li>
  40. <li>Host UNLIMITED Domains</li>
  41. <li>1-Click Script Installs</li>
  42. </ul>
  43. </div>
  44.  
  45. <div class="col_w220 float_r">
  46. <ul class="tooplate_list">
  47. <li>Easy Control Panel</li>
  48. <li>99.999% Uptime Guarantee</li>
  49. <li>Money Back Guarantee</li>
  50. <li>24/7/365 Technical Support</li>
  51. </ul>
  52. </div>
  53.  
  54. <div class="cleaner"></div>
  55. </div> <!-- end of tooplate_middle -->
  56.  
  57. <div id="tooplate_main">
  58.  
  59. <table class="plans" cellpadding="0" cellspacing="0">
  60. <tr class="header">
  61. <th class="left features">Features</th>
  62. <th>Plan One</th>
  63. <th>Plan Two</th>
  64. <th>Plan Three</th>
  65. </tr>
  66.  
  67.  
  68. <tr class="even">
  69. <td class="left">Domains Allowed</td>
  70. <td>3</td>
  71. <td>10</td>
  72. <td>Unlimited</td>
  73. </tr>
  74. <tr class="odd">
  75. <td class="left">Free Dedicated IP</td>
  76. <td><img src="images/tooplate_ex.png" alt="" /></td>
  77. <td><img src="images/tooplate_ex.png" alt="" /></td>
  78. <td><img src="images/tooplate_in.png" alt="" /></td>
  79. </tr>
  80. <tr class="even">
  81. <td class="left">Free Private SSL</td>
  82. <td><img src="images/tooplate_ex.png" alt="" /></td>
  83. <td><img src="images/tooplate_ex.png" alt="" /></td>
  84. <td><img src="images/tooplate_in.png" alt="" /></td>
  85. </tr>
  86.  
  87. </table>
  88.  
  89. <div class="col_w960">
  90. <div class="col_allw300">
  91. <div class="cont_title">What You Get</div>
  92. <p align="justify"><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan venenatis turpis, ac porta tortor posuere cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam finibus velit ac venenatis consectetur. Vestibulum gravida fringilla massa, in ornare enim ultrices ac. Phasellus congue tincidunt ullamcorper. Integer dapibus velit a nunc posuere euismod. Vestibulum ac lorem eget dui ultricies hendrerit vitae sed nisl. Ut mollis, mauris posuere tristique dignissim, quam nisi tristique ligula, eget egestas lorem diam quis diam. Nunc quis commodo nisl. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</em></p>
  93.  
  94. </div>
  95.  
  96. <div class="col_allw300">
  97. <div class="cont_title">Why We're Better</div>
  98. <p><em><img src="images/tooplate_logo.png" alt="" style="z-index: -1; position: relative; left:-50px; float: left; margin-right: 10px;"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan venenatis turpis, ac porta tortor posuere cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam finibus velit ac venenatis consectetur. Vestibulum gravida fringilla massa, in ornare enim ultrices ac. Phasellus congue tincidunt ullamcorper. Integer dapibus velit a nunc posuere euismod. Vestibulum ac lorem eget dui ultricies hendrerit vitae sed nisl. Ut mollis, mauris posuere tristique dignissim, quam nisi tristique ligula, eget egestas lorem diam quis diam. Nunc quis commodo nisl. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</em></p>
  99.  
  100. </div>
  101.  
  102. <div class="col_allw300 col_last">
  103. <div class="cont_title">About Us</div>
  104. <p align="justify"><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan venenatis turpis, ac porta tortor posuere cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam finibus velit ac venenatis consectetur. Vestibulum gravida fringilla massa, in ornare enim ultrices ac. Phasellus congue tincidunt ullamcorper. Integer dapibus velit a nunc posuere euismod. Vestibulum ac lorem eget dui ultricies hendrerit vitae sed nisl. Ut mollis, mauris posuere tristique dignissim, quam nisi tristique ligula, eget egestas lorem diam quis diam. Nunc quis commodo nisl. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</em></p>
  105. </div>
  106. </div>
  107.  
  108. <div class="cleaner"></div>
  109.  
  110. </div> <!-- end of tooplate_main -->
  111.  
  112. </div> <!-- end of tooplate_wrapper -->
  113.  
  114. <div id="tooplate_footer_wrapper">
  115. <div id="tooplate_footer">
  116. Copyright © 2018 <a href="#">IMI PMF</a>
  117. <div class="cleaner"></div>
  118. </div><!--end of tooplate_footer-->
  119. </div><!--end of tooplate_footer_wrapper-->
  120.  
  121. </body>
  122. </html>
  123.  
  124. style css:
  125. /*
  126. Template 2035 Gray Host
  127. http://www.tooplate.com/view/2035-gray-host
  128. */
  129.  
  130. body {
  131. margin: 0px;
  132. padding: 0px;
  133. color: #333;
  134. font-family: "Lucida Bright", sans-serif;
  135. font-size: 13px;
  136. line-height: 1.7em;
  137. background-color: #ececec;
  138. background-image: url(images/tooplate_body.png);
  139. background-repeat: repeat-x;
  140. background-position: top;
  141. }
  142.  
  143. a, a:link, a:visited {
  144. color: #ff6600;
  145. font-weight: normal;
  146. text-decoration: underline;
  147. font-size: 12px;
  148. }
  149.  
  150. a:hover { text-decoration: none; }
  151.  
  152. p { margin: 0 0 10px 0; padding: 0; }
  153. img { border: none; }
  154. blockquote { font-style: italic; margin: 0 0 0 10px;}
  155. cite { font-weight: bold; color:#3d8e7d; }
  156. cite span { color: #3d8e7d; }
  157. em { color: #000 }
  158.  
  159. h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
  160. h1 { font-size: 34px; margin: 0 0 20px; padding: 5px 0 }
  161. h2 { font-size: 28px; margin: 0 0 15px; padding: 5px 0; }
  162. h3 { font-size: 24px; margin: 0 0 15px; padding: 0; }
  163. h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
  164. h5 { font-size: 16px; margin: 0 0 10px; padding: 0; }
  165. h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }
  166.  
  167. .cleaner { clear: both }
  168. .h10 { height: 10px }
  169. .h20 { height: 20px }
  170. .h30 { height: 30px }
  171. .h40 { height: 40px }
  172. .h50 { height: 50px }
  173. .h60 { height: 60px }
  174.  
  175. .float_l { float: left }
  176. .float_r { float: right }
  177.  
  178. .image_wrapper {
  179. display: inline-block;
  180. border: 1px solid #fff;
  181. padding: 3px; background: none;
  182. margin-bottom: 5px;
  183. }
  184.  
  185. .image_fl {
  186. float: left;
  187. margin: 3px 30px 0 0;
  188. }
  189.  
  190. .image_fr {
  191. float: right;
  192. margin: 3px 0 0 30px;
  193. }
  194.  
  195. .tooplate_list {
  196. margin: 20px 0 20px 10px;
  197. padding: 0;
  198. list-style: none;
  199. }
  200.  
  201. .tooplate_list li {
  202. color:#333;
  203. margin: 0;
  204. padding: 0 0 5px 20px;
  205. background: url(images/tooplate_list.png) no-repeat scroll 0 5px;
  206. }
  207.  
  208. .tooplate_list li a {
  209. color: #3d8e7d;
  210. font-weight: normal;
  211. font-size: 12px;
  212. text-decoration: none;
  213. }
  214. .tooplate_list li a:hover {
  215. color: #000;
  216. }
  217.  
  218. #tooplate_wrapper {
  219. margin: 0 auto;
  220. width: 960px;
  221. padding: 0 10px;
  222. background: url(images/tooplate_header.jpg) top center no-repeat;
  223. }
  224.  
  225. #tooplate_header {
  226. width: 960px;
  227. height: 100px;
  228. }
  229.  
  230. #site_title {
  231. float: left;
  232. display: block;
  233. height: 65px;
  234. }
  235.  
  236. #site_title h1 {
  237. margin: 0;
  238. padding: 15px 0 0;
  239. }
  240.  
  241. #site_title h1 a {
  242. display: block;
  243. width: 172px;
  244. height: 28px;
  245. color: #fff;
  246. text-indent: -10000px;
  247. background: url(images/tooplate_logo.png) no-repeat top left;
  248. }
  249.  
  250. /* menu */
  251.  
  252. #tooplate_menu {
  253. clear: both;
  254. width: 960px;
  255. height: 35px;
  256. }
  257.  
  258. #tooplate_menu ul {
  259. margin: 0;
  260. padding: 0;
  261. list-style: none;
  262. }
  263.  
  264. #tooplate_menu ul li {
  265. padding: 0;
  266. margin: 0;
  267. display: inline;
  268. }
  269.  
  270. #tooplate_menu ul li a {
  271. float: left;
  272. display: block;
  273. line-height: 35px;
  274. padding: 0 20px;
  275. font-size: 14px;
  276. color: #f00;
  277. text-align: center;
  278. text-decoration: none;
  279. font-weight: 400;
  280. outline: none;
  281. }
  282.  
  283. #tooplate_menu ul li a:hover, #tooplate_menu ul .current {
  284. color: #fff;
  285. background-color: #f00;
  286. }
  287.  
  288. /* end of menu */
  289.  
  290. #tooplate_middle {
  291. clear: both;
  292. width: 500px;
  293. height: 220px;
  294. padding: 40px 460px 40px 0;
  295. }
  296.  
  297. #tooplate_middle h1 { color: #eebc25; padding: 0; margin: 0 0 10px }
  298. #tooplate_middle em { font-size: 18px; font-weight: 700; color: #fff }
  299. #tooplate_middle .tooplate_list li { color: #eebc25; font-size: 14px }
  300. #tooplate_middle .col_w220 { width: 220px }
  301.  
  302. #tooplate_main {
  303. clear: both;
  304. width: 960px;
  305. padding: 40px 0;
  306. }
  307.  
  308. .cont_title {
  309. font-size: 24px;
  310. font-weight: 700;
  311. margin-bottom: 20px;
  312. }
  313.  
  314. .col_w960 { width: 960px; margin-bottom: 40px }
  315. .col_w600 { width: 600px }
  316. .col_w450 { width: 450px }
  317. .col_w300 { width: 300px }
  318. .col_w200 { width: 200px; margin-right: 50px; }
  319. .col_allw300 { width: 300px; float: left; margin-right: 30px }
  320. .col_last { margin: 0 }
  321.  
  322. .fp_services {
  323. clear: both;
  324. width: 960px;
  325. padding-bottom: 80px;
  326. margin-bottom: 30px;
  327. background: url(images/tooplate_divider.jpg) bottom center no-repeat;
  328. }
  329.  
  330. .fp_services_box {
  331. float: left;
  332. width: 300px;
  333. margin-right: 30px;
  334. }
  335.  
  336. .last_box {
  337. margin: 0;
  338. }
  339.  
  340. .fp_services_box .fps_title {
  341. margin-bottom: 10px;
  342. font-size: 30px;
  343. color: #dc0000;
  344. }
  345.  
  346. .fp_services_box .price {
  347. font-size: 14px;
  348. font-weight: bold;
  349. color: #607c1d;
  350. }
  351.  
  352. .fp_services_box .price span {
  353. font-size: 18px;
  354. color: #dc0000;
  355. }
  356.  
  357. table.plans { width: 958px; margin-bottom: 20px; border: 1px solid #333 }
  358. table.plans th { color: #fff; padding: 3px 0 }
  359. table.plans .header { background: #333 }
  360. table.plans .even { background: #ccc }
  361. table.plans .odd { background: #fff }
  362. table.plans .left { padding-left: 20px; text-align: left }
  363. table.plans .features { width: 300px }
  364. table.plans td { text-align: center }
  365. table.plans .signup { padding: 10px 0; color: #bd0000; font-size: 30px; }
  366. table.plans .more { margin: 15px auto 0 }
  367.  
  368. #contact_form { padding: 0; width: 400px }
  369. #contact_form form { margin: 0px; padding: 0px; }
  370.  
  371. #contact_form form .input_field {
  372. width: 270px;
  373. color: #333;
  374. padding: 8px;
  375. border: 1px solid #ccc;
  376. background: #fff;
  377. font-family: Tahoma, Geneva, sans-serif;
  378. font-size: 12px;
  379. margin-top: 5px;
  380. }
  381.  
  382. #contact_form form label {
  383. display: block;
  384. width: 100px;
  385. margin-top: 10px;
  386. font-size: 14px;
  387. color: #000;
  388. }
  389.  
  390. #contact_form form textarea {
  391. width: 388px;
  392. height: 200px;
  393. padding: 8px;
  394. color: #333;
  395. border: 1px solid #ccc;
  396. background: #fff;
  397. font-family: Tahoma, Geneva, sans-serif;
  398. font-size: 12px;
  399. margin-top: 5px;
  400. }
  401.  
  402. #contact_form form .submit_btn {
  403. margin: 10px 0px;
  404. padding: 8px 14px;
  405. background: #fff;
  406. color: #333;
  407. border: 1px solid #ccc;
  408. font-size: 14px;
  409. font-weight: bold;
  410. }
  411.  
  412. #tooplate_footer_wrapper {
  413. clear: both;
  414. width: 100%;
  415. background: #212121;
  416. }
  417.  
  418. #tooplate_footer {
  419. clear: both;
  420. width: 940px;
  421. padding: 10px 0;
  422. color: #ccc;
  423. text-align: center;
  424. margin: 0 auto;
  425. }
  426.  
  427. #tooplate_footer a {
  428. color: #fff;
  429. text-decoration: underline;
  430. }
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!