[javascript] Nishi

Viewer

  1. document.write('<!DOCTYPE html>');
  2. document.write('<html lang="en">');
  3. document.write('<head>');
  4. document.write('    <meta charset="UTF-8">');
  5. document.write('    <meta name="viewport" content="width=device-width, initial-scale=1.0">');
  6. document.write('    <title>Home Appliance Store</title>');
  7. document.write('    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">');
  8. document.write('    <link rel="stylesheet" href="style.css">');
  9. document.write('    ');
  10. document.write('</head>');
  11. document.write('<body>');
  12. document.write('');
  13. document.write('<header>');
  14. document.write('        <div class="top-bar">');
  15. document.write('            <img src="img/logo.png" alt="Store Logo">');
  16. document.write('            <h1>Apple</h1>');
  17. document.write('            <div class="icons">');
  18. document.write('                <a href="user-profile.html"><i class="fas fa-user"></i></a>');
  19. document.write('                <a href="shopping-cart.html"><i class="fas fa-shopping-cart"></i></a>');
  20. document.write('            </div>');
  21. document.write('        </div>');
  22. document.write('        <nav>');
  23. document.write('            <span class="hamburger">☰</span>');
  24. document.write('            <ul class="nav-menu">');
  25. document.write('                <li><a href="#index">Home</a></li>');
  26. document.write('                <li><a href="#iPhone">iPhone</a></li>');
  27. document.write('                <li><a href="#AirPods">AirPods</a></li>');
  28. document.write('                <li><a href="#Mac">Mac</a></li>');
  29. document.write('                <li><a href="#VR">VR</a></li>');
  30. document.write('                <li><a href="Support.html">Support</a></li>');
  31. document.write('                <li><a href="About us.html">About us</a></li>');
  32. document.write('                <li><a href="Login.html">Login</a></li>');
  33. document.write('                <li><a href="Signin.html">Signin</a></li>');
  34. document.write('            </ul>');
  35. document.write('        </nav>');
  36. document.write('        ');
  37. document.write('    </header>');
  38. document.write('        <div class="slideshow-container">');
  39. document.write('        <!-- Slides -->');
  40. document.write('        <div class="slides">');
  41. document.write('            <div class="slide-content">');
  42. document.write('                <h2>Product is in discount ...</h2>');
  43. document.write('                <a href="#" class="buy-now">Buy Now</a>');
  44. document.write('                <a href="#" class="more-info">More Info....</a>');
  45. document.write('');
  46. document.write('            </div>');
  47. document.write('            <img src="img/vr.jpeg" alt="Product 1" width="auto"height="auto">');
  48. document.write('            ');
  49. document.write('        </div>');
  50. document.write('        <div class="slides">');
  51. document.write('            <div class="slide-content">');
  52. document.write('                 <h2>Product, pick it up now</h2>');
  53. document.write('                <a href="#" class="buy-now">Buy Now</a>');
  54. document.write('                <a href="#" class="more-info">More Info....</a>');
  55. document.write('            </div>');
  56. document.write('            <img src="img/mac book pro.jpeg" alt="Product 1"width="auto"height="auto">');
  57. document.write('        </div>');
  58. document.write('        <div class="slides">');
  59. document.write('            <div class="slide-content">');
  60. document.write('                <h2>Product, chance never repeated</h2>');
  61. document.write('                <a href="#" class="buy-now">Buy Now</a>');
  62. document.write('                <a href="#" class="more-info">More Info....</a>');
  63. document.write('            </div>');
  64. document.write('            <img src="img/headset.jpeg" alt="Product 3"width="auto"height="10px">');
  65. document.write('');
  66. document.write('        </div>');
  67. document.write('        <div class="slides">');
  68. document.write('            <div class="slide-content">');
  69. document.write('                <h2>Product is yours</h2>');
  70. document.write('                <a href="#" class="buy-now">Buy Now</a>');
  71. document.write('                <a href="#" class="more-info">More Info....</a>');
  72. document.write('            </div>');
  73. document.write('            <img src="img/Airpodspro.jpeg" alt="Product 4"width="auto"height="auto">');
  74. document.write('        </div>');
  75. document.write('        <!-- Next and previous buttons (optional) -->');
  76. document.write('        <a class="prev" onclick="plusSlides(-1)">❮</a>');
  77. document.write('        <a class="next" onclick="plusSlides(1)">❯</a>');
  78. document.write('    </div>');
  79. document.write(' <section id="iPhone"class="section">');
  80. document.write('        <h2>iPhone</h2>');
  81. document.write('       ');
  82. document.write('        <div >');
  83. document.write('        <!-- Product 1 -->');
  84. document.write('        <div class="product">');
  85. document.write('            <a href="product.html">');
  86. document.write('                <img src="img/13.jpeg" alt="Product 1" width="auto" height="auto">');
  87. document.write('            </a>');
  88. document.write('            <h3>iPhone13</h3>');
  89. document.write('            <p >$199.99</p>');
  90. document.write('            <button class="button">Add to Cart</button>');
  91. document.write('            <button class="button">Buy</button>');
  92. document.write('        </div>');
  93. document.write('');
  94. document.write('        <!-- Product 2 -->');
  95. document.write('        <div class="product">');
  96. document.write('            <a href="product-details2.html">');
  97. document.write('                <img src="img/13 mini.jpeg" alt="Product 2" width="auto" height="auto">');
  98. document.write('            </a>');
  99. document.write('            <h3>iPhone13 Mini</h3>');
  100. document.write('            <p >$249.99</p>');
  101. document.write('            <button class="button">Add to Cart</button>');
  102. document.write('            <button class="button">Buy</button>');
  103. document.write('        </div>');
  104. document.write('                <!-- Product 3 -->');
  105. document.write('        <div class="product">');
  106. document.write('            <a href="product-details1.html">');
  107. document.write('                <img src="img/13 pro.jpeg" alt="Product 1" width="auto" height="auto">');
  108. document.write('            </a>');
  109. document.write('            <h3>iPhone13Pro</h3>');
  110. document.write('            <p >$199.99</p>');
  111. document.write('            <button class="button">Add to Cart</button>');
  112. document.write('            <button class="button">Buy</button>');
  113. document.write('        </div>');
  114. document.write('');
  115. document.write('        <!-- Product 4 -->');
  116. document.write('        <div class="product">');
  117. document.write('            <a href="product-details2.html">');
  118. document.write('                <img src="img/13 pro max.jpeg" alt="Product 2" width="auto" height="auto">');
  119. document.write('            </a>');
  120. document.write('            <h3>iPhone13Pro Max</h3>');
  121. document.write('            <p >$249.99</p>');
  122. document.write('            <button class="button">Add to Cart</button>');
  123. document.write('            <button class="button">Buy</button>');
  124. document.write('        </div>');
  125. document.write('');
  126. document.write('        <!-- Product 5 -->');
  127. document.write('        <div class="product">');
  128. document.write('            <a href="product-details1.html">');
  129. document.write('                <img src="img/14.jpeg" alt="Product 1" width="auto" height="auto">');
  130. document.write('            </a>');
  131. document.write('            <h3>iPhone14</h3>');
  132. document.write('            <p >$199.99</p>');
  133. document.write('            <button class="button">Add to Cart</button>');
  134. document.write('            <button class="button">Buy</button>');
  135. document.write('        </div>');
  136. document.write('');
  137. document.write('        <!-- Product 6 -->');
  138. document.write('        <div class="product">');
  139. document.write('            <a href="product-details2.html">');
  140. document.write('                <img src="img/14 plus.jpeg" alt="Product 2" width="auto" height="auto">');
  141. document.write('            </a>');
  142. document.write('            <h3>iPhone14Plus</h3>');
  143. document.write('            <p >$249.99</p>');
  144. document.write('            <button class="button">Add to Cart</button>');
  145. document.write('            <button class="button">Buy</button>');
  146. document.write('        </div>');
  147. document.write('');
  148. document.write('        <!-- Product 7 -->');
  149. document.write('        <div class="product">');
  150. document.write('            <a href="product-details1.html">');
  151. document.write('                <img src="img/14 pro.jpeg" alt="Product 1" width="auto" height="auto">');
  152. document.write('            </a>');
  153. document.write('            <h3>iPhone14Pro</h3>');
  154. document.write('            <p >$199.99</p>');
  155. document.write('            <button class="button">Add to Cart</button>');
  156. document.write('            <button class="button">Buy</button>');
  157. document.write('        </div>');
  158. document.write('');
  159. document.write('        <!-- Product 8 -->');
  160. document.write('        <div class="product">');
  161. document.write('            <a href="product-details2.html">');
  162. document.write('                <img src="img/14 pro max.jpeg" alt="Product 2" width="auto" height="auto">');
  163. document.write('            </a>');
  164. document.write('            <h3>iPhone14Pro Max</h3>');
  165. document.write('            <p >$249.99</p>');
  166. document.write('            <button class="button">Add to Cart</button>');
  167. document.write('            <button class="button">Buy</button>');
  168. document.write('        </div>');
  169. document.write('');
  170. document.write('        <!-- Product 9 -->');
  171. document.write('        <div class="product">');
  172. document.write('            <a href="product-details1.html">');
  173. document.write('                <img src="img/16.jpeg" alt="Product 1" width="auto" height="auto">');
  174. document.write('            </a>');
  175. document.write('            <h3>iPhone15</h3>');
  176. document.write('            <p >$199.99</p>');
  177. document.write('            <button class="button">Add to Cart</button>');
  178. document.write('            <button class="button">Buy</button>');
  179. document.write('        </div>');
  180. document.write('');
  181. document.write('        <!-- Product 10 -->');
  182. document.write('        <div class="product">');
  183. document.write('            <a href="product-details1.html">');
  184. document.write('                <img src="img/15 plus.jpeg" alt="Product 1" width="auto" height="auto">');
  185. document.write('            </a>');
  186. document.write('            <h3>iPhone15Plus</h3>');
  187. document.write('            <p >$199.99</p>');
  188. document.write('            <button class="button">Add to Cart</button>');
  189. document.write('            <button class="button">Buy</button>');
  190. document.write('        </div>');
  191. document.write('');
  192. document.write('        <!-- Product 11 -->');
  193. document.write('        <div class="product">');
  194. document.write('            <a href="product-details2.html">');
  195. document.write('                <img src="img/15 pro.jpeg" alt="Product 2" width="auto" height="auto">');
  196. document.write('            </a>');
  197. document.write('            <h3>iPhone15Pro</h3>');
  198. document.write('            <p class="price">$249.99</p>');
  199. document.write('            <button class="button">Add to Cart</button>');
  200. document.write('            <button class="button">Buy</button>');
  201. document.write('        </div>');
  202. document.write('');
  203. document.write('        <!-- Product 12 -->');
  204. document.write('        <div class="product">');
  205. document.write('            <a href="product-details1.html">');
  206. document.write('                <img src="img/15 pro max.jpeg" alt="Product 1" width="auto" height="auto">');
  207. document.write('            </a>');
  208. document.write('            <h3>iPhone15Pro Max</h3>');
  209. document.write('            <p >$199.99</p>');
  210. document.write('            <button class="button">Add to Cart</button>');
  211. document.write('            <button class="button">Buy</button>');
  212. document.write('        </div>');
  213. document.write('    </div>');
  214. document.write('        <a href="#">See more</a>');
  215. document.write('    </section>');
  216. document.write('    <section id="AirPods"class="AirPods">');
  217. document.write('        <h2>AirPods</h2>');
  218. document.write('       ');
  219. document.write('        <div >');
  220. document.write('        <!-- Product 1 -->');
  221. document.write('        <div class="product">');
  222. document.write('            <a href="product.html">');
  223. document.write('                <img src="img/ear phones.jpeg" alt="Product 1" width="auto" height="auto">');
  224. document.write('            </a>');
  225. document.write('            <h3>EarPods</h3>');
  226. document.write('            <p >$199.99</p>');
  227. document.write('            <button class="button">Add to Cart</button>');
  228. document.write('            <button class="button">Buy</button>');
  229. document.write('        </div>');
  230. document.write('');
  231. document.write('        <!-- Product 2 -->');
  232. document.write('        <div class="product">');
  233. document.write('            <a href="product-details2.html">');
  234. document.write('                <img src="img/Airpods.jpeg" alt="Product 2"  width="250px" height="auto">');
  235. document.write('            </a>');
  236. document.write('            <h3>Airpods</h3>');
  237. document.write('            <p >$249.99</p>');
  238. document.write('            <button class="button">Add to Cart</button>');
  239. document.write('            <button class="button">Buy</button>');
  240. document.write('        </div>');
  241. document.write('        <!-- Product 3 -->');
  242. document.write('        <div class="product">');
  243. document.write('            <a href="product-details2.html">');
  244. document.write('                <img src="img/Airpodspro.jpeg" alt="Product 2" width="250px" height="auto">');
  245. document.write('            </a>');
  246. document.write('            <h3>AirPods Pro</h3>');
  247. document.write('            <p >$249.99</p>');
  248. document.write('            <button class="button">Add to Cart</button>');
  249. document.write('            <button class="button">Buy</button>');
  250. document.write('        </div>');
  251. document.write('        <!-- Product 4 -->');
  252. document.write('        <div class="product">');
  253. document.write('            <a href="product-details2.html">');
  254. document.write('                <img src="img/headset.jpeg" alt="Product 2" width="auto" height="auto">');
  255. document.write('            </a>');
  256. document.write('            <h3>Headset</h3>');
  257. document.write('            <p >$249.99</p>');
  258. document.write('            <button class="button">Add to Cart</button>');
  259. document.write('            <button class="button">Buy</button>');
  260. document.write('        </div>');
  261. document.write('    </section>');
  262. document.write('');
  263. document.write('    <section id="Mac"class="mac">');
  264. document.write('        <h2>Mac</h2>');
  265. document.write('       ');
  266. document.write('        <div >');
  267. document.write('        <!-- Product 1 -->');
  268. document.write('        <div class="product">');
  269. document.write('            <a href="product.html">');
  270. document.write('                <img src="img/m1.jpeg" alt="Product 1" width="auto" height="auto">');
  271. document.write('            </a>');
  272. document.write('            <h3>Mac M1</h3>');
  273. document.write('            <p >$199.99</p>');
  274. document.write('            <button class="button">Add to Cart</button>');
  275. document.write('            <button class="button">Buy</button>');
  276. document.write('        </div>');
  277. document.write('');
  278. document.write('        <!-- Product 2 -->');
  279. document.write('        <div class="product">');
  280. document.write('            <a href="product-details2.html">');
  281. document.write('                <img src="img/m2.jpeg" alt="Product 2" width="auto" height="auto">');
  282. document.write('            </a>');
  283. document.write('            <h3>Mac M2</h3>');
  284. document.write('            <p >$249.99</p>');
  285. document.write('            <button class="button">Add to Cart</button>');
  286. document.write('            <button class="button">Buy</button>');
  287. document.write('        </div>');
  288. document.write('        <!-- Product 3 -->');
  289. document.write('        <div class="product">');
  290. document.write('            <a href="product-details2.html">');
  291. document.write('                <img src="img/m3.jpeg" alt="Product 2" width="auto" height="auto">');
  292. document.write('            </a>');
  293. document.write('            <h3>Mac M3</h3>');
  294. document.write('            <p >$249.99</p>');
  295. document.write('            <button class="button">Add to Cart</button>');
  296. document.write('            <button class="button">Buy</button>');
  297. document.write('        </div>');
  298. document.write('    </section>');
  299. document.write('    <section id="VR"class="VR">');
  300. document.write('        <h2>VR</h2>');
  301. document.write('       ');
  302. document.write('        <div class="product">');
  303. document.write('        <!-- Product 1 -->');
  304. document.write('        <div >');
  305. document.write('            <a href="product.html">');
  306. document.write('                <img src="img/vr.jpeg" alt="Product 1" width="auto" height="auto">');
  307. document.write('            </a>');
  308. document.write('            <h3>VR</h3>');
  309. document.write('            <p >$199.99</p>');
  310. document.write('            <button class="button">Add to Cart</button>');
  311. document.write('            <button class="button">Buy</button>');
  312. document.write('        </div>');
  313. document.write('    </section>');
  314. document.write('    <footer class="footer">');
  315. document.write('        <div class="footer">');
  316. document.write('            <div>');
  317. document.write('                <img src="img/logo.png" alt="">');
  318. document.write('                <p class="pt-3">This company intriduced in 2000 and providing exquisite and valuable products for customer. Our main aim is to satisfation of customer so they can come again and agian.</p>');
  319. document.write('            </div>');
  320. document.write('            <div class="footer-section">');
  321. document.write('                <h5>Featured</h5>');
  322. document.write('                <ul class="text-uppercase list-unstyled">');
  323. document.write('                    <li><a href="#">Home</a></li>');
  324. document.write('                    <li><a href="#">iPhone</a></li>');
  325. document.write('                    <li><a href="#">AirPods</a></li>');
  326. document.write('                    <li><a href="#">Mac</a></li>');
  327. document.write('                    <li><a href="#">VR</a></li>');
  328. document.write('                </ul>');
  329. document.write('            </div>');
  330. document.write('            <div class="contact">');
  331. document.write('                <h5>Contact Us</h5>');
  332. document.write('                <div>');
  333. document.write('                    <h6>Address</h6>');
  334. document.write('                    <p>777 HighStreet,Birmingham,Unitedkingdom</p>');
  335. document.write('                </div>');
  336. document.write('                <div>');
  337. document.write('                    <h6>Phone</h6>');
  338. document.write('                    <p>(+44)789 584 845</p>');
  339. document.write('                </div>');
  340. document.write('                <div>');
  341. document.write('                    <h6>Email</h6>');
  342. document.write('                    <p>[email protected]</p>');
  343. document.write('                </div>');
  344. document.write('            </div>');
  345. document.write('');
  346. document.write('        </div>');
  347. document.write('');
  348. document.write('        <div class="footer-section ">    ');
  349. document.write('            <div>');
  350. document.write('                <img src="img/payment.png" alt="">');
  351. document.write('            </div>');
  352. document.write('            <div >');
  353. document.write('                <p>Cara ecommerce @ 2022. All Rights Reserved</p>');
  354. document.write('            </div>');
  355. document.write('            <div class="social-icons">');
  356. document.write('              <a href="#"><i class="fab fa-facebook-f"></i></a>');
  357. document.write('              <a href="#"><i class="fab fa-twitter"></i></a>');
  358. document.write('              <a href="#"><i class="fab fa-linkedin-in"></i></a>');
  359. document.write('            </div>                ');
  360. document.write('        </div>');
  361. document.write('        ');
  362. document.write('    </footer>');
  363. document.write('');
  364. document.write('');
  365. document.write('    <script>');
  366. document.write('        ');
  367. document.write('        document.querySelector(\'.hamburger\').addEventListener(\'click\', function() {');
  368. document.write('            var menu = document.querySelector(\'.nav-menu\');');
  369. document.write('            if (menu.style.display === \'block\') {');
  370. document.write('                menu.style.display = \'none\';');
  371. document.write('            } else {');
  372. document.write('                menu.style.display = \'block\';');
  373. document.write('            }');
  374. document.write('        });');
  375. document.write('                ');
  376. document.write('    let slideIndex = 0;');
  377. document.write('    showSlides();');
  378. document.write('');
  379. document.write('    function plusSlides(n) {');
  380. document.write('    slideIndex += n;');
  381. document.write('    showSlides();');
  382. document.write('    //resetTimer(); // Reset the timer on manual control');
  383. document.write('    }');
  384. document.write('');
  385. document.write('    function showSlides() {');
  386. document.write('    let i;');
  387. document.write('    let slides = document.getElementsByClassName("slides");');
  388. document.write('    for (i = 0; i < slides.length; i++) {');
  389. document.write('        slides[i].style.display = "none";  ');
  390. document.write('    }');
  391. document.write('    slideIndex++;');
  392. document.write('    if (slideIndex > slides.length) {slideIndex = 1}    ');
  393. document.write('    slides[slideIndex-1].style.display = "flex";');
  394. document.write('    //resetTimer();');
  395. document.write('    }');
  396. document.write('');
  397. document.write('    let slideTimer = setInterval(showSlides, 3000); // Change slides every 3 seconds');
  398. document.write('');
  399. document.write('    // Reset the timer function');
  400. document.write('    function resetTimer() {');
  401. document.write('    clearInterval(slideTimer);');
  402. document.write('    slideTimer = setInterval(showSlides, 3000); // Reset the timer for auto slide');
  403. document.write('    }');
  404. document.write('    ');
  405. document.write('    </script>');
  406. document.write('');
  407. document.write('</body>');
  408. document.write('</html>');
  409. document.write('');
  410. document.write('');
  411.  

Editor

You can edit this paste and save as new:


File Description
  • Nishi
  • Paste Code
  • 04 May-2024
  • 21.84 Kb
You can Share it: