1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>ModernTech - Home</title> 7 8 <link rel="icon" type="image/x-icon" href="/img/favicon.ico.png" length="60px" width="60px"> 9 <link rel="stylesheet" href="style.css" id="style-sheet"> 10 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 11 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 12
12<script src="https://kit.fontawesome.com/8d3c38ed87.js" crossorigin="anonymous"></script>
12 13
13<script src="../js/script.js" defer></script>
13 14 15</head> 16 17<body> 18<header> 19 <div class="header-div" > 20 <div class ="logo"> 21 <a class="moderntech-logo" href="/index.html"><img src="/img/moderntech-logo.png" id="moderntech-logo" alt="ModernTech logo"></a> 22 </div> 23 <div class="navbar" id="navbarCollapse"> 24 <a class="nav-item" href="/products.html">Products</a> 25 <a class="nav-item" href="/solutions.html">Solutions</a> 26 <a class="nav-item" href="/contact.html">Contact Us</a> 27 <a class="nav-item" href="/about-us.html">About Us</a> 28 <a href="javascript:void(0);" class="icon" onclick=showSideBar()> 29 <i class="fa fa-bars" ></i> 30 </a> 31 </div> 32 <div class="sidebar" > 33 <h3>ModernTech</h3> 34 <i class="fa-sharp fa-solid fa-xmark" onclick=hideSideBar()></i> 35 <a class="nav-item" href="/products.html">Products</a> 36 <a class="nav-item" href="/solutions.html">Solutions</a> 37 <a class="nav-item" href="/contact.html">Contact Us</a> 38 <a class="nav-item" href="/about-us.html">About Us</a> 39 </div> 40 </div> 41 42</header> 43 44<div class="product-slideshow" > 45 <div class="products"> 46 <img id="product-img" class="mySlides w3-animate-fading" src="/img/products/amd-xilinx.png"> 47 <img id="product-img" class="mySlides w3-animate-fading" src="/img/products/maestro-product.png"> 48 <img id="product-img" class="mySlides w3-animate-fading" src="/img/products/whiterabbit-product.png"> 49 50 </div> 51 </div> 52 53<div class="about-moderntech"> 54 <h1 class="about-title"></h1> 55 <p>ModernTech Computer & Peripheral Ltd. has been headquartered in Hong Kong since 1985. Over the last 30+ years, ModernTech has developed innovative solutions for our customers in financial services and other industries across APAC and the Greater China Region as technology evolves. ModernTech and its Beijing office have become one of Asia's leading distribution and services companies. We are suppliers for leading global brands, which include:</p> 56</div> 57 58<div class="vendors-brand-slider"> 59 <div class="brands"> 60 <img id="vendor-logo" src="/img/vendors/amd.png" alt="amd vendor"> 61 <img id="vendor-logo" src="/img/vendors/arista.png" alt="arista vendor"> 62 <img id="vendor-logo" src="/img/vendors/Panasas.png" alt="panasas vendor"> 63 <img id="vendor-logo" src="/img/vendors/safran.png" alt="safran vendor"> 64 <img id="vendor-logo" src="/img/vendors/chelsio.png" alt="chelsio vendor"> 65 <img id="vendor-logo" src="/img/vendors/rimage.png" alt="rimage vendor"> 66 <img id="vendor-logo" src="/img/vendors/contex.png" alt="contex vendor"> 67 <img id="vendor-logo" src="/img/vendors/infab.png" alt="infab vendor"> 68 <img id="vendor-logo" src="/img/vendors/sunhillo.png" alt="sunhillo vendor"> 69 <img id="vendor-logo" src="/img/vendors/Lantronix.png" alt="Lantronix vendor"> 70 <img id="vendor-logo" src="/img/vendors/microtek.png"> 71 </div> 72</div> 73 74<footer class="footer"> 75 <div class="footer-address"><a id="footer-address" href="https://www.google.com/maps?ll=22.338714,114.146694&z=15&t=m&hl=en&gl=HK&mapclient=embed&cid=12739855121633055597" target="_blank"> 76 Siu Wai Industrial Centre <br> 77 Unit 2B - 1/F <br> 78 29-33 Wing Hong Street <br> 79 Cheung Sha Wan, Kowloon <br> 80 Hong Kong 81 </a> 82 <p> 83 Hong Kong: <a href=tel:+85223413380>+852 2341 3380</a> <br> 84 Beijing: 85 <a href=tel:+861062140621>+86 10 6214 0621</a> <br> 86 <a href="mailto:[email protected]? subject=subject text">[email protected]</a> 87 </p> 88 </div> 89 <div class="our-location"> 90 <p><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3690.3947582835403!2d114.14411907503386!3d22.338718541502274!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3404014f6a0a1971%3A0xb0cd0ebc06e1136d!2sModernTech%20Computer%20%26%20Peripheral%20Ltd!5e0!3m2!1sen!2shk!4v1701416186593!5m2!1sen!2shk" height="230px" 91 width="400px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></p> 92 </div> 93 <div class="iso-9001"> 94 <img src="/img/iso-9001.jpg" alt="ISO 9001 Certification UKAS" height="125px"> 95 </div> 96</footer> 97
98<script> 99 //Script for Infinite Logo Slider 100 var copy = document.querySelector(".brands").cloneNode(true); 101 document.querySelector('.vendors-brand-slider').appendChild(copy); 102</script>
102 103 104 105</body>
106<script> 107 //Script for Carousel // 108 var myIndex = 0; 109 carousel(); 110 111 function carousel() { 112 var i; 113 var x = document.getElementsByClassName("mySlides"); 114 for (i = 0; i < x.length; i++) { 115 x[i].style.display = "none"; 116 } 117 myIndex++; 118 if (myIndex > x.length) {myIndex = 1} 119 x[myIndex-1].style.display = "block"; 120 setTimeout(carousel, 9000); 121 } 122 </script>
122 123 124</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.