Guest User

Untitled

a guest
Mar 30th, 2023
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.91 KB | Source Code | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Products — Pop Stop</title>
  6.  
  7. <!-- Start of Styling-->
  8. <style>
  9. body {
  10. background-color: #d9d9d9;
  11. margin: 0;
  12. margin-right: -3px;
  13. overflow: scroll;
  14. overflow-x: hidden;
  15. }
  16.  
  17. .menu {
  18. width: 100%;
  19. background-color: #850000;
  20. overflow: hidden;
  21. }
  22.  
  23. .menu ul {
  24. margin: 10;
  25. padding: 10;
  26. list-style: none;
  27. line-height: 60px;
  28. }
  29.  
  30. .menu li {
  31. float: left;
  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. .leftads ul {
  79. text-decoration: none;
  80. list-style: none;
  81. float: left;
  82. }
  83.  
  84. .rightads ul {
  85. text-decoration: none;
  86. list-style: none;
  87. float: right;
  88. margin-right: 40px;
  89. }
  90.  
  91. .delays {
  92. font-family: "Source Sans Pro";
  93. text-align: center;
  94. font-size: 12px;
  95. border: #000000;
  96. border-style: solid;
  97. border-width: 2px;
  98. border-radius: 10px;
  99. }
  100.  
  101. .firstrow-images ul {
  102. text-decoration: none;
  103. list-style: none;
  104. display: flex;
  105. align-items: center;
  106. }
  107.  
  108. .secondrow-images ul {
  109. text-decoration: none;
  110. list-style: none;
  111. display: flex;
  112. align-items: center;
  113. margin-left: 200px;
  114. }
  115.  
  116. .secondrow-images ul li {
  117. margin-left: 50px;
  118. margin-top: -1000px;
  119. align-items: center;
  120. }
  121.  
  122. .thirdrow-images ul {
  123. text-decoration: none;
  124. list-style: none;
  125. display: flex;
  126. align-items: center;
  127. margin-left: 170px;
  128. }
  129.  
  130. .thirdrow-images ul li {
  131. margin-left: 150px;
  132. margin-top: -1600px;
  133. align-items: center;
  134. }
  135.  
  136. .firstrow-images ul li {
  137. margin-left: 15px;
  138. align-items: center;
  139. }
  140.  
  141. .firstrow-text ul {
  142. font-family: "Source Sans Pro";
  143. font-size: 12px;
  144. text-decoration: none;
  145. list-style: none;
  146. display: flex;
  147. align-items: center;
  148. }
  149.  
  150. .firstrow-text ul li {
  151. width: 125px;
  152. margin-left: 15px;
  153. align-items: center;
  154. }
  155.  
  156. .secondrow-text ul {
  157. font-family: "Source Sans Pro";
  158. font-size: 12px;
  159. text-decoration: none;
  160. list-style: none;
  161. display: flex;
  162. align-items: center;
  163. margin-left: 195px;
  164. }
  165.  
  166. .secondrow-text ul li {
  167. width: 125px;
  168. margin-left: 15px;
  169. margin-top: -800px;
  170. align-items: center;
  171. }
  172.  
  173. .thirdrow-text ul {
  174. font-family: "Source Sans Pro";
  175. font-size: 12px;
  176. text-decoration: none;
  177. list-style: none;
  178. display: flex;
  179. align-items: center;
  180. margin-left: 195px;
  181. }
  182.  
  183. .thirdrow-text ul li {
  184. width: 125px;
  185. margin-left: 15px;
  186. margin-top: -1500px;
  187. align-items: center;
  188. }
  189.  
  190. .thirdrow-text2 ul {
  191. font-family: "Source Sans Pro";
  192. font-size: 11px;
  193. text-decoration: none;
  194. list-style: none;
  195. display: flex;
  196. align-items: center;
  197. margin-left: 235px;
  198. }
  199.  
  200. .thirdrow-text2 ul li {
  201. width: 125px;
  202. margin-left: 15px;
  203. margin-top: -1540px;
  204. align-items: center;
  205. }
  206.  
  207. .firstrow-text2 ul {
  208. font-family: "Source Sans Pro";
  209. font-size: 11px;
  210. text-decoration: none;
  211. list-style: none;
  212. display: flex;
  213. align-items: center;
  214. }
  215.  
  216. .firstrow-text2 ul li {
  217. width: 125px;
  218. margin-left: 15px;
  219. align-items: center;
  220. }
  221.  
  222. .secondrow-text2 ul {
  223. font-family: "Source Sans Pro";
  224. font-size: 11px;
  225. text-decoration: none;
  226. list-style: none;
  227. display: flex;
  228. align-items: center;
  229. margin-left: 235px;
  230. }
  231.  
  232. .secondrow-text2 ul li {
  233. width: 125px;
  234. margin-left: 15px;
  235. align-items: center;
  236. margin-left: 15px;
  237. margin-top: -775px;
  238. }
  239.  
  240. .firstrow-text3 ul {
  241. font-family: "Source Sans Pro";
  242. font-size: 10px;
  243. text-decoration: none;
  244. list-style: none;
  245. display: flex;
  246. align-items: center;
  247. color: #850000;
  248. }
  249.  
  250. .firstrow-text3 ul li {
  251. width: 125px;
  252. margin-left: 15px;
  253. align-items: center;
  254. }
  255.  
  256. .secondrow-text3 ul {
  257. font-family: "Source Sans Pro";
  258. font-size: 10px;
  259. text-decoration: none;
  260. list-style: none;
  261. display: flex;
  262. align-items: center;
  263. color: #850000;
  264. margin-left: 195px;
  265. }
  266.  
  267. .secondrow-text3 ul li {
  268. width: 125px;
  269. margin-left: 15px;
  270. margin-top: -750px;
  271. align-items: center;
  272. }
  273.  
  274. .preorder {
  275. font-family: "Source Sans Pro";
  276. background-color: #e67d01;
  277. border: none;
  278. color: white;
  279. padding: 15px 32px;
  280. text-align: center;
  281. text-decoration: none;
  282. display: inline-block;
  283. font-size: 14px;
  284. margin: 4px 2px;
  285. margin-left: 710px;
  286. width: 60px;
  287. }
  288.  
  289. .preorder2 {
  290. font-family: "Source Sans Pro";
  291. background-color: #e67d01;
  292. border: none;
  293. color: white;
  294. padding: 15px 32px;
  295. text-align: center;
  296. text-decoration: none;
  297. display: inline-block;
  298. font-size: 14px;
  299. margin: 4px 2px;
  300. margin-left: 710px;
  301. width: 60px;
  302. }
  303.  
  304. .preorder3 {
  305. font-family: "Source Sans Pro";
  306. background-color: #e67d01;
  307. border: none;
  308. color: white;
  309. padding: 15px 32px;
  310. text-align: center;
  311. text-decoration: none;
  312. display: inline-block;
  313. font-size: 14px;
  314. margin: 4px 2px;
  315. margin-left: 710px;
  316. width: 60px;
  317. }
  318.  
  319. .preorder4 {
  320. font-family: "Source Sans Pro";
  321. background-color: #e67d01;
  322. border: none;
  323. color: white;
  324. padding: 15px 32px;
  325. text-align: center;
  326. text-decoration: none;
  327. display: inline-block;
  328. font-size: 14px;
  329. margin: 4px 2px;
  330. margin-left: 710px;
  331. width: 60px;
  332. }
  333.  
  334. .preorder5 {
  335. font-family: "Source Sans Pro";
  336. background-color: #e67d01;
  337. border: none;
  338. color: white;
  339. padding: 15px 32px;
  340. text-align: center;
  341. text-decoration: none;
  342. display: inline-block;
  343. font-size: 14px;
  344. margin: 4px 2px;
  345. margin-left: 710px;
  346. width: 60px;
  347. }
  348.  
  349. .preorder6 {
  350. font-family: "Source Sans Pro";
  351. background-color: #e67d01;
  352. border: none;
  353. color: white;
  354. padding: 15px 32px;
  355. text-align: center;
  356. text-decoration: none;
  357. display: inline-block;
  358. font-size: 14px;
  359. margin: 4px 2px;
  360. margin-left: 710px;
  361. width: 60px;
  362. }
  363.  
  364. .preorder7 {
  365. font-family: "Source Sans Pro";
  366. background-color: #e67d01;
  367. border: none;
  368. color: white;
  369. padding: 15px 32px;
  370. text-align: center;
  371. text-decoration: none;
  372. display: inline-block;
  373. font-size: 14px;
  374. margin: 4px 2px;
  375. margin-left: 710px;
  376. width: 60px;
  377. }
  378.  
  379. .preorder8 {
  380. font-family: "Source Sans Pro";
  381. background-color: #e67d01;
  382. border: none;
  383. color: white;
  384. padding: 15px 32px;
  385. text-align: center;
  386. text-decoration: none;
  387. display: inline-block;
  388. font-size: 14px;
  389. margin: 4px 2px;
  390. margin-left: 710px;
  391. width: 60px;
  392. }
  393.  
  394. .preorder9 {
  395. font-family: "Source Sans Pro";
  396. background-color: #e67d01;
  397. border: none;
  398. color: white;
  399. padding: 15px 32px;
  400. text-align: center;
  401. text-decoration: none;
  402. display: inline-block;
  403. font-size: 14px;
  404. margin: 4px 2px;
  405. margin-left: 710px;
  406. width: 60px;
  407. }
  408.  
  409. .preorder10 {
  410. font-family: "Source Sans Pro";
  411. background-color: #e67d01;
  412. border: none;
  413. color: white;
  414. padding: 15px 32px;
  415. text-align: center;
  416. text-decoration: none;
  417. display: inline-block;
  418. font-size: 14px;
  419. margin: 4px 2px;
  420. margin-left: 710px;
  421. width: 60px;
  422. }
  423.  
  424. .preorder11 {
  425. font-family: "Source Sans Pro";
  426. background-color: #e67d01;
  427. border: none;
  428. color: white;
  429. padding: 15px 32px;
  430. text-align: center;
  431. text-decoration: none;
  432. display: inline-block;
  433. font-size: 14px;
  434. margin: 4px 2px;
  435. margin-left: 710px;
  436. width: 60px;
  437. }
  438.  
  439. .preorder12 {
  440. font-family: "Source Sans Pro";
  441. background-color: #e67d01;
  442. border: none;
  443. color: white;
  444. padding: 15px 32px;
  445. text-align: center;
  446. text-decoration: none;
  447. display: inline-block;
  448. font-size: 14px;
  449. margin: 4px 2px;
  450. margin-left: 710px;
  451. width: 60px;
  452. }
  453.  
  454. .preorder13 {
  455. font-family: "Source Sans Pro";
  456. background-color: #e67d01;
  457. border: none;
  458. color: white;
  459. padding: 15px 32px;
  460. text-align: center;
  461. text-decoration: none;
  462. display: inline-block;
  463. font-size: 14px;
  464. margin: 4px 2px;
  465. margin-left: 710px;
  466. width: 60px;
  467. }
  468.  
  469. .preorder14 {
  470. font-family: "Source Sans Pro";
  471. background-color: #e67d01;
  472. border: none;
  473. color: white;
  474. padding: 15px 32px;
  475. text-align: center;
  476. text-decoration: none;
  477. display: inline-block;
  478. font-size: 14px;
  479. margin: 4px 2px;
  480. margin-left: 710px;
  481. width: 60px;
  482. }
  483.  
  484. .preorder15 {
  485. font-family: "Source Sans Pro";
  486. background-color: #e67d01;
  487. border: none;
  488. color: white;
  489. padding: 15px 32px;
  490. text-align: center;
  491. text-decoration: none;
  492. display: inline-block;
  493. font-size: 14px;
  494. margin: 4px 2px;
  495. margin-left: 710px;
  496. width: 60px;
  497. }
  498.  
  499. .buynow {
  500. font-family: "Source Sans Pro";
  501. background-color: #7a9c59;
  502. border: none;
  503. color: white;
  504. padding: 15px 32px;
  505. text-align: center;
  506. text-decoration: none;
  507. display: inline-block;
  508. font-size: 14px;
  509. margin: 4px 2px;
  510. margin-left: 710px;
  511. width: 60px;
  512. }
  513.  
  514. .buynow2 {
  515. font-family: "Source Sans Pro";
  516. background-color: #7a9c59;
  517. border: none;
  518. color: white;
  519. padding: 15px 32px;
  520. text-align: center;
  521. text-decoration: none;
  522. display: inline-block;
  523. font-size: 14px;
  524. margin: 4px 2px;
  525. margin-left: 710px;
  526. width: 60px;
  527. }
  528.  
  529. .preorder16 {
  530. font-family: "Source Sans Pro";
  531. background-color: #e67d01;
  532. border: none;
  533. color: white;
  534. padding: 15px 32px;
  535. text-align: center;
  536. text-decoration: none;
  537. display: inline-block;
  538. font-size: 14px;
  539. margin: 4px 2px;
  540. margin-left: 710px;
  541. width: 60px;
  542. }
  543.  
  544. .preorder17 {
  545. font-family: "Source Sans Pro";
  546. background-color: #e67d01;
  547. border: none;
  548. color: white;
  549. padding: 15px 32px;
  550. text-align: center;
  551. text-decoration: none;
  552. display: inline-block;
  553. font-size: 14px;
  554. margin: 4px 2px;
  555. margin-left: 710px;
  556. width: 60px;
  557. }
  558.  
  559. .preorder18 {
  560. font-family: "Source Sans Pro";
  561. background-color: #e67d01;
  562. border: none;
  563. color: white;
  564. padding: 15px 32px;
  565. text-align: center;
  566. text-decoration: none;
  567. display: inline-block;
  568. font-size: 14px;
  569. margin: 4px 2px;
  570. margin-left: 710px;
  571. width: 60px;
  572. }
  573.  
  574. .preorder19 {
  575. font-family: "Source Sans Pro";
  576. background-color: #e67d01;
  577. border: none;
  578. color: white;
  579. padding: 15px 32px;
  580. text-align: center;
  581. text-decoration: none;
  582. display: inline-block;
  583. font-size: 14px;
  584. margin: 4px 2px;
  585. margin-left: 710px;
  586. width: 60px;
  587. }
  588.  
  589. .preorder20 {
  590. font-family: "Source Sans Pro";
  591. background-color: #e67d01;
  592. border: none;
  593. color: white;
  594. padding: 15px 32px;
  595. text-align: center;
  596. text-decoration: none;
  597. display: inline-block;
  598. font-size: 14px;
  599. margin: 4px 2px;
  600. margin-left: 710px;
  601. width: 60px;
  602. }
  603.  
  604. .preorder21 {
  605. font-family: "Source Sans Pro";
  606. background-color: #e67d01;
  607. border: none;
  608. color: white;
  609. padding: 15px 32px;
  610. text-align: center;
  611. text-decoration: none;
  612. display: inline-block;
  613. font-size: 14px;
  614. margin: 4px 2px;
  615. margin-left: 710px;
  616. width: 60px;
  617. }
  618.  
  619. .preorder22 {
  620. font-family: "Source Sans Pro";
  621. background-color: #e67d01;
  622. border: none;
  623. color: white;
  624. padding: 15px 32px;
  625. text-align: center;
  626. text-decoration: none;
  627. display: inline-block;
  628. font-size: 14px;
  629. margin: 4px 2px;
  630. margin-left: 710px;
  631. width: 60px;
  632. }
  633.  
  634. .preorder23 {
  635. font-family: "Source Sans Pro";
  636. background-color: #e67d01;
  637. border: none;
  638. color: white;
  639. padding: 15px 32px;
  640. text-align: center;
  641. text-decoration: none;
  642. display: inline-block;
  643. font-size: 14px;
  644. margin: 4px 2px;
  645. margin-left: 710px;
  646. width: 60px;
  647. }
  648.  
  649. .preorder24 {
  650. font-family: "Source Sans Pro";
  651. background-color: #e67d01;
  652. border: none;
  653. color: white;
  654. padding: 15px 32px;
  655. text-align: center;
  656. text-decoration: none;
  657. display: inline-block;
  658. font-size: 14px;
  659. margin: 4px 2px;
  660. margin-left: 710px;
  661. width: 60px;
  662. }
  663.  
  664. .preorder25 {
  665. font-family: "Source Sans Pro";
  666. background-color: #e67d01;
  667. border: none;
  668. color: white;
  669. padding: 15px 32px;
  670. text-align: center;
  671. text-decoration: none;
  672. display: inline-block;
  673. font-size: 14px;
  674. margin: 4px 2px;
  675. margin-left: 710px;
  676. width: 60px;
  677. }
  678.  
  679. .preorder26 {
  680. font-family: "Source Sans Pro";
  681. background-color: #e67d01;
  682. border: none;
  683. color: white;
  684. padding: 15px 32px;
  685. text-align: center;
  686. text-decoration: none;
  687. display: inline-block;
  688. font-size: 14px;
  689. margin: 4px 2px;
  690. margin-left: 710px;
  691. width: 60px;
  692. }
  693.  
  694. .preorder27 {
  695. font-family: "Source Sans Pro";
  696. background-color: #e67d01;
  697. border: none;
  698. color: white;
  699. padding: 15px 32px;
  700. text-align: center;
  701. text-decoration: none;
  702. display: inline-block;
  703. font-size: 14px;
  704. margin: 4px 2px;
  705. margin-left: 710px;
  706. width: 60px;
  707. }
  708.  
  709. .preorder28 {
  710. font-family: "Source Sans Pro";
  711. background-color: #e67d01;
  712. border: none;
  713. color: white;
  714. padding: 15px 32px;
  715. text-align: center;
  716. text-decoration: none;
  717. display: inline-block;
  718. font-size: 14px;
  719. margin: 4px 2px;
  720. margin-left: 710px;
  721. width: 60px;
  722. }
  723.  
  724. .page1 {
  725. font-family: "Source Sans Pro";
  726. background-color: white;
  727. border: #000000;
  728. border-width: 2px;
  729. color: black;
  730. padding: 2px 4px;
  731. text-align: center;
  732. text-decoration: none;
  733. display: inline-block;
  734. font-size: 11px;
  735. margin: 1px 2px;
  736. }
  737.  
  738. .page2 {
  739. font-family: "Source Sans Pro";
  740. background-color: white;
  741. border: #000000;
  742. border-width: 2px;
  743. color: black;
  744. padding: 2px 4px;
  745. text-align: center;
  746. text-decoration: none;
  747. display: inline-block;
  748. font-size: 11px;
  749. margin: 1px 2px;
  750. }
  751.  
  752. .page3 {
  753. font-family: "Source Sans Pro";
  754. background-color: white;
  755. border: #000000;
  756. border-width: 2px;
  757. color: black;
  758. padding: 2px 4px;
  759. text-align: center;
  760. text-decoration: none;
  761. display: inline-block;
  762. font-size: 11px;
  763. margin: 1px 2px;
  764. }
  765.  
  766. .page4 {
  767. font-family: "Source Sans Pro";
  768. background-color: white;
  769. border: #000000;
  770. border-width: 2px;
  771. color: black;
  772. padding: 2px 4px;
  773. text-align: center;
  774. text-decoration: none;
  775. display: inline-block;
  776. font-size: 11px;
  777. margin: 1px 2px;
  778. }
  779.  
  780. .page269 {
  781. font-family: "Source Sans Pro";
  782. background-color: white;
  783. border: #000000;
  784. border-width: 2px;
  785. color: black;
  786. padding: 2px 4px;
  787. text-align: center;
  788. text-decoration: none;
  789. display: inline-block;
  790. font-size: 11px;
  791. margin: 1px 2px;
  792. }
  793.  
  794. .page270 {
  795. font-family: "Source Sans Pro";
  796. background-color: white;
  797. border: #000000;
  798. border-width: 2px;
  799. color: black;
  800. padding: 2px 4px;
  801. text-align: center;
  802. text-decoration: none;
  803. display: inline-block;
  804. font-size: 11px;
  805. margin: 1px 2px;
  806. }
  807.  
  808. .page271 {
  809. font-family: "Source Sans Pro";
  810. background-color: white;
  811. border: #000000;
  812. border-width: 2px;
  813. color: black;
  814. padding: 2px 4px;
  815. text-align: center;
  816. text-decoration: none;
  817. display: inline-block;
  818. font-size: 11px;
  819. margin: 1px 2px;
  820. }
  821.  
  822. .footer {
  823. font-family: "Source Sans Pro";
  824. background-color: #850000;
  825. font-size: 16px;
  826. color:white;
  827. width:auto;
  828. overflow:hidden;
  829. }
  830.  
  831. .copyright {
  832. float:right;
  833. font-family: "Source Sans Pro";
  834. margin-right: 15px;
  835. margin-top: 13px;
  836. font-size: 16px;
  837. }
  838.  
  839. .footercontact1 {
  840. font-family: "Source Sans Pro";
  841. color:white;
  842. font-size: 16px;
  843. text-decoration: none;
  844. text-align: center;
  845. margin-right: 15px;
  846. margin-top: 28px;
  847. margin-left: 830px;
  848. display: inline-block;
  849. }
  850.  
  851. .footercontact2 {
  852. color:white;
  853. text-decoration: none;
  854. }
  855.  
  856.  
  857. </style>
  858. <!-- End—of Styling -->
  859. <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">
  860. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" type="css">
  861.  
  862. <!-- Header -->
  863. </head>
  864. <body>
  865.  
  866. <nav class="menu">
  867. <div style="position:relative; left: 5px; top: 15px; background-color: #850000">
  868. <img src="images/popstop robot.jpg" width="50" height="50" style="float:left"/>
  869. </div>
  870. <div style="position:relative; right: 20px; top:5px; background-color: #850000">
  871. <img src="images/popstop.png" width="120" height="67" style="float:right">
  872. </div>
  873. <ul>
  874. <li><a href="index.html">Home</a></li>
  875. <li><a href="departments.html">Departments</a></li>
  876. <li><a href="contact.html">Contact Us</a></li>
  877. <li><a href="account.html">Account</a></li>
  878. <li><a href="cart.html">Shopping Cart</a></li>
  879. </ul>
  880. <form class="search-form">
  881. <input type="text" placeholder="Search">
  882. <button><img src="images/Search.png" width="15px" height="15px"></button>
  883. </form>
  884. </nav>
  885.  
  886. <!-- Left Side Ads -->
  887.  
  888. <div class="leftads">
  889. <div style="position:relative; left: -40px; top: -16px;">
  890. <ul>
  891. <li><img src="images/ad1.PNG" width="150px" height="150px"></li>
  892. <li><img src="images/ad2.PNG" width="150px" height="150px"></li>
  893. <li><img src="images/ad3.PNG" width="150px" height="150px"></li>
  894. <li><img src="images/ad4.PNG" width="150px" height="150px"></li>
  895. <li><img src="images/ad5.PNG" width="150px" height="150px"></li>
  896. </ul>
  897. </div>
  898.  
  899. </div>
  900.  
  901. <!-- Right Side Ads -->
  902. <div class="rightads">
  903. <div style="position:relative; right: -40px; top: -16px">
  904. <ul>
  905. <li><img src="images/ad1.PNG" width="150px" height="150px" background="#fff"></li>
  906. <li><img src="images/ad2.PNG" width="150px" height="150px"></li>
  907. <li><img src="images/ad3.PNG" width="150px" height="150px"></li>
  908. <li><img src="images/ad4.PNG" width="150px" height="150px"></li>
  909. <li><img src="images/ad5.PNG" width="150px" height="150px"></li>
  910. </ul>
  911.  
  912. </div>
  913. </div>
  914.  
  915. <!-- Departments Main Body -->
  916. <div class="delays">
  917. <div style="position:relative; top: -5px;">
  918. <h1><b>Stock and Delivery Delays</b></h1>
  919. <p><i>Deliveries to some locations in the upper North Island may be delayed due to the impact of Cyclone Gabrielle on transport infrastructure.</i></p>
  920. <p><i>Some orders also may take longer to process due to our Stocktake Sale as we are experiencing high order volumes. Thank you for your patience and understanding.</i></p>
  921. </div>
  922. </div>
  923.  
  924. <!-- First Row of Products -->
  925. <div class="firstrow-images">
  926. <div style="position:relative; top: -5px; left: 10px;">
  927. <ul>
  928. <li><img src="images/departments/katsuki.jpg" width="125" height="130"></li>
  929. <li><img src="images/departments/spider-gwen.jpg" width="125" height="130"></li>
  930. <li><img src="images/departments/superslam ring.jpg" width="125" height="130"></li>
  931. <li><img src="images/departments/iron spider.jpg" width="125" height="130"></li>
  932. <li><img src="images/departments/mickey mouse metallic.jpg" width="125" height="130"></li>
  933. <li><img src="images/departments/donald duck metallic.jpg" width="125" height="130"></li>
  934. <li><img src="images/departments/angel metallic.jpg" width="125" height="130"></li>
  935. <li><img src="images/departments/stitch metallic.jpg" width="125" height="130"></li>
  936. <li><img src="images/departments/winnie the pooh metallic.jpg" width="125" height="130"></li>
  937. <li><img src="images/departments/daisy duck metallic.jpg" width="125" height="130"></li>
  938. </ul>
  939. </div>
  940.  
  941. <div class="firstrow-text">
  942. <div style="position:relative; top: -20px; left: 12px;">
  943. <ul>
  944. <li>My Hero Academia – Katsuki Bakugo Training</li>
  945. <li>Marvel Comics – Spider-Gwen #0</li>
  946. <li>WWE – Super Slam Ring Triple H & Shawn Mich...</li>
  947. <li>Marvel – Iron Spider Metallic Cosbaby</li>
  948. <li>Disney – Mickey Mouse Metallic Cosbaby</li>
  949. <li>Disney – Donald Duck Metallic Cosbaby</li>
  950. <li>Lilo & Stitch – Angel Metallic Cosbaby</li>
  951. <li>Lilo & Stitch – Stitch Metallic Cosbaby</li>
  952. <li>Winnie the Pooh – Winnie the Pooh Metallic</li>
  953. <li>Disney – Daisy Duck Metallic Cosbaby</li>
  954. </ul>
  955. </div>
  956. </div>
  957.  
  958. <div class="firstrow-text2">
  959. <div style="position:relative; top: -30px; left:50px;">
  960. <ul>
  961. <li>$26.99</li>
  962. <li>$49.99</li>
  963. <li>$74.99</li>
  964. <li>$64.99</li>
  965. <li>$64.99</li>
  966. <li>$57.99</li>
  967. <li>$64.99</li>
  968. <li>$64.99</li>
  969. <li>$64.99</li>
  970. <li>$57.99</li>
  971. </ul>
  972. </div>
  973. </div>
  974.  
  975. <div class="firstrow-text3">
  976. <div style="position:relative; top: -40px; left: 20px;">
  977. <ul>
  978. <li>Est Launch: 30/06/2023</li>
  979. <li>Est Launch: 31/05/2023</li>
  980. <li>Est Launch: 31/07/2023</li>
  981. <li>Est Launch: 31/07/2023</li>
  982. <li>Est Launch: 31/07/2023</li>
  983. <li>Est Launch: 31/07/2023</li>
  984. <li>Est Launch: 31/07/2023</li>
  985. <li>Est Launch: 31/07/2023</li>
  986. <li>Est Launch: 31/07/2023</li>
  987. <li>Est Launch: 31/07/2023</li>
  988. </ul>
  989.  
  990. </div>
  991. </div>
  992.  
  993. <!-- First Row Buttons -->
  994. <div class="firstrow-buttons">
  995. <div style="position:relative; top: -50px; left: -645px;">
  996. <a href="cart.html" class="preorder">Pre Order</a>
  997. </div>
  998. <div style="position:relative; top: -108px; left: -505px;">
  999. <a href="cart.html" class="preorder2">Pre Order</a>
  1000. </div>
  1001. <div style="position:relative; top: -166px; left: -365px;">
  1002. <a href="cart.html" class="preorder3">Pre Order</a>
  1003. </div>
  1004. <div style="position:relative; top: -224px; left: -225px;">
  1005. <a href="cart.html" class="preorder4">Pre Order</a>
  1006. </div>
  1007. <div style="position:relative; top: -282px; left: -85px;">
  1008. <a href="cart.html" class="preorder5">Pre Order</a>
  1009. </div>
  1010. <div style="position:relative; top: -340px; left: 55px;">
  1011. <a href="cart.html" class="preorder6">Pre Order</a>
  1012. </div>
  1013. <div style="position:relative; top: -398px; left: 195px;">
  1014. <a href="cart.html" class="preorder7">Pre Order</a>
  1015. </div>
  1016. <div style="position:relative; top: -456px; left: 335px;">
  1017. <a href="cart.html" class="preorder8">Pre Order</a>
  1018. </div>
  1019. <div style="position:relative; top: -514px; left: 665px;">
  1020. <a href="cart.html" class="preorder9">Pre Order</a>
  1021. </div>
  1022. <div style="position:relative; top: -572px; left: 805px;">
  1023. <a href="cart.html" class="preorder10">Pre Order</a>
  1024. </div>
  1025. </div>
  1026.  
  1027.  
  1028. <!-- Second Row of Products -->
  1029. <div class="secondrow-images">
  1030. <div style="position:relative; top: -50px; left:30px;">
  1031. </div>
  1032. <ul>
  1033. <li><img src="images/departments/iron man metallic.jpg" width="125" height="130"></li>
  1034. <li><img src="images/departments/neighbourhood spiderman.jpg" width="125" height="130"></li>
  1035. <li><img src="images/departments/wwe 14day countdown.jpg" width="125" height="130"></li>
  1036. <li><img src="images/departments/wwe brock lesnar undertaker.jpg" width="125" height="130"></li>
  1037. <li><img src="images/departments/wwe rhonda rousey triple h.jpg" width="125" height="130"></li>
  1038. <li><img src="images/departments/hg shenlong.jpg" width="125" height="130"></li>
  1039. <li><img src="images/departments/hguc gundam.jpg" width="125" height="130"></li>
  1040. <li><img src="images/departments/spyxfamily yor forger.jpg" width="125" height="130"></li>
  1041. <li><img src="images/departments/fluffy puffy matamune.jpg" width="125" height="130"></li>
  1042. <li><img src="images/departments/ramiris figure.jpg" width="125" height="130"></li>
  1043. </ul>
  1044. </div>
  1045.  
  1046. <div class="secondrow-text">
  1047. <div style="position:relative; top: -20px; left: 12px;">
  1048. <ul>
  1049. <li>Marvel – Iron Man Metallic Cosbaby</li>
  1050. <li>Spider-Man: No Way Home – Neighbourhood</li>
  1051. <li>WWE – 2023 14 Day Countdown Calendar</li>
  1052. <li>WWE – Borck Lesnar & Undertaker</li>
  1053. <li>WWE – Rhonda Rousey & Triple H</li>
  1054. <li>HG 1/144 Shenlong Gundam Model Kit</li>
  1055. <li>HGUC 1/44 Gundam F91 Model Kit</li>
  1056. <li>Spy x Family – You Forger S.H.Figuarts</li>
  1057. <li>Shaman King – Fluffy Puffy Matamune</li>
  1058. <li>T.T.I.G.R.A.S – Ramiris Figure</li>
  1059. </ul>
  1060. </div>
  1061. </div>
  1062.  
  1063. <div class="secondrow-text2">
  1064. <div style="position:relative; top: -20px; left: 12px;">
  1065. <ul>
  1066. <li>$64.99</li>
  1067. <li>$74.99</li>
  1068. <li>$83.99</li>
  1069. <li>$54.99</li>
  1070. <li>$54.99</li>
  1071. <li>$34.99</li>
  1072. <li>$29.99</li>
  1073. <li>$149.99</li>
  1074. <li>$44.99</li>
  1075. <li>$44.99</li>
  1076. </ul>
  1077. </div>
  1078. </div>
  1079.  
  1080. <div class="secondrow-text3">
  1081. <div style="position:relative; top: -20px; left: 12px;">
  1082. <ul>
  1083. <li>Est Launch: 31/07/2023</li>
  1084. <li>Est Launch: 31/05/2023</li>
  1085. <li>Est Launch: 30/04/2023</li>
  1086. <li>Est Launch: 30/06/2023</li>
  1087. <li>Est Launch: 30/06/2023</li>
  1088. <li></li>
  1089. <li></li>
  1090. <li>Est Launch: 30/04/2023</li>
  1091. <li>Est Launch: 30/04/2023</li>
  1092. <li>Est Launch: 30/04/2023</li>
  1093. </ul>
  1094. </div>
  1095. </div>
  1096.  
  1097. <!-- Second Row Buttons-->
  1098. <div class="secondrow-buttons">
  1099. <div style="position:relative; top: -400px; left: -455px;">
  1100. <a href="cart.html" class="preorder11">Pre Order</a>
  1101. </div>
  1102. <div style="position:relative; top: -458px; left: -315px;">
  1103. <a href="cart.html" class="preorder12">Pre Order</a>
  1104. </div>
  1105. <div style="position:relative; top: -516px; left: -175px;">
  1106. <a href="cart.html" class="preorder13">Pre Order</a>
  1107. </div>
  1108. <div style="position:relative; top: -574px; left: -35px;">
  1109. <a href="cart.html" class="preorder14">Pre Order</a>
  1110. </div>
  1111. <div style="position:relative; top: -632px; left: 105px;">
  1112. <a href="cart.html" class="preorder15">Pre Order</a>
  1113. </div>
  1114. <div style="position:relative; top: -690px; left: 245px;">
  1115. <a href="cart.html" class="buynow">Buy Now</a>
  1116. </div>
  1117. <div style="position:relative; top: -748px; left: 385px;">
  1118. <a href="cart.html" class="buynow2">Buy Now</a>
  1119. </div>
  1120. <div style="position:relative; top: -806px; left: 525px;">
  1121. <a href="cart.html" class="preorder16">Pre Order</a>
  1122. </div>
  1123. <div style="position:relative; top: -864px; left: 665px;">
  1124. <a href="cart.html" class="preorder17">Pre Order</a>
  1125. </div>
  1126. <div style="position:relative; top: -922px; left: 805px;">
  1127. <a href="cart.html" class="preorder18">Pre Order</a>
  1128. </div>
  1129. </div>
  1130.  
  1131.  
  1132. <!-- Third Row of Products-->
  1133.  
  1134. <div class="thirdrow-images">
  1135. <div style="position:relative; top: -50px; left: 30px;"?>
  1136. <ul>
  1137. <li><img src="images/departments/xii super saiyan.jpg" width="125" height="130"></li>
  1138. <li><img src="images/departments/shota aizawa.jpg" width="125" height="130"></li>
  1139. <li><img src="images/departments/nobara kugisaki.jpg" width="125" height="130"></li>
  1140. <li><img src="images/departments/uzjumaki naruto.jpg" width="125" height="130"></li>
  1141. <li><img src="images/departments/uchicha sasuke.jpg" width="125" height="130"></li>
  1142. <li><img src="images/departments/shank figure.jpg" width="125" height="130"></li>
  1143. <li><img src="images/departments/monkey luffy.jpg" width="125" height="130"></li>
  1144. <li><img src="images/departments/trafalgar zero.jpg" width="125" height="130"></li>
  1145. <li><img src="images/departments/elsa granhiert.jpg" width="125" height="130"></li>
  1146. <li><img src="images/departments/fluffy puffy.jpg" width="125" height="130"></li>
  1147. </ul>
  1148. </div>
  1149. </div>
  1150.  
  1151. <div class="thirdrow-text">
  1152. <div style="position:relative; top: -20px; left: 12px;">
  1153. <ul>
  1154. <li>Dragon Ball Super – Blood of Saiyans</li>
  1155. <li>My Hero Academia – Shota Aizawa</li>
  1156. <li>Jujutsu Kaisen – Nobara Kugisaki</li>
  1157. <li>Naruto – Effectreme Uzumaki Naruto</li>
  1158. <li>Naruto – Effectreme Uchicha Sasuke</li>
  1159. <li>One Piece – Film Red King of Artist Shanks</li>
  1160. <li>One Piece – It's A Banquet!! Monkey D. Luffy</li>
  1161. <li>One Piece – Extra Battle Trafalgar Law</li>
  1162. <li>Re:Zero – Relax Time Elsa Granhiert</li>
  1163. <li> Pretty Guardian Sailor Moon – Fluffy Puffy</li>
  1164. </ul>
  1165. </div>
  1166. </div>
  1167.  
  1168. <div class="thirdrow-text2">
  1169. <div style="position:relative; top: 20px; left: 12px;">
  1170. <ul>
  1171. <li>$44.99</li>
  1172. <li>$44.99</li>
  1173. <li>$179.99</li>
  1174. <li>$44.99</li>
  1175. <li>$44.99</li>
  1176. <li>$44.99</li>
  1177. <li>$44.99</li>
  1178. <li>$189.99</li>
  1179. <li>$44.99</li>
  1180. <li>$49.99</li>
  1181. </ul>
  1182. </div>
  1183. </div>
  1184.  
  1185. <!-- Third Row Buttons -->
  1186. <div class="thirdrow-buttons">
  1187. <div style="position:relative; top: -755px; left: -455px;">
  1188. <a href="cart.html" class="preorder19">Pre Order</a>
  1189. </div>
  1190. <div style="position:relative; top: -813px; left: -315px;">
  1191. <a href="cart.html" class="preorder20">Pre Order</a>
  1192. </div>
  1193. <div style="position:relative; top: -871px; left: -175px;">
  1194. <a href="cart.html" class="preorder21">Pre Order</a>
  1195. </div>
  1196. <div style="position:relative; top: -929px; left: -35px;">
  1197. <a href="cart.html" class="preorder22">Pre Order</a>
  1198. </div>
  1199. <div style="position:relative; top: -987px; left: 105px;">
  1200. <a href="cart.html" class="preorder23">Pre Order</a>
  1201. </div>
  1202. <div style="position:relative; top: -1045px; left: 245px;">
  1203. <a href="cart.html" class="preorder24">Pre Order</a>
  1204. </div>
  1205. <div style="position:relative; top: -1103px; left: 385px;">
  1206. <a href="cart.html" class="preorder25">Pre Order</a>
  1207. </div>
  1208. <div style="position:relative; top: -1161px; left: 525px;">
  1209. <a href="cart.html" class="preorder26">Pre Order</a>
  1210. </div>
  1211. <div style="position:relative; top: -1219px; left: 665px;">
  1212. <a href="cart.html" class="preorder27">Pre Order</a>
  1213. </div>
  1214. <div style="position:relative; top: -1277px; left: 805px;">
  1215. <a href="cart.html" class="preorder28">Pre Order</a>
  1216. </div>
  1217. </div>
  1218.  
  1219.  
  1220.  
  1221. <!-- Departments Other Pages Navigation -->
  1222. <div class="page-buttons">
  1223. <div style="position:relative; top: -1253px; left: 1440px">
  1224. <a href="departments.html" class="page1">1</a>
  1225. </div>
  1226. <div style="position:relative; top: -1274px; left: 1460px;">
  1227. <a href="departments2.html" class="page2">2</a>
  1228. </div>
  1229. <div style="position:relative; top: -1295px; left: 1480px;">
  1230. <a href="departments3.html" class="page3">3</a>
  1231. </div>
  1232. <div style="position:relative; top: -1316px; left: 1499px;">
  1233. <a href="departments4.html" class="page4">4</a>
  1234. </div>
  1235. <div style="position:relative; top: -1337px; left: 1518px;">
  1236. <a href="departments4.html" class="page4">...</a>
  1237. </div>
  1238. <div style="position:relative; top: -1358px; left: 1540px;">
  1239. <a href="departments269.html" class="page269">269</a>
  1240. </div>
  1241. <div style="position:relative; top: -1379px; left: 1570px;">
  1242. <a href="departments270.html" class="page270">270</a>
  1243. </div>
  1244. <div style="position:relative; top: -1400px; left: 1600px;">
  1245. <a href="departments271.html" class="page271">271</a>
  1246. </div>
  1247. </div>
  1248.  
  1249. <!-- Footer -->
  1250. <div class="footer">
  1251. <footer>
  1252. <div class="copyright">
  1253. <p><small><b>© Pop Stop 2023</b></small></p>
  1254. </div>
  1255. <div class="contactfooter">
  1256. <a href="contact.html" class="footercontact1"><b>Contact Pop Stop</b></a>
  1257. <a href="contact.html" class="footercontact2"><b>Store Locations</b></a>
  1258. </div>
  1259. </footer>
  1260. </div>
  1261. </body>
  1262. </html>
Tags: html
Add Comment
Please, Sign In to add comment