resp_ok_or.html

﻿<!DOCTYPE html>
<html lang='en'>

<head>
  <meta charset='UTF-8'>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv='X-UA-Compatible' content='ie=edge'>
  <title>Wi-Fi Setup</title>
  <style>
    #main {
        font-family: 'Times New Roman', Times, serif !important;
        margin: auto;
        padding: 10px;
        min-width: 480px;
    }

    label,
    input,
    button,
    option {
        font-size: 20px;
    }

    input,
    select {
        width: 320px;
        border: 2px solid;
    }

    h1,
    button {
        text-align: center;
    }

    td,
    th {
        border: none;
        padding: 8px;
    }

    h1 {
        font-size: 50px;
    }

    #main>h1>i:first-child {
        font-size: 32px;
    }

    #main>h1>i span {
        font-size: 65px;
    }

    table {
        display: table;
        margin: 0 auto;
    }

    .form-group:last-child {
        text-align: center;
    }

    select {
        overflow-x: scroll;
    }

    select option:checked {
        background: #1E90FF;
        color: #fff;
        display: inline-block;
    }

    input {
        padding: 5px 10px;
    }

    @media only screen and (max-width: 767px) {
        label {
            font-size: 17px;
        }

        #main {
            max-width: 767px;
            min-width: unset;
            padding: unset;
        }

        #main>h1,
        #main>h1>i:last-child {
            font-size: 15px;
        }

        #main>h1>i:first-child {
            font-size: 12px;
        }

        #main>h1>i:last-child span {
            font-size: 20px;
        }            

        .content>h2 {
            font-size: 17px;
        }

        table label,
        table input,
        button {
            font-size: 15px;
        }
    }

    @media only screen and (min-width: 1000px) {
        h1 {
            font-size: 40px;
        }

        .content {
    display: table;
    margin: 0 auto;
    width: 75%;
  } 
    }
</style>
</head>

<body>
  <section id='main'>
    <h1 style='color: blue'>Systems<i style='font-weight: 100'>technologies</i>
        <i><span>W</span>ander<span>V</span>ision</i>
    </h1>
    <h1 style='text-align: center'>Wi-Fi Setup</h1>
    <div class="content">
      <h2>Settings have been saved.</h2>
      <h2 style='font-weight: 200'>WanderVision unit’s IP address has been changed.</h2>
      <h2 style='font-weight: 200'>Please use "WanderVision Management" on your computer to find and set up your WanderVision unit.</h2>
    </div>
  </section>
  <script>
    function select(element) {
      document.getElementById('network').value = element.value
    }
  </script>
</body>

</html>