<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ojota Secondary School Association is coming soon</title>
            <link rel="shortcut icon" href="https://osso1988.org/wp-content/plugins/minimal-coming-soon-maintenance-mode/framework/public/img/mm-favicon.png" />
        <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="alternate" type="application/rss+xml" title="OSSO1988 RSS Feed" href="https://osso1988.org/feed/" />
    <link rel="alternate" type="application/atom+xml" title="OSSO1988 Atom Feed" href="https://osso1988.org/feed/atom/" />
            <link rel="pingback" href="https://osso1988.org/xmlrpc.php">
    
    <link rel="stylesheet" type="text/css" href="https://osso1988.org/wp-content/plugins/minimal-coming-soon-maintenance-mode/framework/public/css/basic.css" />    <script src="https://osso1988.org/wp-content/plugins/minimal-coming-soon-maintenance-mode/framework/admin/js/webfont.js"></script>        <script>
            WebFont.load({
                bunny: {
                    families: ['Karla', 'Karla']
                }
            });
        </script>
        

    </head>

<body>
    


  
  
  <title>Mars Digitech | Coming Soon</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <style>
    body {
      margin: 0;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      background: linear-gradient(135deg, #0d0d0d, #1a1a1a);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      text-align: center;
    }
    .container {
      max-width: 600px;
      padding: 2rem;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 20px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
    }
    .logo {
      margin-bottom: 1.5rem;
    }
    .logo img {
      width: 120px;
      border-radius: 100%;
    }
    h1 {
      font-size: 2.2rem;
      margin-bottom: 0.5rem;
      color: #56B3F7; /* Mars Digitech Blue */
    }
    p {
      font-size: 1rem;
      margin-bottom: 2rem;
      opacity: 0.85;
    }
    .email-box {
      display: flex;
      justify-content: center;
      margin-bottom: 1.5rem;
    }
    .email-box input {
      padding: 0.8rem;
      width: 70%;
      border: none;
      outline: none;
      border-radius: 30px 0 0 30px;
    }
    .email-box button {
      padding: 0.8rem 1.2rem;
      border: none;
      background: #56B3F7; /* Mars Digitech Blue */
      color: #fff;
      border-radius: 0 30px 30px 0;
      cursor: pointer;
      transition: 0.3s;
    }
    .email-box button:hover {
      background: #3c93d4; /* darker blue on hover */
    }
    .social-icons a {
      margin: 0 10px;
      color: #fff;
      font-size: 1.2rem;
      transition: 0.3s;
    }
    .social-icons a:hover {
      color: #56B3F7;
    }
  </style>


  <div class="container">
    <div class="logo">
      <img src="mars-digitech-logo.png" alt="Mars Digitech Logo">
    </div>
    <h1>We’re Launching Soon 🚀</h1>
    <p>OSSO1988.org is under construction. Stay tuned for something amazing!</p>

    <form class="email-box">
      <input type="email" placeholder="Enter your email">
      <button type="submit">Notify Me</button>
    </form>

    <div class="social-icons">
      <a href="https://www.linkedin.com/company/mars-web-design-agency/"><i class="fab fa-linkedin-in"></i></a>
      <a href="https://instagram.com/mars.digitech"><i class="fab fa-instagram"></i></a>
    </div>
  </div>


</body>

</html>