The LM Control website. Simple yet efficient.
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 7.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!-- Made by Bedirhan Teymur @ LM Control -->
  2. <!DOCTYPE html>
  3. <html lang='en'>
  4. <head>
  5. <title>LM Control | Switchboards & Control Panels</title>
  6. <meta charset="UTF-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta property="og:description" content="LM Control | Switchboards & Control Panels"/>
  9. <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap" rel="stylesheet">
  12. <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/>
  13. <link href="assets/css/main.css" rel="stylesheet">
  14. <script src="https://unpkg.com/feather-icons"></script>
  15. </head>
  16. <body>
  17. <script type="text/javascript">
  18. if(navigator.appName.indexOf("Internet Explorer")!=-1 || navigator.userAgent.match(/Trident.*rv[ :]*11\./)){
  19. window.location = "http://ancient.lmc.co.nz";
  20. }
  21. </script>
  22. <div id="quickContactBar">
  23. </div>
  24. <main id="wrapper">
  25. <section id="banner">
  26. <nav>
  27. <img class="logo" src="assets/logo.svg"></img>
  28. <div class="links">
  29. <a href="#">Home</a>
  30. <a href="#">Services</a>
  31. <a href="#">Gallery</a>
  32. <a href="#">About Us</a>
  33. <a href="#">Contact Us</a>
  34. </div>
  35. </nav>
  36. <div class="banner-container">
  37. <div class="header">From Design To Manufacture</div>
  38. <div class="title">Innovative & Reliable Electrical Solutions</div>
  39. <div class="buttons">
  40. <button class="button highlight">Discover</button>
  41. <button class="button">Request a quote</button>
  42. </div>
  43. </div>
  44. </section>
  45. <section class="container" id="sec1" style="z-index: 1;">
  46. <div class="info-cards">
  47. <div class="card boarder">
  48. <i class="icon" data-feather="cpu"></i>
  49. <h1 class="title">Experience</h1>
  50. <p>
  51. You can't beat experience, from conveyor lines, OEM machinery, and electric motors, we have designed and built custom control panels for nearly every industrial application. This depth of experience enables us to provide the optimal solution for your specific application and provide design recommendations for improved functionality, reliability and value.
  52. </p>
  53. </div>
  54. <div class="card boarder">
  55. <i class="icon" data-feather="layers"></i>
  56. <h1 class="title">Quality</h1>
  57. <p>
  58. We are committed to providing high-quality products and services that meet or exceed our clients’ requirements and regulatory standards. From concept to completion, we follow established procedures designed to ensure every project detail is accounted for, including multi-point control panel build inspections, and thorough testing to verify quality and functionality.
  59. </p>
  60. </div>
  61. <div class="card">
  62. <i class="icon" data-feather="tool"></i>
  63. <h1 class="title">Support</h1>
  64. <p>
  65. We provide numerous remote and on-site services to our customers, including software upgrades, troubleshooting, hardware replacement, and feature additions.
  66. </p>
  67. </div>
  68. </div>
  69. </section>
  70. <section class="container" id="wave1" style="margin-top: -215px;">
  71. <svg id="wave" style="transform:rotate(0deg); transition: 0.3s" viewBox="0 0 1440 250" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(48, 157, 102, 1)" offset="0%"></stop><stop stop-color="rgba(48, 157, 102, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,75L24,75C48,75,96,75,144,66.7C192,58,240,42,288,33.3C336,25,384,25,432,41.7C480,58,528,92,576,100C624,108,672,92,720,83.3C768,75,816,75,864,95.8C912,117,960,158,1008,158.3C1056,158,1104,117,1152,83.3C1200,50,1248,25,1296,25C1344,25,1392,50,1440,58.3C1488,67,1536,58,1584,62.5C1632,67,1680,83,1728,91.7C1776,100,1824,100,1872,100C1920,100,1968,100,2016,116.7C2064,133,2112,167,2160,179.2C2208,192,2256,183,2304,150C2352,117,2400,58,2448,45.8C2496,33,2544,67,2592,70.8C2640,75,2688,50,2736,62.5C2784,75,2832,125,2880,129.2C2928,133,2976,92,3024,91.7C3072,92,3120,133,3168,150C3216,167,3264,158,3312,129.2C3360,100,3408,50,3432,25L3456,0L3456,250L3432,250C3408,250,3360,250,3312,250C3264,250,3216,250,3168,250C3120,250,3072,250,3024,250C2976,250,2928,250,2880,250C2832,250,2784,250,2736,250C2688,250,2640,250,2592,250C2544,250,2496,250,2448,250C2400,250,2352,250,2304,250C2256,250,2208,250,2160,250C2112,250,2064,250,2016,250C1968,250,1920,250,1872,250C1824,250,1776,250,1728,250C1680,250,1632,250,1584,250C1536,250,1488,250,1440,250C1392,250,1344,250,1296,250C1248,250,1200,250,1152,250C1104,250,1056,250,1008,250C960,250,912,250,864,250C816,250,768,250,720,250C672,250,624,250,576,250C528,250,480,250,432,250C384,250,336,250,288,250C240,250,192,250,144,250C96,250,48,250,24,250L0,250Z"></path></svg>
  72. </section>
  73. <section class="container" id="sec3" style="background-color: #309d66; height: 240px;">
  74. </section>
  75. <section class="container" id="wave1end">
  76. <svg id="wave" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 240" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(48, 157, 102, 1)" offset="0%"></stop><stop stop-color="rgba(48, 157, 102, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,168L21.8,176C43.6,184,87,200,131,204C174.5,208,218,200,262,192C305.5,184,349,176,393,180C436.4,184,480,200,524,176C567.3,152,611,88,655,80C698.2,72,742,120,785,124C829.1,128,873,88,916,96C960,104,1004,160,1047,156C1090.9,152,1135,88,1178,84C1221.8,80,1265,136,1309,148C1352.7,160,1396,128,1440,132C1483.6,136,1527,176,1571,168C1614.5,160,1658,104,1702,92C1745.5,80,1789,112,1833,116C1876.4,120,1920,96,1964,84C2007.3,72,2051,72,2095,88C2138.2,104,2182,136,2225,148C2269.1,160,2313,152,2356,140C2400,128,2444,112,2487,100C2530.9,88,2575,80,2618,100C2661.8,120,2705,168,2749,160C2792.7,152,2836,88,2880,52C2923.6,16,2967,8,3011,32C3054.5,56,3098,112,3120,140L3141.8,168L3141.8,240L3120,240C3098.2,240,3055,240,3011,240C2967.3,240,2924,240,2880,240C2836.4,240,2793,240,2749,240C2705.5,240,2662,240,2618,240C2574.5,240,2531,240,2487,240C2443.6,240,2400,240,2356,240C2312.7,240,2269,240,2225,240C2181.8,240,2138,240,2095,240C2050.9,240,2007,240,1964,240C1920,240,1876,240,1833,240C1789.1,240,1745,240,1702,240C1658.2,240,1615,240,1571,240C1527.3,240,1484,240,1440,240C1396.4,240,1353,240,1309,240C1265.5,240,1222,240,1178,240C1134.5,240,1091,240,1047,240C1003.6,240,960,240,916,240C872.7,240,829,240,785,240C741.8,240,698,240,655,240C610.9,240,567,240,524,240C480,240,436,240,393,240C349.1,240,305,240,262,240C218.2,240,175,240,131,240C87.3,240,44,240,22,240L0,240Z"></path></svg>
  77. </section>
  78. </main>
  79. <script>
  80. feather.replace()
  81. </script>
  82. <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
  83. integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
  84. crossorigin="">
  85. </script>
  86. <script src="assets/js/PreReq.js"></script>
  87. <script src="assets/js/main.js"></script>
  88. </body>
  89. </html>