API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 20th, 2014
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.  
  7. <title>Volvo - home:</title>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <script src="jquery.js"></script>
  10. <style type="text/css">
  11.  
  12. /*------------------------- BODY ------------------------------------------------*/
  13. body {
  14. font-family: "Arial", Times, serif;
  15. font-size: 10pt;
  16. }
  17.  
  18.  
  19. /*------------------------- wrappers ------------------------------------------------*/
  20. #wrapper {
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. width: 100%;
  25. height: 100%;
  26. }
  27.  
  28. #contentwrapper {
  29. position: relative;
  30. margin: 0 auto;
  31. width: 915px;
  32. height: 500px;
  33. background: transparent;
  34. }
  35.  
  36. /*------------------------- </wrappers> ------------------------------------------------*/
  37.  
  38. /*------------------------- top panel ------------------------------------------------*/
  39. #toppanel {
  40. position: relative;
  41. width: 100%;
  42. height: 50px;
  43. margin-top: 20px;
  44. }
  45.  
  46. #toppanelcontent {
  47. width: 85%;
  48. float: left;
  49. height: 100%;
  50. position: relative;
  51. background: -webkit-linear-gradient(left, white , #C2C6C6);
  52. background: -o-linear-gradient(right, white, #C2C6C6);
  53. background: -moz-linear-gradient(right, white, #C2C6C6);
  54. background: linear-gradient(to right, white , #C2C6C6);
  55. }
  56.  
  57. #toppanellogo {
  58. width: 15%;
  59. float: right;
  60. height: 100%;
  61. position: relative;
  62. background: #C2C6C6;
  63. border: 0px solid;
  64. border-top-right-radius: 10px;
  65. border-bottom-right-radius: 10px;
  66. }
  67.  
  68. #volvologo {
  69. width: 120px;
  70. height: 20px;
  71. position: absolute;
  72. left: -8px;
  73. top: 15px;
  74. background: #C7C7C7;
  75. background-image: url("volvologo.png");
  76. }
  77.  
  78. h1 {
  79. letter-spacing: 0px;
  80. color: #666666;
  81. margin-top: 9px;
  82. margin-left: 18px;
  83. font-size: 19pt;
  84. padding: 0;
  85.  
  86. }
  87.  
  88.  
  89. /*------------------------- < /toppanel> ------------------------------------------------*/
  90.  
  91. /*------------------------- midpanel ------------------------------------------------*/
  92. #midpanel {
  93. position: relative;
  94. width: 100%;
  95. height: 252px;
  96. margin-top: 20px;
  97. }
  98.  
  99. #midleftpanel {
  100. position: relative;
  101. width: 647px;
  102. height: 100%;
  103. float: left;
  104. border-radius: 6px;
  105. background: #C3C7C8;
  106. }
  107.  
  108.  
  109. #midleftpanel_toolbar {
  110. margin-top:18px;
  111. position: relative;
  112. width: 100%;
  113. height: 28px;
  114. }
  115.  
  116. #midleftpanel_tabs {
  117. position: relative;
  118. width: 100%;
  119. height: 200px;
  120. }
  121.  
  122.  
  123. #tabwrapper {
  124. margin: 0 auto;
  125. position: relative;
  126. width: 620px;
  127. height: 200px;
  128. }
  129.  
  130. .tab {
  131. position: relative;
  132. width: 200px;
  133. height: 87px;
  134. border-radius: 6px;
  135. display: block;
  136. float: left;
  137. margin-right: 8px;
  138. margin-bottom: 6px;
  139. background: white;
  140. box-shadow: 2px 2px 3px #888888;
  141. }
  142.  
  143. .tabpic {
  144. width: 198px;
  145. margin: 0 auto;
  146. margin-top: 1px;
  147. height: 65px;
  148. border-top-left-radius: 6px;
  149. border-top-right-radius: 6px;
  150. background-size: cover;
  151. }
  152.  
  153. /* BACKGROUNDS -------------------------------------- */
  154.  
  155. #tab1pic {
  156. background-image: url("tab1pic.png");
  157. }
  158.  
  159. #tab2pic {
  160. background-image: url("tab2pic.png");
  161. }
  162.  
  163. #tab3pic {
  164. background-image: url("tab3pic.png");
  165. }
  166.  
  167. #tab4pic {
  168. background-image: url("tab4pic.png");
  169. }
  170.  
  171. #tab5pic {
  172. background-image: url("tab5pic.png");
  173. }
  174.  
  175. #tab6pic {
  176. background-image: url("tab6pic.png");
  177. }
  178. /* < /BACKGROUNDS> -------------------------------------- */
  179.  
  180. .tabtxt {
  181. width: 100%;
  182. height: 18px;
  183. font-size: 8pt;
  184. text-shadow: 0.5px 0.5px #ADADAD;
  185. }
  186.  
  187. #midrightpanel {
  188. position: relative;
  189. width: 260px;
  190. height: 100%;
  191. float: right;
  192. border-radius: 6px;
  193. background: #C3C7C8;
  194. }
  195.  
  196. #midrightpanel_toolbar {
  197. margin-top:14px;
  198. position: relative;
  199. width: 100%;
  200. height: 28px;
  201. }
  202.  
  203. #centering {
  204. margin: 0 auto;
  205. width: 223px;
  206. height: auto;
  207. }
  208.  
  209. #midrightpanel_picholder {
  210. position: relative;
  211. width: 222px;
  212. height: 178px;
  213. border-radius: 6px;
  214. background: white;
  215. box-shadow: 2px 2px 3px #888888;
  216. }
  217.  
  218. #midrightpanel_pic {
  219. width: 218px;
  220. position: absolute;
  221. top: 1px;
  222. border: 1px solid;
  223. left: 1px;
  224. height: 174px;
  225. background-image: url("car.png");
  226. }
  227.  
  228. .ha2 {
  229. letter-spacing: 0px;
  230. color: #666666;
  231. margin-top: 9px;
  232. margin-left: 30px;
  233. font-size: 12pt;
  234. padding: 0;
  235. font-weight: 600;
  236. }
  237.  
  238. .ha3 {
  239. letter-spacing: 0px;
  240. color: #666666;
  241. margin-top: 3px;
  242. margin-left: 28px;
  243. font-size: 13.5pt;
  244. padding: 0;
  245. font-weight: 700;
  246. }
  247.  
  248. #lista {
  249. width: 250px;
  250.  
  251. }
  252.  
  253. #lista_div {
  254. position: relative;
  255. float: right;
  256. margin-top: -1px;
  257. margin-right: 17px;
  258. }
  259.  
  260. .tabtekst {
  261. margin-left: 8px;
  262. margin-top: 4px;
  263.  
  264. }
  265.  
  266.  
  267. /*------------------------- < /midpanel> ------------------------------------------------*/
  268.  
  269. /*------------------------- toolbars ------------------------------------------------*/
  270. .toolbar {
  271. background: #C7C7C7;
  272. border-radius: 5px;
  273. position: relative;
  274. width: 100%;
  275. height: 65px;
  276. margin-top: 9px;
  277. color: white;
  278. }
  279.  
  280. .toolbarpic {
  281. width: 608px;
  282. float: right;
  283. background: #C7C7C7;
  284. height: 100%;
  285. position: relative;
  286. border-top-right-radius: 5px;
  287. border-bottom-right-radius: 5px;
  288.  
  289. }
  290.  
  291. .toolbartext {
  292. width: 307px;
  293. float: left;
  294. height: 100%;
  295. position: relative;
  296. background: #C7C7C7;
  297. border-top-left-radius: 5px;
  298. border-bottom-left-radius: 5px;
  299. }
  300.  
  301. .toolbartxt {
  302. margin-top: 45px;
  303. margin-left: 27px;
  304. font-size: 11pt;
  305. }
  306.  
  307.  
  308.  
  309. #toolbar1 {
  310. background-image: url("toolbar1.png");
  311. }
  312.  
  313. #toolbar2 {
  314. background-image: url("toolbar2.png");
  315. }
  316.  
  317. #toolbar1text {
  318. background-image: url("toolbar1text.png");
  319. }
  320.  
  321. #toolbar2text {
  322. background-image: url("toolbar2text.png");
  323. }
  324.  
  325.  
  326.  
  327.  
  328. /*------------------------- < /toolbars> ------------------------------------------------*/
  329.  
  330.  
  331.  
  332. /*------------------------- BOTPANEL ------------------------------------------------*/
  333.  
  334. #botpanel {
  335. text-align: center;
  336. position: relative;
  337. width: 100%;
  338. height: 170px;
  339. margin-top: 15px;
  340. background: transparent;
  341. line-height: 20px;
  342. }
  343.  
  344. .footer {
  345. color:#616161;
  346. font-size: 8pt;
  347. }
  348.  
  349. a {
  350. text-decoration: none;
  351. color: black;
  352. }
  353.  
  354. /*------------------------- </ botpanel ------------------------------------------------*/
  355.  
  356. .listo {
  357. width: 170px;
  358. position: absolute;
  359. top: 35%;
  360. left: 15px;
  361. display: none;
  362. }
  363.  
  364. .tab:hover .listo {
  365. display: inline;
  366. }
  367.  
  368.  
  369. #midrightpanel_pic:hover #zasłaniacz {
  370. display:inline;
  371. }
  372.  
  373.  
  374. #zasłaniacz {
  375. position: absolute;
  376. background: #C7C7C7;
  377. opacity: 0.6;
  378. display: none;
  379. left: -663px;
  380. top: 2px;
  381. width: 615px;
  382. height: 184px;
  383. }
  384.  
  385.  
  386.  
  387.  
  388.  
  389. </style>
  390.  
  391.  
  392.  
  393. </head>
  394.  
  395. <body>
  396. <div id="wrapper">
  397. <div id="contentwrapper">
  398. <div id="toppanel">
  399. <div id="toppanelcontent">
  400. <h1> Welcome to Volvo</h1>
  401. </div>
  402. <div id="toppanellogo">
  403. <div id="volvologo"> </div>
  404. </div>
  405. </div>
  406. <div id="midpanel">
  407. <div id="midleftpanel">
  408.  
  409. <div id="midleftpanel_toolbar">
  410. <span class="ha2">www.VolvoGroup.com</span>
  411. <div id="lista_div">
  412.  
  413. <select name="ala" id="lista">
  414. <option value="1">Explore Volvo Group</option>
  415. <option value="1">b</option>
  416. </select>
  417. </div>
  418. </div>
  419. <div id="midleftpanel_tabs">
  420. <div id="tabwrapper">
  421. <div class="tab">
  422. <div class="tabpic" id="tab1pic">
  423. <div class="list">
  424. <select name="ala" class="listo" id="tab1picL">
  425. <option value="1">Select Location</option>
  426. <option value="1">b</option>
  427. </select>
  428. </div>
  429. </div>
  430. <div class="tabtxt">
  431. <div class="tabtekst" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">» Volvo Trucks</div>
  432. </div>
  433. </div>
  434. <div class="tab">
  435. <div class="tabpic" id="tab2pic">
  436. <div class="list">
  437. <select name="ala" class="listo" id="tab2picL">
  438. <option value="1">Select Location</option>
  439. <option value="1">b</option>
  440. </select>
  441. </div>
  442. </div>
  443. <div class="tabtxt">
  444. <div class="tabtekst" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">» Volvo Buses</div>
  445. </div>
  446. </div>
  447. <div class="tab" style="margin-right: 0px">
  448. <div class="tabpic" id="tab3pic">
  449. <div class="list">
  450. <select name="ala" class="listo" id="tab3picL">
  451. <option value="1">Select Location</option>
  452. <option value="1">b</option>
  453. </select>
  454. </div>
  455. </div>
  456. <div class="tabtxt">
  457. <div class="tabtekst" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">» Volvo Construction Equipment</div>
  458. </div>
  459. </div>
  460. <div class="tab">
  461. <div class="tabpic" id="tab4pic">
  462. <div class="list">
  463. <select name="ala" class="listo" id="tab4picL">
  464. <option value="1">Select Location</option>
  465. <option value="1">b</option>
  466. </select>
  467. </div>
  468. </div>
  469. <div class="tabtxt">
  470. <div class="tabtekst" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">» Volvo Penta</div>
  471. </div>
  472. </div>
  473. <div class="tab">
  474. <div class="tabpic" id="tab5pic">
  475. <div class="list">
  476. <select name="ala" class="listo" id="tab5picL">
  477. <option value="1">Select Location</option>
  478. <option value="1">b</option>
  479. </select>
  480. </div>
  481. </div>
  482. <div class="tabtxt">
  483. <div class="tabtekst" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">» Volvo Financial Services</div>
  484. </div>
  485. </div>
  486. <div class="tab" style="margin-right: 0px">
  487. <div class="tabpic" id="tab6pic">
  488. <div class="list">
  489. <select name="ala" class="listo" id="tab6picL">
  490. <option value="1">Select Location</option>
  491. <option value="1">b</option>
  492. </select>
  493. </div>
  494. </div>
  495. <div class="tabtxt">
  496. <div class="tabtekst" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">» Volvo Group</div>
  497. </div>
  498. </div>
  499. </div>
  500. </div>
  501. </div>
  502. <div id="midrightpanel">
  503. <div id="midrightpanel_toolbar">
  504. <span class="ha3">www.VolvoCars.com</span>
  505. </div>
  506. <div id="centering">
  507. <div id="midrightpanel_picholder" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">
  508. <div id="midrightpanel_pic">
  509. <div id="zasłaniacz"> </div>
  510. </div>
  511. </div>
  512. </div>
  513. </div>
  514. </div>
  515.  
  516. <div class="toolbar" onclick="location.href='http://www.volvooceanrace.com';" style="cursor:pointer;">
  517. <div class="toolbartext" id="toolbar1text">
  518. <div class="toolbartxt">Volvo Ocean Race</div>
  519. </div>
  520. <div class="toolbarpic" id="toolbar1">
  521.  
  522. </div>
  523. </div>
  524. <div class="toolbar" onclick="location.href='http://volvoingold.com';" style="cursor:pointer;">
  525. <div class="toolbartext" id="toolbar2text">
  526. <div class="toolbartxt">Volvo In Golf</div>
  527. </div>
  528. <div class="toolbarpic" id="toolbar2">
  529.  
  530. </div>
  531. </div>
  532.  
  533. <div id="botpanel">
  534. Volvo provides transportation related products and services with focus on quality, safety and environmental care. <br />
  535. Founded more than 80 years ago, a solid position and reputation worldwide has been built up over the decades. <br />
  536. The brand is shared between Volvo Group and Volvo Cars - we welcome you to explore our worlds!
  537. <br /><br /> <br />
  538. <a href="">Mobile edition</a>
  539. <br /><br />
  540. <span class="footer"> privacy <span style="margin-left:6px; margin-right:6px">| </span> © copyright AB Volvo 2014 </span>
  541. </div>
  542.  
  543. </div>
  544. </div>
  545. </body>
  546. </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!