<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="PicC Electronics App - Control and monitor your SMS Alert devices">
  <meta name="keywords" content="PicC, SMS Alert, mobile app, alarm control, remote monitoring">
  <title>SMS Alert App</title>
  <style>
    body {
      font-family: 'Century Gothic', sans-serif;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      background-color: #f9f9f9;
    }
    .container {
      padding: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }
    .logo-banner {
      text-align: center;
      margin-bottom: 20px;
    }
    .logo-banner img {
      width: 100%;
      height: auto;
    }
    nav {
      background-color: #333;
      overflow: hidden;
    }
    nav a {
      float: left;
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    nav a:hover {
      background-color: #ddd;
      color: black;
    }
    .content-section {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 20px;
      margin: 20px 0;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .download-links {
      margin-top: 20px;
    }
    .download-links a {
      display: inline-block;
      margin-right: 15px;
      color: #0066cc;
      text-decoration: none;
    }
    .download-links a:hover {
      text-decoration: underline;
    }
    h2 {
      font-size: 24px;
      color: #333;
      margin-top: 20px;
      margin-bottom: 15px;
    }
    h3 {
      font-size: 20px;
      color: #333;
      margin-top: 20px;
      margin-bottom: 15px;
    }
    ul {
      padding-left: 20px;
    }
    li {
      margin-bottom: 10px;
    }
  </style>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-77N8T6M7RD"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-77N8T6M7RD');
  </script>
</head>
<body>
  <!-- Logo Banner --> 
  <div class="logo-banner"> 
      <img src="Pictures/Web%20site%20banner%20-%20Wayne%201.jpg" alt="Company Logo">
  </div>

  <!-- Navigation Bar -->
  <nav>
    <a href="index.htm">Home</a>
    <a href="gallery.htm">Gallery</a>
    <a href="https://smsalert.co.za/about.htm">About Us</a>
    <a href="APP.htm">APP</a>
  </nav>

  <div class="container">
    <div class="content-section">
      <h2>SMS Alert Mobile Application</h2>
      <p>Currently it is only available for Android, iOS to follow later this year.</p>
      
      <h3>Features:</h3>
      <p>The following APPs can be requested as tailored made</p>
      
      <ul>
        <li><b>SMS</b> - Camera flash and sound responsive to key incoming text from specified cell number(s) until app is stopped.</li>
        <li><b>DATA</b> - Camera flash, sound and vibrate responsive to key incoming text from specified SMS Alert IDs until APP is stopped – requires May 2025 software on SMS Alert – updates can be arranged.</li>
        <li><b>DATA</b> – Temperature logging</li>
      </ul>

      <div class="download-links">
        <h3>Download:</h3>
        <p><a href="Downloads/sms-alert-master-905db1-release.apk">Previous Android APP</a> – multi tab</p>
      </div>

      <h2>SMS Alert PC / Desktop</h2>
      <ul>
        <li>Graphical Battery Voltage monitoring, Geyser temperature etc.</li>
      </ul>
    </div>
  </div>
</body>
</html>