API tools faq
paste
Guest User

Untitled

a guest
Nov 25th, 2017
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Welcome to Goldline Recruitment</title>
  6. <link href="style/screen.css" rel="stylesheet" type="text/css">
  7. <!--[if IE 7]>
  8. <link rel="stylesheet" type="text/css" href="style/ie7.css">
  9. <![endif]-->
  10.  
  11. </head>
  12.  
  13. <body>
  14. <!--HEADER-->
  15. <div id="wrapper">
  16. <div id="wrapper_inner">
  17. <div id="header">
  18. <h1>Goldline Recruitment</h1>
  19.  
  20. <ul>
  21. <li><a href="index.php">Home</a></li>
  22. <li><a href="about.php">About Us</a></li>
  23. <li><a href="candidates.php">Candidates</a></li>
  24. <li><a href="clients.php">Clients</a></li>
  25. <li><a href="jobs.php">Jobs</a></li>
  26. <li><a href="contact.php">Contact</a></li>
  27. </ul>
  28.  
  29.  
  30.  
  31. </div>
  32.  
  33. <!--MAIN AREA OF SITE-->
  34. <div id="bottom_section">
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41. THIS IS THE IE CONDITIONAL STYLE SHEET
  42.  
  43. @charset "utf-8";
  44. /* CSS Document */
  45.  
  46. .jquery_home_amend {margin-top:20px;}
  47.  
  48. #header a:link {color:#FFF; text-decoration:none; border-top:solid thin #FFFFFF;}
  49. #header a:active {color:#FFF; text-decoration:none;}
  50. #header a:visited {color:#FFF; text-decoration:none;}
  51. #header a:hover {color:#000; text-decoration:none;}
  52.  
  53. #colone {width:920px;}
  54.  
  55. #contact_holder {
  56. margin-top:40px;
  57. margin-left:180px;
  58. }
  59.  
  60.  
  61.  
  62.  
  63. THIS IS THE MAIN STYLE SHEET
  64.  
  65. @charset "utf-8";
  66. /* CSS Document */
  67.  
  68. /*---------CSS RESET-----------------*/
  69.  
  70. html, body, div, span, applet, object, iframe,
  71. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  72. a, abbr, acronym, address, big, cite, code,
  73. del, dfn, em, font, img, ins, kbd, q, s, samp,
  74. small, strike, strong, sub, sup, tt, var,
  75. dl, dt, dd, ol, ul, li,
  76. fieldset, form, label, legend,
  77. table, caption, tbody, tfoot, thead, tr, th, td {
  78. margin: 0;
  79. padding: 0;
  80. border: 0;
  81. outline: 0;
  82. font-weight: inherit;
  83. font-style: inherit;
  84. font-size: 100%;
  85. font-family: inherit;
  86. vertical-align: baseline;
  87. }
  88. /* remember to define focus styles! */
  89. :focus {
  90. outline: 0;
  91. }
  92. body {
  93. line-height: 1;
  94. color: white;
  95. font-size:62.5%;
  96. background-image:url(../Birmingham-skyline-UK-2006-2%20copy.jpeg);
  97. background-repeat:no-repeat;
  98. background-position:50% top;
  99. background-color: #000;
  100. }
  101. ol, ul {
  102. list-style: none;
  103. }
  104. /* tables still need 'cellspacing="0"' in the markup */
  105. table {
  106. border-collapse: separate;
  107. border-spacing: 0;
  108. }
  109. caption, th, td {
  110. text-align: left;
  111. font-weight: normal;
  112. }
  113. blockquote:before, blockquote:after,
  114. q:before, q:after {
  115. content: "";
  116. }
  117. blockquote, q {
  118. quotes: "" "";
  119. }
  120.  
  121. /*---------PAGE STYLES-----------------*/
  122.  
  123. #wrapper {
  124. width:960px;
  125. margin-left:auto;
  126. margin-right:auto;
  127. position:relative;
  128. }
  129.  
  130. #wrapper_inner {
  131. width:960px;
  132. margin-left:auto;
  133. margin-right:auto;
  134. }
  135.  
  136. p {
  137. font-family:Georgia, "Times New Roman", Times, serif;
  138. font-size:1.2em;
  139. }
  140.  
  141. .bold {
  142. font-weight:bold
  143. }
  144.  
  145. .gold_bold {
  146. font-weight:bold;
  147. color:#c1bb3b;
  148. }
  149. .gold{
  150. color:#c1bb3b;
  151. }
  152.  
  153. .clear {
  154. clear:both;
  155. }
  156.  
  157. /*---------HEADER and NAV-----------------*/
  158.  
  159. #header {
  160. height:70px;
  161. background-color:#171717;
  162. }
  163.  
  164. #header h1 {
  165. text-indent:-5000px;
  166. background-image:url(../images/main_logo.png);
  167. width:330px;
  168. height:75px;
  169. background-position: 20px 18px;
  170. background-repeat:no-repeat;
  171. float:left;
  172. }
  173.  
  174. #header ul {
  175. float:left;
  176. margin-top:43px;
  177. font-size:1.2em;
  178. font-weight:bold;
  179. font-family:Georgia;
  180. text-transform:uppercase;
  181. margin-left:10px;
  182. }
  183.  
  184. #header li {
  185. float:left;
  186. display:block;
  187. margin-left:10px;
  188.  
  189. }
  190.  
  191. #header a:link {color:#FFF; text-decoration:none; border-bottom: solid 8px #666666; padding-bottom:5px; padding-left:15px; padding-right:15px;}
  192. #header a:active {color:#FFF; text-decoration:none; border-bottom: solid 8px #666666; padding-bottom:5px;padding-left:15px; padding-right:15px;}
  193. #header a:visited {color:#FFF; text-decoration:none; border-bottom: solid 8px #666666; padding-bottom:5px;padding-left:15px; padding-right:15px;}
  194. #header a:hover {color:#FFF; text-decoration:none; border-bottom: solid 8px #b39b1a; padding-bottom:5px; padding-left:15px; padding-right:15px;}
  195.  
  196. /*---------MAIN CONTENT-----------------*/
  197.  
  198. #bottom_section {
  199. background-color:#171717;
  200. position:absolute;
  201. top:220px;
  202. }
  203.  
  204. #colone_twocol p {
  205. margin-left:15px;
  206. line-height:2em;
  207. margin-bottom:15px;
  208. }
  209.  
  210. #job_intro {font-zie:1.4em;}
  211.  
  212. .emphasis {font-size:2em; line-height:1.3em; clear:left; margin-left:13px; margin-bottom:10px;}
  213.  
  214. #colone_twocol {
  215. width:445px;
  216. float:left;
  217. padding:30px 20px 0px 20px;
  218. }
  219.  
  220. #colone {
  221. width:800px;
  222. float:left;
  223. padding:30px 20px 0px 20px;
  224. }
  225.  
  226. #coltwo_twocol {
  227. width:420px;
  228. float:left;
  229. padding-top:30px;
  230. padding-left:40px
  231. }
  232.  
  233. #onecol a:link {color:#FFFFFF; text-decoration:none;}
  234. #onecol a:active {color:#FFFFFF; text-decoration:none;}
  235. #onecol a:visited {color:#FFFFFF; text-decoration:none;}
  236. #onecol a:hover {color:#FFFFFF; text-decoration:none;}
  237.  
  238. .jquery_home p {padding-left:15px; padding-right:150px; line-height:1.6em;}
  239.  
  240.  
  241.  
  242.  
  243. #bottom_section h2 {
  244. text-indent:-5000px;
  245. width:300px;
  246. height:39px;
  247. background-position: 10px 10px;
  248. background-repeat:no-repeat;
  249. float:left;
  250. }
  251.  
  252. #bottom_section p {
  253. clear:left;
  254. }
  255.  
  256. .jquery_home {
  257. margin-bottom:0px;
  258.  
  259. }
  260.  
  261. #listHolder ul {
  262. float:left;
  263. }
  264.  
  265. #listHolder ul:first-child {
  266. float:left;
  267. margin-right:30px;
  268. }
  269.  
  270. .jquery_home:first-child {
  271. margin-bottom:40px;
  272. border: solid thin #FFFFFF;
  273. width:400px;
  274. height:199px;
  275. background-color:#000000;
  276.  
  277. }
  278.  
  279. #cadidates_title_img {margin-left:10px; margin-top:10px;}
  280.  
  281. #bottom_section #twocol #coltwo_twocol #steve img {
  282. float: left;
  283. }
  284. #bottom_section #twocol #coltwo_twocol #steve p {
  285. clear: none;
  286. float: left;
  287. font-size:1.1em;
  288. width:160px;
  289. margin-left:10px;
  290. line-height:1.2em;
  291. }
  292.  
  293. #steve {
  294. height:210px}
  295.  
  296. #stuart {
  297. height:210px;
  298. clear:left;
  299. }
  300.  
  301. #bottom_section #twocol #coltwo_twocol #stuart img {
  302. float: left;
  303. }
  304. #bottom_section #twocol #coltwo_twocol #stuart p {
  305. clear: none;
  306. float: left;
  307. font-size:1.1em;
  308. width:160px;
  309. margin-left:10px;
  310. line-height:1.2em;
  311. }
  312.  
  313. #candidate_form {
  314. border:solid medium #c1bb3b;
  315. padding:20px;
  316.  
  317. }
  318.  
  319. #candidate_form h3 {
  320. font-size:1.4em;
  321. font-style:italic;
  322. margin-bottom:10px;
  323. line-height:1.4em;
  324.  
  325. }
  326.  
  327. fieldset {
  328. border:thin solid #c1bb3b;
  329. margin-bottom:10px;
  330. padding:10px;
  331. }
  332.  
  333. label {
  334. width:160px;
  335. float:left;
  336. clear:both;
  337. font-size:1.2em;
  338. }
  339.  
  340. select {
  341. float:left;
  342. margin-right:10px;
  343. margin-bottom:5px;
  344. }
  345.  
  346. input {
  347. float:left;
  348. margin-right:10px;
  349. width:150px;
  350. margin-bottom:5px;
  351. }
  352.  
  353. textarea {
  354. float:left;
  355. margin-right:10px;
  356. margin-bottom:5px;
  357. width:150px;
  358. }
  359.  
  360. #job_intro {
  361. margin-left:10px;
  362. margin-right:10px;
  363. line-height:1.4em;
  364. }
  365.  
  366. .job_listing {
  367. margin-left:10px;
  368. margin-right:10px;
  369. margin-top:10px;
  370. }
  371.  
  372. .job_listing p {
  373. line-height:2em;
  374. margin-bottom:15px;
  375. }
  376.  
  377. .job_listing h3 {
  378. font-size:1.4em;
  379. font-weight:bold;
  380. }
  381.  
  382. .job_ref {
  383. color:#c1bb3b;
  384. }
  385.  
  386. .rate {
  387. color:#c1bb3b;
  388. font-style:italic;
  389. }
  390.  
  391. #contact_holder {
  392. padding-top:20px;
  393. margin-left:10px;
  394. float:left;
  395. width:300px;
  396. }
  397.  
  398. #contact_holder p {
  399. clear:none
  400. }
  401.  
  402. #phone_icon {
  403. float:left;
  404. }
  405.  
  406. #phone_number {
  407. float:left;
  408. width:200px;
  409. clear:none;
  410. margin-left:10px;
  411. margin-top:15px;
  412. font-weight:bold;
  413. font-size:1.4em;
  414. }
  415.  
  416. #email_contact {
  417. float:left;
  418. }
  419.  
  420. #email_address {
  421. float:left;
  422. width:250px;
  423. clear:none;
  424. margin-left:0px;
  425. margin-top:15px;
  426. font-weight:bold;
  427. font-size:1.4em;
  428. }
  429.  
  430. #file_upload {width:150px}
  431.  
  432. #email_address a:link {color:#c1bb3b; text-decoration:none;}
  433. #email_address a:active {color:#c1bb3b; text-decoration:none;}
  434. #email_address a:visited {color:#c1bb3b; text-decoration:none;}
  435. #email_address a:hover {color:#c1bb3b; text-decoration:underline;}
  436.  
  437. #contact_holder h6 {
  438. clear:both;
  439. padding-top:20px;
  440. font-size:1.4em;
  441. }
  442.  
  443. #contact_holder h4 {
  444. clear:both;
  445. padding-top:20px;
  446. font-size:1.4em;
  447. color:#c1bb3b;
  448. margin-top:-15px;
  449. }
  450.  
  451. #address_contact_page {
  452. line-height:1.4em;
  453. }
  454.  
  455.  
  456. #colone_twocol ul {
  457. list-style: disc;
  458. list-style-position:inside;
  459. color: #c1bb3b;
  460. line-height:1.4em;
  461. font-size:1.2em;
  462. margin-left:30px;
  463. margin-bottom:10px;
  464. font-family:Georgia, "Times New Roman", Times, serif;
  465. }
  466.  
  467. #callToAction {
  468. width:380px;
  469. height:105px;
  470. background-color:#000000;
  471. border: thin #fff solid;
  472. padding:10px;
  473. background-image:url(../images/cta.jpg);
  474. background-repeat:no-repeat;
  475. }
  476.  
  477. #callToAction h4 {
  478. font-size:1.6em;
  479. line-height:1.6em;
  480. width:250px;
  481. margin-top:25px;
  482. }
  483.  
  484. #clientButton {margin-bottom:10px;}
  485. /*---------FOOTER-----------------*/
  486.  
  487. #footer {
  488. height:200px;
  489. clear:both;
  490. padding-top:20px;
  491. padding-bottom:20px;
  492. margin-bottom:20px;}
  493.  
  494. #footerbar {
  495. height:15px;
  496. background-color:#c1bb3b;
  497. margin: 10px 0px;
  498. clear:both;
  499. }
  500.  
  501. .footerlist {
  502. width:230px;
  503. float:left;
  504. margin-right:20px;
  505. background-image:url(../images/footer_line.jpg);
  506. background-position:10 10;
  507. background-repeat:no-repeat;
  508. padding-left:20px;
  509. margin-top:20px;
  510.  
  511. }
  512.  
  513. .footerlist:first-child {
  514. background-image: none;
  515. padding-left:40px;
  516.  
  517. }
  518.  
  519. .footerlist p {
  520. font-size:1.1em;
  521. line-height:1.3em;
  522. }
  523.  
  524. #footer_address {
  525. float:right;
  526. margin-right:15px;
  527. line-height:1.6em;
  528. }
  529.  
  530. #footer_address h4 {
  531. font-size:1.4em;
  532. }
  533.  
  534. #phone {
  535. margin-top:10px;
  536. }
  537.  
  538. #about_title{
  539. background-image:url(../images/pro_rec.png); text-indent:-5000px;}
  540.  
  541. #candidates_title{
  542. background-image:url(../images/candidates_title.png); text-indent:-5000px;}
  543.  
  544. #clients_title{
  545. background-image:url(../images/clients_title.png); text-indent:-5000px;}
  546.  
  547. #jobs_title{
  548. background-image:url(../images/jobs.png); text-indent:-5000px;}
  549.  
  550. #golf_title{
  551. background-image:url(../images/golf.png); text-indent:-5000px;}
  552.  
  553. #temp_title{
  554. background-image:url(../images/temp.png); text-indent:-5000px;}
  555.  
  556. #holiday_title{
  557. background-image:url(../images/holdiay.png); text-indent:-5000px;}
  558.  
  559. #contact_title{
  560. background-image:url(../images/contact.png); text-indent:-5000px; margin-bottom:10px}
  561.  
  562. #googleMap {
  563. clear:left;
  564. border: thin solid #c1bb3b;
  565. padding:10px;
  566. width:400px;
  567. margin:13px;
  568. float:left;}
  569.  
  570. #aboutRightp {margin-top:10px;color: #c1bb3b; }
  571.  
  572. #coltwo_twocol ul {
  573. list-style: disc;
  574. list-style-position:inside;
  575. line-height:1.4em;
  576. font-size:1.2em;
  577. margin-left:10px;
  578. margin-bottom:10px;
  579. font-family:Georgia, "Times New Roman", Times, serif;
  580. margin-top:5px;
  581. }
  582.  
  583. #companyReg {margin-top:5px;}
  584.  
  585. #pointer {font-size:6em; margin-top:5px; line-height:1em}
  586.  
  587. .jquery_home a:link {color:#FFFFFF; text-decoration:none;}
  588. .jquery_home a:active {color:#FFFFFF; text-decoration:none;}
  589. .jquery_home a:visited {color:#FFFFFF; text-decoration:none;}
  590. .jquery_home a:hover {color:#c1bb3b; text-decoration:none;}
  591.  
  592. legend {font-size:1.2em; padding-left:10px; padding-right:10px;}
  593.  
  594. #colone_twocol a:link {color:#FFFFFF; text-decoration:underline;}
  595. #colone_twocol a:active {color:#FFFFFF; text-decoration:underline;}
  596. #colone_twocol a:visited {color:#FFFFFF; text-decoration:underline;}
  597. #colone_twocol a:hover {color:#c1bb3b; text-decoration:none;}
  598.  
  599. .job_listing h3 {border-bottom:thin solid #FFFFFF; padding-bottom:8px;}
Add Comment
Please, Sign In to add comment
Public Pastes
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!