Search results with 'SIM7022-EVBKIT-SMM'

<!-- [FREESTYLE] --> <p style="color: #e1e7f4;">Tired of complicated (remote) IIoT setups? This CaaS-platform (Connectivity-as-a-Service platform) is your answer. Choose whether you like a plastic triple-cut SIM, eSIM, or SoftSIM, and, if required, a highly accessible data cloud connector.</p> <style> .text-link { color: #f8b122; /* Inherits the color from the parent element */ text-decoration: underline; /* Removes underline */ cursor: pointer; /* Changes cursor to pointer to indicate clickability */ } .text-link:hover { text-decoration: underline; /* Optional: underline on hover for better UX */ color: #10246E !important; } .no-code-link { color: inherit; /* This ensures the link uses the surrounding text color */ text-decoration: underline; /* Keeps the underline to indicate it's a link */ } .no-code-link:hover { color: #10246E; /* Changes color to #10246E on hover */ text-decoration: underline; /* Ensures the underline remains on hover for clarity */ } .collapsing { -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; } .triangle { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid black; /* Triangle color */ border-bottom: 5px solid transparent; display: inline-block; margin-right: 10px; transition: transform 0.3s ease; transform: rotate(0deg); /* Initially pointing to the right */ } .triangle.rotate { transform: rotate(90deg); /* Rotate to point down when opened */ } .btn > * { display: inline-block; vertical-align: middle; } .custom-button { border-radius: 25px; /* Rounded corners for oval shape */ width: auto; /* Adjust width as needed */ height: 33px; font-size: 15px; text-align: center; color: #FFFFFF !important; white-space: nowrap; /* Prevent text from wrapping */ } .zoom-effect { transition: transform 0.2s; /* Animation time */ margin: 0 auto; /* Center the image */ display: block; /* Use block to apply margins */ } .zoom-effect:hover { transform: scale(1.1); /* Zoom in effect */ } .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); } .modal-content { margin: auto; background-color: rgba(0,0,0,0); display: block; width: 100%; max-width: 1200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; cursor: pointer; } .tooltip-container { position: relative; display: inline-block; cursor: pointer; } .custom-tooltip { visibility: hidden; width: 200px; background-color: #ffffff; color: #4A4A4A; font-weight: none; font-size: 15px; font-family: 'Titillium Web', sans-serif !important; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -350px; margin-bottom: -60px; opacity: 1; transition: opacity 0.3s; } .tooltip-container:hover .custom-tooltip { visibility: visible; opacity: 0.8; } </style> <div style="background-color:#e1e7f4;"> <div class="container" style="margin-top: -75px;margin-bottom: -51px;"> <meta name="description" content="Discover how our IoT connectivity solutions offer unmatched global coverage, extended battery life, and streamlined data & SIM management (with Connectivity-as-a-Service), simplifying your IoT deployments."> <div> <h2 style="color: #10246E; font-size: 30px; font-weight: bold; text-align: left; margin-bottom: 0px;">Optimized global coverage, battery life, and data & SIM management</h2> </div> <br> <div> <div class="row"> <div class="col-md-8" style="margin-top: 0px;"> <p> <b>Tired of complicated (remote) IIoT setups? This CaaS-platform (Connectivity-as-a-Service platform) is your answer. Choose whether you like a plastic triple-cut SIM, eSIM, or SoftSIM, and, if required, a highly accessible <span class="tooltip-container"><a href="#collapseReadmore" class="text-link" style="color: inherit;" onclick="toggleAndScrollReadmore()"><span style="color: inherit;">data cloud connector.</span></a> <span class="custom-tooltip">A Data Cloud Connector is a tool that allows seamless integration between your IoT devices and cloud services, enabling efficient data management and connectivity. </span> </span> </b>You already get our expert techsupport on low quantities eSIMs to get your development started. It's straightforward, secure, and reliable – perfect for managing your devices across the globe. We focus on the tech, so you can successfully focus on marketing your solution. </p> <h3 style="margin-top: 15px;">Discover the benefits</h3> <div class="buttons" style="text-align: left;"> <a href="#collapseConnectivity" class="btn orange" onclick="toggleAndScroll('collapseConnectivity')" style="margin-right: 10px; border-radius: 25px; height: 33px; font-size: 13px;"> <div style="color: #000000 !important; width: 165px; text-transform: capitalize;"><b>global coverage</b> </div> </a> <a href="#collapseBattery" class="btn orange" onclick="toggleAndScroll('collapseBattery')" style="margin-right: 10px; border-radius: 25px; height: 33px; font-size: 13px;"> <div style="color: #000000 !important; width: 165px; text-transform: capitalize;"><b>improved battery life</b> </div> </a> </div> <div class="buttons" style="text-align: left;"> <a href="#collapseInterruptions" class="btn orange" onclick="toggleAndScroll('collapseInterruptions')" style="margin-right: 10px; border-radius: 25px; height: 33px; font-size: 13px;"> <div style="color: #000000 !important; width: 165px; text-transform: capitalize;"><b>Data & SIM management</b> </div> </a> <a href="#Development_kits" class="btn blue" style="margin-right: 10px; border-radius: 25px; height: 33px; font-size: 13px;"> <div style="color: #ffffff !important; width: 165px; text-transform: capitalize;"><b>contact us or get started</b> </div> </a> </div> </div> <div class="col-md-4" style="margin-top: 6px;"> <img src="/getfile.aspx?id=135397" align="center" style="width: 117%;" alt="IIoT devices globally connected through one SIM provider with an easy to use data and SIM-management CaaS-platform"> </div> <br> </div> </div> <br> </div> </div> <br><br> <div style="background-color:#ffffff;"> <div class="container"> <div class="row"> <div class="col-md-4" style="margin-top: 20px;"> <button id="toggleButtonConnectivity" type="button" style="background: none; border: none; padding: 0; cursor: pointer;"><h2 style="font-weight: bold;"><span class="triangle"></span>630+ networks available</h2></button> <div class="collapse" id="collapseConnectivity"> <h3> Optimized global connectivity </h3> <p> Texim Europe specializes in providing robust IoT hardware, complemented by a partner software platform for <span style="color: #f8b122;"><b>optimized cellular connectivity</b></span> and is provider independant. This collaboration ensures that devices seamlessly connect to the best available network for <span style="color: #f8b122;"><b>reliable global coverage</b></span>. Using this connectivity service, Texim Europe enables straightforward and effective IoT solutions, tailored for diverse environments without complicating the user experience. This approach ensures steady network connectivity, crucial for any remote IoT application. </div> </p> </div> <div class="col-md-4" style="margin-top: 20px;"> <button id="toggleButtonBattery" type="button" style="background: none; border: none; padding: 0; cursor: pointer;"><h2 style="font-weight: bold;"><span class="triangle"></span>Save up to 50% battery</h2></button> <div class="collapse" id="collapseBattery"> <h3> Improved battery life </h3> <p> Optimizing IoT deployment, our approach focuses on improving device battery life through the use of <a href="#collapseReadmore" class="text-link" onclick="toggleAndScrollReadmore()"><span><b>IoT data cloud connectors</b></span></a>. These connectors enable devices to efficiently transmit data to cloud platforms without extensive coding, <span style="color: #f8b122;"><b>reducing power consumption</b></span>. By minimizing the energy used for data transmission and connection maintenance, the longevity of IoT devices is significantly enhanced, especially crucial in remote areas with limited power access. Bringing a dual advantage: <span style="color: #f8b122;"><b>reliable connectivity</b></span> and <span style="color: #f8b122;"><b>extended battery life</b></span> in power-constrained environments. </div> </p> </div> <div class="col-md-4" style="margin-top: 20px;"> <button id="toggleButtonInterruptions" type="button" style="background: none; border: none; padding: 0; cursor: pointer;"><h2 style="font-weight: bold;"><span class="triangle"></span>900% Productivity increase</h2></button> <div class="collapse" id="collapseInterruptions"> <h3> Minimizing data interruptions </h3> <p> In remote IoT operations, stable and reliable connectivity is essential for effective troubleshooting and management. The optional integration of <a href="#collapseReadmore" class="text-link" onclick="toggleAndScrollReadmore()"><span><b>IoT data cloud connectors</b></span></a> enhances this by ensuring continuous, secure data transmission to cloud platforms, minimizing data interruptions. This approach not only simplifies IoT deployments by reducing device-level complexity but also maintains <span style="color: #f8b122;"><b>high data integrity</b></span> through error correction and efficient retransmission methods. Such streamlined connectivity is key to <span style="color: #f8b122;"><b>reducing downtime</b></span> and <span style="color: #f8b122;"><b>boosting operational efficiency</b></span>. </div> </p> </div> <br> </div> <div class="row" style="margin-left: 0px;"> <button id="toggleButtonReadmore" type="button" style="background: none; border: none; padding: 0; cursor: pointer; margin-bottom: 10px;"> <h2 style="font-weight: bold; text-align: center;"><span class="triangle"></span>Learn more about “IoT data cloud connectors”</h2> </button> <div class="collapse" id="collapseReadmore" style="margin-bottom: 20px;"> <div class="row"> <!-- New row for text and image --> <div class="col-md-6" style="text-align: left;"> <p> "IoT data cloud connectors" or <a href="javascript:void(0);" class="text-link no-code-link" onclick="showModal('/getfile.aspx?id=135398', true);"><b>"No-code cloud connectors"</b></a> are tools or platforms that allow users to connect, integrate, and automate data flows between different cloud-based services and applications without the need for additional coding. They are part of a broader movement towards "no-code" or "low-code" development, which aims to make technology and data management more accessible to non-technical users. Because data preparation happens on the central platform, the IoT application doesn’t need to send the data with all necessary (security) certificates; The partner software platform does all additional data handling for you. <span style="color: #f8b122;"><b>This saves your IoT application up to 80% of data and saves up to 50% of your IoT battery.</b></span> Your battery-driven IoT application lasts much longer, minimizing field maintenance without compromising on safety and security. </p> </div> <div class="col-md-6" style="display: flex; justify-content: center; align-items: center; margin-top: -100px;"> <img src="/getfile.aspx?id=135398" alt="Partner platform explained: Globally connected IoT devices all connected through one platform with a secured cloud connector for save data and SIM-management. Supports TLS protocol" style="width: auto; max-width: 100%; cursor: pointer;" onclick="showModal('/getfile.aspx?id=135398', true)"> </div> </div> </div> </div> <div id="myModal" class="modal"> <span class="close">&times;</span> <img class="modal-content" id="img01"> </div> </div> </div> <div style="background-color:#e1e7f4;"> <div class="container"> <br> <br> <div class="row"> <div class="col-md-5" style="margin-top: 0px; display: flex; justify-content: center; align-items: center;"> <a href="javascript:void(0);" onclick="showModal('/getfile.aspx?id=135401', true)"> <img src="/getfile.aspx?id=135400" alt="Texim Europe's easy-to-use development kit" style="width: 82%; max-width: 100%;"> </a> </div> <div class="col-md-7" style="margin-top: 0px;"> <h2 id="Development_kits" style="font-weight: bold; margin-bottom: 0; text-align: left;"> Experience our development kits </h2> <h3> Easy-to-use and a 30-day free trial of the CaaS-platform </h3> <p> Launch your IoT projects efficiently with Texim Europe’s development kits. Each kit provides the opportunity to access our partner’s central platform. After purchase and registration you get: <ul style="list-style-type:'&#10003 '"> <li><b>30-day free trial</b></li> <li><b>50 MB of data usage</b></li> <li><b>Hundreds of networks</b></li> <li><b>Up to 10 free SIMs</b></li> <li><b>Expert (tech)support available</b></li> </ul> These benefits allows you to test and experience the platform in real-world scenarios. Perfect to understand the platform's practical application and integration. Ready to take a step into effective IoT solutions? Explore our development kits for smarter IoT integration, and to make a well-informed decision. </p> <div class="buttons" style="text-align: left;"> <a href="[quoteFormLink]&product=Custom Cellular Connectivity Development kit&desc=Cat 1bis DevKit" class="btn blue" style="margin-right: 10px; margin-top: 10px; border-radius: 25px; height: 33px; font-size: 13px;"> <div style="color: #ffffff !important; width: auto; text-transform: capitalize;"><b>Request custom development kit</b> </div> </a> </div> </div> </div> <br> <br> <div class="row"> <div class="col-md-12" style="margin-top: 0px;"> <h2 style="font-weight: bold; text-align: left;"> Choose the right SIM technology </h2> <ul style="list-style-type:'&#10003 '"> <li><b>Plastic Triple cut SIM:</b><br>Safeguard sensitive information by preventing unauthorized access and communication, ensuring the confidentiality and integrity of data transmitted between applications and the cloud. Comes with our easy-to-use development kit. </li> <br> <li><b>Embedded SIM (eSIM):</b><br> Higher flexibility, future-proof, and less sensitive to vibration. Smaller physical footprint and moderate cost of integration. </li> <br> <li><b>SoftSIM:</b><br> Offers the highest flexibility and future-proofing with minimal vibration sensitivity. No physical space required and potentially lower power consumption. </li> </ul> </div> </div> <div class="row"> <div id="SIM" class="col-md-12"> <div class="col-md-12" style="margin-top: 10px;"> <button id="toggleButton" class="btn btn-primary custom-button" type="button" style="text-transform: none;"> <span class="triangle"></span> See full SIM-comparison: </button> <div class="collapse" id="collapse3GPP"> <div class="card card-body"> <table class="display table table-striped overflow-hidden dataTable no-footer; familytable"> <thead> <tr role="row"> <th style="border: 1px solid rgb(222, 226, 230); padding: 8px; width: 49.3594px;" tabindex="0" rowspan="1" colspan="1"></th> <th style="border: 1px solid rgb(222, 226, 230); padding: 8px; width: 49.3594px;" tabindex="0" rowspan="1" colspan="1"><span style="color:#004ed5; font-weight:bold">Plastic SIM</span><br><span style="color:#004ed5; font-weight:normal">mini-SIM, micro-SIM, nano-SIM</th> <th style="border: 1px solid rgb(222, 226, 230); padding: 8px; width: 49.3594px;" tabindex="0" rowspan="1" colspan="1"><span style="color:#004ed5; font-weight:bold">embedded SIM / chip SIM</span><br><span style="color:#004ed5; font-weight:normal">eUICC chip addition</th> <th style="border: 1px solid rgb(222, 226, 230); padding: 8px; width: 49.3594px;" tabindex="0" rowspan="1" colspan="1"><span style="color:#004ed5; font-weight:bold">SoftSIM</span><br><span style="color:#004ed5; font-weight:normal">Software in module</th> </tr> </thead> <tbody> <tr style="border: 1px solid #dee2e6; padding: 8px;" role="row" class="even"> <td style="border: 1px solid #dee2e6; padding: 8px;"><b>SIM integration cost</b></td> <td style="border: 1px solid #dee2e6; padding: 8px;">Higher (physical components)</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Moderate</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Lower (no physical SIMs)</td> </tr> <tr style="border: 1px solid #dee2e6; padding: 8px;" role="row" class="even"> <td style="border: 1px solid #dee2e6; padding: 8px;"><b>Implementation</b></td> <td style="border: 1px solid #dee2e6; padding: 8px;">Physical slot required</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Soldered on chip</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Software integration</td> </tr> <tr style="border: 1px solid #dee2e6; padding: 8px;" role="row" class="odd"> <td style="border: 1px solid #dee2e6; padding: 8px;"><b>Physical space</b></td> <td style="border: 1px solid #dee2e6; padding: 8px;">Requires SIM slot (size varies)</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Very small (eUICC chip)</td> <td style="border: 1px solid #dee2e6; padding: 8px;">None (entirely software)</td> </tr> <tr style="border: 1px solid #dee2e6; padding: 8px;" role="row" class="odd"> <td style="border: 1px solid #dee2e6; padding: 8px;"><b>Power consumption</b></td> <td style="border: 1px solid #dee2e6; padding: 8px;">Moderate</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Moderate</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Optimized due to software efficiency</td> </tr> <tr style="border: 1px solid #dee2e6; padding: 8px;" role="row" class="odd"> <td style="border: 1px solid #dee2e6; padding: 8px;"><b>Vibration sensitivity</b></td> <td style="border: 1px solid #dee2e6; padding: 8px;">Sensitive (physical component)</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Less Sensitive</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Minimal (no physical component)</td> </tr> <tr style="border: 1px solid #dee2e6; padding: 8px;" role="row" class="even"> <td style="border: 1px solid #dee2e6; padding: 8px;"><b>Durability</b></td> <td style="border: 1px solid #dee2e6; padding: 8px;">Standard (physical wear)</td> <td style="border: 1px solid #dee2e6; padding: 8px;">High (less physical wear)</td> <td style="border: 1px solid #dee2e6; padding: 8px;">Highest (no physical degradation)</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> <br> <br> <div style="background-color:#ffffff;"> <div class="container"> <br> <br> <div class="row" style="padding-bottom:30px"> <div class="col-md-6" style="padding-left: 0;"> <h2 style="font-weight: bold; text-align: left;">Market and product integrations </h2> <h3 style="text-align: left;"> Market integrations </h3> <div style="margin-left: 0; margin-right: auto; max-width: fit-content;"> <table style="border-collapse: collapse; width: 100%;"> <tr> <td style="padding: 8px; border: none; text-align: center;"> <img src="/getfile.aspx?id=135352" alt="Telematics & Automotive" class="zoom-effect" style="width: 100px; height: 100px;"> Telematics & <br>Automotive </td> <td style="padding: 8px; border: none; text-align: center;"> <img src="/getfile.aspx?id=135353" alt="Micro mobility" class="zoom-effect" style="width: 100px; height: 100px;"> <p style="margin-bottom: 28px;">Micro mobility</p> </td> <td style="padding: 8px; border: none; text-align: center;"> <img src="/getfile.aspx?id=135354" alt="Logistics" class="zoom-effect" style="width: 100px; height: 100px;"> <p style="margin-bottom: 28px;">Logistics</p> </td> </tr> <tr> <td style="padding: 8px; border: none; text-align: center;"> <img src="/getfile.aspx?id=135355" alt="Smart cities" class="zoom-effect" style="width: 100px; height: 100px;"> Smart cities </td> <td style="padding: 8px; border: none; text-align: center;"> <img src="/getfile.aspx?id=135356" alt="Asset tracking" class="zoom-effect" style="width: 100px; height: 100px;"> Asset tracking </td> <td style="padding: 8px; border: none; text-align: center;"> <img src="/getfile.aspx?id=135357" alt="Energy & utilities" class="zoom-effect" style="width: 100px; height: 100px;"> Energy & utilities </td> </tr> </table> </div> <h3 style="text-align: left; margin-top: 20px;">Product integrations </h3> <ul> <li> <a href="/wireless-communication-solutions/gateway-/-modem-/-router/search" rel="nofollow" style="color: #4A4A4A;" target="_blank">Gateway, modem, or router with SIM interface </a> </li> <li> <a href="/wireless-communication-solutions/cellular/cellular-expansion-card/search" rel="nofollow" style="color: #4A4A4A;" target="_blank">Peripherals with cellular connectivity </a> </li> <li> <a href="/embedded-computing-solutions/search/SIMcard%20slot" rel="nofollow" style="color: #4A4A4A;" target="_blank">Box/Panel PCs and Boards with SIM slot </a> </li> </ul> </div> <div class="col-md-6"> <h2 style="font-weight: bold; text-align: left;">Start developing </h2> <p>At Texim Europe, we understand that every IoT project is unique. We offer solutions ranging from ready-to-use modules to upcoming technologies like Soft SIM cellular modules. We provide eSIM support on low quantities to get your development started. Our goal is to make IoT work for you, in a way that's both easy to integrate and effective. Ensuring your IoT setup is not only connected but also secure and efficient. It's about providing tools that fit your needs and keep things running smoothly. Let's work together to make your IoT ambitions a reality. Contact us, and let's get started. </p> <div class="buttons" style="text-align: left;"> <a href="/contact" class="btn blue" style="margin-right: 10px; margin-top: 10px; border-radius: 25px; height: 33px; font-size: 13px;"> <div style="color: #ffffff !important; width: 100px; text-transform: capitalize;"><b>Contact us</b> </div> </a> <a href="/contact" class="btn blue" style="margin-right: 10px; margin-top: 10px; border-radius: 25px; height: 33px; font-size: 13px;"> <div style="color: #ffffff !important; width: auto; text-transform: capitalize;"><b>Get started with our development kits</b> </div> </a> </div> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script> function showModal(contentSrc, isImage = true) { var modal = document.getElementById("myModal"); var modalContent = document.getElementById("img01"); if (isImage) { modalContent.src = contentSrc; } else { // Handle other content types here, e.g., text or HTML content // For example, modalContent.innerHTML = contentSrc; } modal.style.display = "block"; // Close Modal var span = document.getElementsByClassName("close")[0]; span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } } </script> <script> function toggleAndScrollReadmore() { event.preventDefault(); // Prevent the default anchor action var collapseElement = $('#collapseReadmore'); var triangle = $('#toggleButtonReadmore').find('.triangle'); // Toggle collapse collapseElement.collapse('toggle'); triangle.toggleClass('rotate'); // Scroll to the element after a slight delay to ensure it has opened setTimeout(function() { $('html, body').animate({ scrollTop: collapseElement.offset().top - 200 // Adjust the offset as needed }, 500); // Adjust the speed as needed }, 350); } </script> <script> $(document).ready(function(){ // Handler for the triangle button $('#toggleButtonConnectivity').click(function(){ var targetElement = $('#collapseConnectivity'); var triangle = $(this).find('.triangle'); targetElement.collapse('toggle'); triangle.toggleClass('rotate'); }); // Handler for the orange button $('a[href="#collapseConnectivity"]').click(function(e){ e.preventDefault(); var targetElement = $('#collapseConnectivity'); var triangle = $('#toggleButtonConnectivity').find('.triangle'); if (!targetElement.hasClass('show')) { targetElement.collapse('show'); triangle.addClass('rotate'); } $('html, body').animate({ scrollTop: targetElement.offset().top - 200 }, 500); }); }); </script> <script> $(document).ready(function(){ // Handler for the triangle button $('#toggleButtonBattery').click(function(){ var targetElement = $('#collapseBattery'); var triangle = $(this).find('.triangle'); targetElement.collapse('toggle'); triangle.toggleClass('rotate'); }); // Handler for the orange button $('a[href="#collapseBattery"]').click(function(e){ e.preventDefault(); var targetElement = $('#collapseBattery'); var triangle = $('#toggleButtonBattery').find('.triangle'); if (!targetElement.hasClass('show')) { targetElement.collapse('show'); triangle.addClass('rotate'); } $('html, body').animate({ scrollTop: targetElement.offset().top - 200 }, 500); }); }); </script> <script> $(document).ready(function(){ // Handler for the triangle button $('#toggleButtonInterruptions').click(function(){ var targetElement = $('#collapseInterruptions'); var triangle = $(this).find('.triangle'); targetElement.collapse('toggle'); triangle.toggleClass('rotate'); }); // Handler for the orange button $('a[href="#collapseInterruptions"]').click(function(e){ e.preventDefault(); var targetElement = $('#collapseInterruptions'); var triangle = $('#toggleButtonInterruptions').find('.triangle'); if (!targetElement.hasClass('show')) { targetElement.collapse('show'); triangle.addClass('rotate'); } $('html, body').animate({ scrollTop: targetElement.offset().top - 200 }, 500); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { var toggleButton = document.getElementById('toggleButton'); var collapseElement = document.getElementById('collapse3GPP'); var triangle = toggleButton.querySelector('.triangle'); toggleButton.addEventListener('click', function (event) { event.preventDefault(); // Prevent any default action triangle.classList.toggle('rotate'); $(collapseElement).collapse('toggle'); }); }); </script> <script> $(document).ready(function() { // Handler for the Connectivity button $('#toggleButtonConnectivity').click(function() { var targetElement = $('#collapseConnectivity'); var triangle = $(this).find('.triangle'); targetElement.collapse('toggle'); triangle.toggleClass('rotate'); }); // Handler for the Battery button $('#toggleButtonBattery').click(function() { var targetElement = $('#collapseBattery'); var triangle = $(this).find('.triangle'); targetElement.collapse('toggle'); triangle.toggleClass('rotate'); }); // Handler for the Interruptions button $('#toggleButtonInterruptions').click(function() { var targetElement = $('#collapseInterruptions'); var triangle = $(this).find('.triangle'); targetElement.collapse('toggle'); triangle.toggleClass('rotate'); }); // Handler for the Development Kits button $('a[href="#Development_kits"]').click(function(e) { e.preventDefault(); var targetElement = $('#Development_kits'); $('html, body').animate({ scrollTop: targetElement.offset().top - 200 }, 500); }); // Handler for the Readmore button $('#toggleButtonReadmore').click(function() { var collapseElement = $('#collapseReadmore'); var triangle = $(this).find('.triangle'); collapseElement.collapse('toggle'); triangle.toggleClass('rotate'); }); // Handler for the 3GPP comparison button $('#toggleButton').click(function() { $('#collapse3GPP').collapse('toggle'); }); // Modal functionality $('.image-link').click(function() { var imageSrc = $(this).attr('data-image'); showModal(imageSrc); }); // Close Modal var span = $('.close')[0]; span.onclick = function() { $('#myModal').hide(); } window.onclick = function(event) { if (event.target == $('#myModal')[0]) { $('#myModal').hide(); } } }); </script>