Guest User

Untitled

a guest
Mar 30th, 2023
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.89 KB | Source Code | 0 0
  1. <!-- Start of Code -->
  2. <!DOCtype html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title>Pop Stop — New Zealands Best Range of Pop Vinyl!</title>
  7. <!-- Start of Styling -->
  8. <style>
  9. body {
  10. background-color: #d9d9d9;
  11. margin: 0;
  12. margin-right: -3px;
  13. overflow: hidden;
  14. overflow-y: scroll;
  15. }
  16. .menu {
  17. width: 100%;
  18. background-color: #850000;
  19. overflow: hidden;
  20. margin-left: 1010px;
  21. }
  22. .menu ul {
  23. margin: 10;
  24. padding: 10;
  25. list-style: none;
  26. line-height: 60px;
  27. }
  28.  
  29. .menu li {
  30. float: left;
  31.  
  32. }
  33.  
  34. .menu ul li a {
  35. background-color: #850000;
  36. text-decoration: none;
  37. width: 150px;
  38. display: block;
  39. text-align: center;
  40. color:#f2f2f2;
  41. font-size: 16px;
  42. font-family: "Source Sans Pro";
  43. letter-spacing: 0.5px;
  44. }
  45.  
  46. .menu li a:hover {
  47. color: #fff;
  48. opacity: 25;
  49. font-size: 17px;
  50. }
  51.  
  52. .search-form {
  53. margin-top: 15px;
  54. float: right;
  55. margin-right: 100px;
  56. }
  57.  
  58. input[type=text] {
  59. padding: 7px;
  60. border: none;
  61. font-size: 14px;
  62. font-family: "Source Sans Pro";
  63. }
  64.  
  65. button {
  66. float:right;
  67. background: #5f0000;
  68. color: white;
  69. border-radius: 0 5px 5px 0;
  70. cursor:pointer;
  71. position:relative;
  72. padding: 7px;
  73. font-family: "Source Sans Pro";
  74. border: none;
  75. font-size: 16px;
  76. }
  77.  
  78. .footer {
  79. font-family: "Source Sans Pro";
  80. background-color: #850000;
  81. font-size: 16px;
  82. color: white;
  83. width: auto;
  84. height: 75px;
  85. margin-top: -3500px;
  86. margin-right: -1095px;
  87. overflow: hidden;
  88. margin-bottom: -1000px;
  89.  
  90. }
  91.  
  92. .copyright {
  93. float: right;
  94. font-family: "Source Sans Pro";
  95. margin-right: 15px;
  96. margin-top: 13px;
  97. font-size: 16px;
  98. }
  99.  
  100. .footercontact1 {
  101. font-family: "Source Sans Pro";
  102. color: white;
  103. font-size: 16px;
  104. text-decoration: none;
  105. text-align: center;
  106. margin-right: 15px;
  107. margin-top: 28px;
  108. margin-left: 830px;
  109. display: inline-block;
  110. }
  111.  
  112. .footercontact2 {
  113. color: white;
  114. text-decoration: none;
  115. }
  116.  
  117. .auckland-sylviapark {
  118. font-family: "Source Sans Pro";
  119. color: black;
  120. font-size: 24px;
  121. text-decoration: none;
  122. text-align: center;
  123. margin-right: 15px;
  124. list-style: none;
  125. }
  126.  
  127. .hamilton-terapa {
  128. font-family: "Source Sans Pro";
  129. color: black;
  130. font-size: 24px;
  131. text-decoration: none;
  132. text-align: center;
  133. margin-right: 15px;
  134. list-style: none;
  135. }
  136.  
  137. .wellington-queensgate {
  138. font-family: "Source Sans Pro";
  139. color: black;
  140. font-size: 24px;
  141. text-decoration: none;
  142. text-align: center;
  143. margin-right: 15px;
  144. list-style: none;
  145. }
  146.  
  147. .christchurch-papanui {
  148. font-family: "Source Sans Pro";
  149. color: black;
  150. font-size: 24px;
  151. text-decoration: none;
  152. text-align: center;
  153. margin-right: 15px;
  154. list-style: none;
  155. }
  156.  
  157. .christchurch-riccarton {
  158. font-family: "Source Sans Pro";
  159. color: black;
  160. font-size: 24px;
  161. text-decoration: none;
  162. text-align: center;
  163. margin-right: 15px;
  164. list-style: none;
  165. }
  166.  
  167. .sylvia-location {
  168. font-family: "Source Sans Pro";
  169. color: black;
  170. font-size: 13px;
  171. text-decoration: none;
  172. list-style: none;
  173. text-align: center;
  174. margin-right: 15px;
  175. display: inline-block;
  176. }
  177.  
  178. .terapa-location {
  179. font-family: "Source Sans Pro";
  180. color: black;
  181. font-size: 13px;
  182. text-decoration: none;
  183. list-style: none;
  184. text-align: center;
  185. margin-right: 15px;
  186. display: inline-block;
  187. }
  188.  
  189. .queensgate-location {
  190. font-family: "Source Sans Pro";
  191. color: black;
  192. font-size: 13px;
  193. text-decoration: none;
  194. list-style: none;
  195. text-align: center;
  196. margin-right: 15px;
  197. display: inline-block;
  198. }
  199.  
  200. .papanui-location {
  201. font-family: "Source Sans Pro";
  202. color: black;
  203. font-size: 13px;
  204. text-decoration: none;
  205. list-style: none;
  206. text-align: center;
  207. margin-right: 15px;
  208. display: inline-block;
  209. }
  210.  
  211. .riccarton-location {
  212. font-family: "Source Sans Pro";
  213. color: black;
  214. font-size: 13px;
  215. text-decoration: none;
  216. list-style: none;
  217. text-align: center;
  218. margin-right: 15px;
  219. display: inline-block;
  220. }
  221.  
  222. .sylvia-location-text {
  223. font-size: 10px;
  224. font-family: "Source Sans Pro";
  225. color: black;
  226. text-align: center;
  227. display: block;
  228. }
  229.  
  230. .terapa-location-text {
  231. font-size: 10px;
  232. font-family: "Source Sans Pro";
  233. color: black;
  234. text-align: center;
  235. display: block;
  236. }
  237.  
  238. .queensgate-location-text {
  239. font-size: 10px;
  240. font-family: "Source Sans Pro";
  241. color: black;
  242. text-align: center;
  243. display: block;
  244. }
  245.  
  246. .papanui-location-text {
  247. font-size: 10px;
  248. font-family: "Source Sans Pro";
  249. color: black;
  250. text-align: center;
  251. display: block;
  252. }
  253.  
  254. .riccarton-location-text {
  255. font-size: 10px;
  256. font-family: "Source Sans Pro";
  257. color: black;
  258. text-align: center;
  259. display: block;
  260. }
  261.  
  262. .sylvia-contact {
  263. font-family: "Source Sans Pro";
  264. color: black;
  265. font-size: 13px;
  266. text-decoration: none;
  267. list-style: none;
  268. text-align: center;
  269. margin-right: 15px;
  270. display: inline-block;
  271. }
  272.  
  273. .terapa-contact {
  274. font-family: "Source Sans Pro";
  275. color: black;
  276. font-size: 13px;
  277. text-decoration: none;
  278. list-style: none;
  279. text-align: center;
  280. margin-right: 15px;
  281. display: inline-block;
  282. }
  283.  
  284. .queensgate-contact {
  285. font-family: "Source Sans Pro";
  286. color: black;
  287. font-size: 13px;
  288. text-decoration: none;
  289. list-style: none;
  290. text-align: center;
  291. margin-right: 15px;
  292. display: inline-block;
  293. }
  294.  
  295. .papanui-contact {
  296. font-family: "Source Sans Pro";
  297. color: black;
  298. font-size: 13px;
  299. text-decoration: none;
  300. list-style: none;
  301. text-align: center;
  302. margin-right: 15px;
  303. display: inline-block;
  304. }
  305.  
  306. .riccarton-contact {
  307. font-family: "Source Sans Pro";
  308. color: black;
  309. font-size: 13px;
  310. text-decoration: none;
  311. list-style: none;
  312. text-align: center;
  313. margin-right: 15px;
  314. display: inline-block;
  315. }
  316.  
  317. .sylvia-contact-text {
  318. font-size: 10px;
  319. font-family: "Source Sans Pro";
  320. color: black;
  321. text-align: center;
  322. display: block;
  323. }
  324.  
  325. .terapa-contact-text {
  326. font-size: 10px;
  327. font-family: "Source Sans Pro";
  328. color: black;
  329. text-align: center;
  330. display: block;
  331. }
  332.  
  333. .queensgate-contact-text {
  334. font-size: 10px;
  335. font-family: "Source Sans Pro";
  336. color: black;
  337. text-align: center;
  338. display: block;
  339. }
  340.  
  341. .papanui-contact-text {
  342. font-size: 10px;
  343. font-family: "Source Sans Pro";
  344. color: black;
  345. text-align: center;
  346. display: block;
  347. }
  348.  
  349. .riccarton-contact-text {
  350. font-size: 10px;
  351. font-family: "Source Sans Pro";
  352. color: black;
  353. text-align: center;
  354. display: block;
  355. }
  356.  
  357. .sylvia-hours {
  358. font-family: "Source Sans Pro";
  359. font-size: 13px;
  360. list-style: none;
  361. text-decoration: none;
  362. text-align: center;
  363. margin-right: 15px;
  364. display: inline-block;
  365. }
  366.  
  367. .terapa-hours {
  368. font-family: "Source Sans Pro";
  369. font-size: 13px;
  370. list-style: none;
  371. text-decoration: none;
  372. text-align: center;
  373. margin-right: 15px;
  374. display: inline-block;
  375. }
  376.  
  377. .queensgate-hours {
  378. font-family: "Source Sans Pro";
  379. font-size: 13px;
  380. list-style: none;
  381. text-decoration: none;
  382. text-align: center;
  383. margin-right: 15px;
  384. display: inline-block;
  385. }
  386.  
  387. .papanui-hours {
  388. font-family: "Source Sans Pro";
  389. font-size: 13px;
  390. list-style: none;
  391. text-decoration: none;
  392. text-align: center;
  393. margin-right: 15px;
  394. display: inline-block;
  395. }
  396.  
  397. .riccarton-hours {
  398. font-family: "Source Sans Pro";
  399. font-size: 13px;
  400. list-style: none;
  401. text-decoration: none;
  402. text-align: center;
  403. margin-right: 15px;
  404. display: inline-block;
  405. }
  406.  
  407. .sylvia-hours-text {
  408. font-size: 10px;
  409. font-family: "Source Sans Pro";
  410. color:black;
  411. text-align: center;
  412. display: block;
  413. }
  414.  
  415. .terapa-hours-text {
  416. font-size: 10px;
  417. font-family: "Source Sans Pro";
  418. color:black;
  419. text-align: center;
  420. display: block;
  421. }
  422.  
  423. .queensgate-hours-text {
  424. font-size: 10px;
  425. font-family: "Source Sans Pro";
  426. color:black;
  427. text-align: center;
  428. display: block;
  429. }
  430.  
  431. .papanui-hours-text {
  432. font-size: 10px;
  433. font-family: "Source Sans Pro";
  434. color:black;
  435. text-align: center;
  436. display: block;
  437. }
  438.  
  439. .riccarton-hours-text {
  440. font-size: 10px;
  441. font-family: "Source Sans Pro";
  442. color:black;
  443. text-align: center;
  444. display: block;
  445. }
  446.  
  447.  
  448. </style>
  449. <!-- End of Styling -->
  450.  
  451. <link rel="icon" type="image/x-icon" href="https://popstop.co.nz/wp-content/uploads/2021/09/cropped-favicon-2-png-280x280.png?crop=1">
  452. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" type="css">
  453.  
  454. <!-- Header -->
  455. </head>
  456. <body>
  457.  
  458. <nav class="menu">
  459. <div style="position:relative; left: 5px; top: 15px; background-color: #850000;">
  460. <img src="images/popstop robot.jpg" width="50" height="50" style="float:left"/>
  461. </div>
  462. <div style="position:relative; right: 20px; top:5px; background-color: #850000;">
  463. <img src="images/popstop.png" width="120" height="67" style="float:right"/>
  464. </div>
  465. <ul>
  466. <li><a href="index.html">Home</a></li>
  467. <li><a href="departments.html">Departments</a></li>
  468. <li><a href="contact.html">Contact Us</a></li>
  469. <li><a href="account.html">Account</a></li>
  470. <li><a href="cart.html">Shopping Cart</a></li>
  471. </ul>
  472. <form class ="search-form">
  473. <input type="text" placeholder="Search">
  474. <button><img src="images/Search.png" width="15px" height="15px"></button>
  475. </form>
  476. </nav>
  477.  
  478. <!-- Sylvia Park Details -->
  479. <div class="sylviapark">
  480. <div style="position:relative; right: -1050px; bottom: -30px;">
  481. <img src="images/contact/sylviapark.PNG" width="300" height="400">
  482. </div>
  483. <div class="auckland-sylviapark">
  484. <div style="position:relative; right: -550px; bottom: 375px;">
  485. <li><b>Auckland - Sylvia Park</b></li>
  486. </div>
  487. <div class="sylvia-location">
  488. <div style="position:relative; right: -480px; bottom: 375px;">
  489. <li><b>LOCATION</b></li>
  490. </div>
  491. </div>
  492.  
  493. <div class="sylvia-location-text">
  494. <div style="position:relative; right: -475px; bottom: 375px;">
  495. <p>Shop 246, Sylvia Park</p>
  496. <p>286 Mount Wellington Highway</p>
  497. <p>Mount Wellington</p>
  498. <p>Auckland 1060</p>
  499. </div>
  500. </div>
  501.  
  502. <div class="sylvia-contact">
  503. <div style="position:relative; right: -635px; bottom: 516px;">
  504. <li><b>CONTACT US</b></li>
  505. </div>
  506. </div>
  507.  
  508. <div class="sylvia-contact-text">
  509. <div style="position:relative; right: -630px; bottom: 516px;">
  510. <p>Phone : 09 218 6511</p>
  511. <p>Email: [email protected]</p>
  512. </div>
  513. </div>
  514.  
  515. <div class="sylvia-hours">
  516. <div style="position:relative; right: -480px; bottom: 475px;">
  517. <li><b>OUR HOURS</b></li>
  518. </div>
  519. </div>
  520.  
  521. <div class="sylvia-hours-text">
  522. <div style="position:relative; right: -475px; bottom: 475px;">
  523. <p>Monday 9:00AM - 7:00PM</p>
  524. <p>Tuesday 9:00AM - 7:00PM</p>
  525. <p>Wednesday 9:00AM - 7:00PM</P>
  526. <p>Thursday 9:00AM - 9:00PM</p>
  527. <p>Friday 9:00AM - 9:00PM</p>
  528. <p>Saturday 9:00AM - 7:00PM</p>
  529. <p>Sunday 9:00AM - 9:00PM</p>
  530. </div>
  531. </div>
  532.  
  533.  
  534.  
  535. <!-- Te Rapa Details -->
  536. <div class="terapa">
  537. <div style="position:relative; right: -875px; bottom: 861px;">
  538. <img src="images/contact/terapa.PNG" width="300" height="400">
  539. </div>
  540. <div class="hamilton-terapa">
  541. <div style="position:relative; right: -1155px; bottom: 1270px;">
  542. <li><b>Hamilton - Te Rapa</b></li>
  543. </div>
  544. <div class="terapa-location">
  545. <div style="position:relative; right: -1100px; bottom: 1275px;">
  546. <li><b>LOCATION</b></li>
  547. </div>
  548. </div>
  549.  
  550. <div class="terapa-location-text">
  551. <div style="position:relative; right: -1095px; bottom: 1275px;">
  552. <p>Shop L238, The Base</p>
  553. <p>The Base Parade</p>
  554. <p>Northgate</p>
  555. <p>Hamilton 3200</p>
  556. </div>
  557. </div>
  558.  
  559. <div class="terapa-contact">
  560. <div style="position:relative; right: -1225px; bottom: 1415px;">
  561. <li><b>CONTACT US</b></li>
  562. </div>
  563. </div>
  564.  
  565. <div class="terapa-contact-text">
  566. <div style="position:relative; right: -1220px; bottom: 1415px;">
  567. <p>Phone : 07 949 8993</p>
  568. <p>Email: [email protected]</p>
  569. </div>
  570. </div>
  571.  
  572. <div class="terapa-hours">
  573. <div style="position:relative; right: -1110px; bottom: 1375px;">
  574. <li><b>OUR HOURS</b></li>
  575. </div>
  576. </div>
  577.  
  578. <div class="terapa-hours-text">
  579. <div style="position:relative; right: -1105px; bottom: 1375px;">
  580. <p>Monday 9:00AM - 6:00PM</p>
  581. <p>Tuesday 9:00AM - 6:00PM</p>
  582. <p>Wednesday 9:00AM - 6:00PM</P>
  583. <p>Thursday 9:00AM - 9:00PM</p>
  584. <p>Friday 9:00AM - 9:00PM</p>
  585. <p>Saturday 9:00AM - 6:00PM</p>
  586. <p>Sunday 9:00AM - 6:00PM</p>
  587. </div>
  588. </div>
  589.  
  590. <!-- Queensgate Details -->
  591. <div class="queensgate">
  592. <div style="position:relative; right: -1515px; bottom: 1753px;">
  593. <img src="images/contact/queensgate.PNG" width="300" height="400">
  594. </div>
  595. <div class="wellington-queensgate">
  596. <div style="position:relative; right: -1815px; bottom: 2162px;">
  597. <li><b>Wellington - Queensgate</b></li>
  598. </div>
  599. <div class="queensgate-location">
  600. <div style="position:relative; right: -1745px; bottom: 2162px;">
  601. <li><b>LOCATION</b></li>
  602. </div>
  603. </div>
  604.  
  605. <div class="queensgate-location-text">
  606. <div style="position:relative; right: -1740px; bottom: 2162px;">
  607. <p>Shop 145, Queensgate</p>
  608. <p>Cnr Queens Dr & Bunny St</p>
  609. <p>Hutt Central</p>
  610. <p>Wellington 5011</p>
  611. </div>
  612. </div>
  613.  
  614. <div class="queensgate-contact">
  615. <div style="position:relative; right: -1905px; bottom: 2305px;">
  616. <li><b>CONTACT US</b></li>
  617. </div>
  618. </div>
  619.  
  620. <div class="queensgate-contact-text">
  621. <div style="position:relative; right: -1900px; bottom: 2305px;">
  622. <p>Phone : 04 213 9773</p>
  623. <p>Email: [email protected]</p>
  624. </div>
  625. </div>
  626.  
  627. <div class="queensgate-hours">
  628. <div style="position:relative; right: -1750px; bottom: 2270px;">
  629. <li><b>OUR HOURS</b></li>
  630. </div>
  631. </div>
  632.  
  633. <div class="queensgate-hours-text">
  634. <div style="position:relative; right: -1745px; bottom: 2270px;">
  635. <p>Monday 9:00AM - 6:00PM</p>
  636. <p>Tuesday 9:00AM - 6:00PM</p>
  637. <p>Wednesday 9:00AM - 6:00PM</P>
  638. <p>Thursday 9:00AM - 10:00PM</p>
  639. <p>Friday 9:00AM - 9:00PM</p>
  640. <p>Saturday 9:00AM - 6:00PM</p>
  641. <p>Sunday 9:00AM - 5:30PM</p>
  642. </div>
  643. </div>
  644.  
  645.  
  646. <!-- Papanui Details -->
  647. <div class="papanui">
  648. <div style="position:relative; right: -890px; bottom: 2220px;">
  649. <img src="images/contact/papanui.PNG" width="300" height="400">
  650. </div>
  651. <div class="christchurch-papanui">
  652. <div style="position:relative; right: -1190px; bottom: 2625px;">
  653. <li><b>Christchurch - Papanui</b></li>
  654. </div>
  655. <div class="papanui-location">
  656. <div style="position:relative; right: -1125px; bottom: 2625px;">
  657. <li><b>LOCATION</b></li>
  658. </div>
  659. </div>
  660.  
  661. <div class="papanui-location-text">
  662. <div style="position:relative; right: -1120px; bottom: 2625px;">
  663. <p>34 Main North Road</p>
  664. <p>Papanui</p>
  665. <p>Christchurch 8053</p>
  666. </div>
  667. </div>
  668.  
  669. <div class="papanui-contact">
  670. <div style="position:relative; right: -1285px; bottom: 2743px;">
  671. <li><b>CONTACT US</b></li>
  672. </div>
  673. </div>
  674.  
  675. <div class="papanui-contact-text">
  676. <div style="position:relative; right: -1280px; bottom: 2743px;">
  677. <p>Phone : 03 423 9526</p>
  678. <p>Email: [email protected]</p>
  679. </div>
  680. </div>
  681.  
  682. <div class="papanui-hours">
  683. <div style="position:relative; right: -1125px; bottom: 2735px;">
  684. <li><b>OUR HOURS</b></li>
  685. </div>
  686. </div>
  687.  
  688. <div class="papanui-hours-text">
  689. <div style="position:relative; right: -1120px; bottom: 2735px;">
  690. <p>Monday 9:00AM - 6:00PM</p>
  691. <p>Tuesday 9:00AM - 6:00PM</p>
  692. <p>Wednesday 9:00AM - 6:00PM</P>
  693. <p>Thursday 9:00AM - 8:00PM</p>
  694. <p>Friday 9:00AM - 8:00PM</p>
  695. <p>Saturday 9:00AM - 5:00PM</p>
  696. <p>Sunday 9:00AM - 4:00PM</p>
  697. </div>
  698. </div>
  699.  
  700. <!-- Riccarton Details -->
  701. <div class="riccarton">
  702. <div style="position:relative; right: -1540px; bottom: 3088px;">
  703. <img src="images/contact/riccarton.PNG" width="300" height="400">
  704. </div>
  705. <div class="christchurch-riccarton">
  706. <div style="position:relative; right: -1840px; bottom: 3495px;">
  707. <li><b>Christchurch - Riccarton</b></li>
  708. </div>
  709. <div class="riccarton-location">
  710. <div style="position:relative; right: -1760px; bottom: 3495px;">
  711. <li><b>LOCATION</b></li>
  712. </div>
  713. </div>
  714.  
  715. <div class="riccarton-location-text">
  716. <div style="position:relative; right: -1760px; bottom: 3495px;">
  717. <p>Upstairs Shop 234, Westfield</p>
  718. <p>129 Riccarton Road</p>
  719. <p>Christchurch 8041</p>
  720. </div>
  721. </div>
  722.  
  723. <div class="riccarton-contact">
  724. <div style="position:relative; right: -1930px; bottom: 3612px;">
  725. <li><b>CONTACT US</b></li>
  726. </div>
  727. </div>
  728.  
  729. <div class="riccarton-contact-text">
  730. <div style="position:relative; right: -1920px; bottom: 3612px;">
  731. <p>Phone : 03 420 3717</p>
  732. <p>Email: [email protected]</p>
  733. </div>
  734. </div>
  735.  
  736. <div class="papanui-hours">
  737. <div style="position:relative; right: -1770px; bottom: 3605px;">
  738. <li><b>OUR HOURS</b></li>
  739. </div>
  740. </div>
  741.  
  742. <div class="papanui-hours-text">
  743. <div style="position:relative; right: -1770px; bottom: 3605px;">
  744. <p>Monday 9:00AM - 6:00PM</p>
  745. <p>Tuesday 9:00AM - 6:00PM</p>
  746. <p>Wednesday 9:00AM - 6:00PM</P>
  747. <p>Thursday 9:00AM - 9:00PM</p>
  748. <p>Friday 9:00AM - 9:00PM</p>
  749. <p>Saturday 9:00AM - 6:00PM</p>
  750. <p>Sunday 9:00AM - 6:00PM</p>
  751. </div>
  752. </div>
  753.  
  754. <!-- Footer -->
  755. <div class="footer">
  756. <footer>
  757. <div class="copyright">
  758. <p><small><b>© Pop Stop 2023</b></small></p>
  759.  
  760. </div>
  761. <div class="contactfooter">
  762. <a href="contact.html" class="footercontact1"><b>Contact Pop Stop</b></a>
  763. <a href="contact.html" class="footercontact2"><b>Store Locations</b></a>
  764. </div>
  765. </footer>
  766. </div>
  767.  
  768. </body>
  769. </html>
  770. <!-- End of Code -->
Tags: html
Add Comment
Please, Sign In to add comment