Untitled

<html lang="en"><head>
    <title>Industry 4.0 AGH</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/icons/favicon.ico">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/util.css">
    <link rel="stylesheet" type="text/css" href="css/util2.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>


    <div class="container-contact100">
        <div class="wrap-contact100">
            <form class="contact100-form validate-form">
                <span class="contact100-form-title">
                    Industry 4.0 AGH
                </span>

                <div class="w-100">
                    <label class="label-input100" for="first-name">Tell us your name *</label>
                    <div class="wrap-input100 rs1-wrap-input100 validate-input" data-validate="Type first name">
                        <input id="first-name" class="input100" type="text" name="first-name" placeholder="First name">
                    </div>
                </div>

                <div class="container-contact100-form-btn">
                    <button class="contact100-form-btn" id="submitForm">
                        Confirm
                        <span class="spinner"><i class="fa fa-spinner  fa-spin" aria-hidden="true"></i></span>
                    </button>
                </div>

                <div class="w-100 hidden" id="statusLog">
                    <label class="label-input100" for="message">Status *</label>
                    <div class="wrap-input100 validate-input">
                        <textarea id="message" class="input100" name="message" placeholder="Log"></textarea>
                    </div>
                </div>
            </form>

            <div class="contact100-more flex-col-c-m">
                <div class="flex-w p-b-47">
                    <div class="main-box" id="lid">
                        <div class="lzsk" id="bearing">
                            <div class="srb" id="srb01" data-id="0"></div>
                            <div class="srb" id="srb02" data-id="3"></div>
                            <div class="srb" id="srb03" data-id="1"></div>
                            <div class="srb" id="srb04" data-id="2"></div>
                        </div>
                    </div>
                </div>

                <div class="main-box-desc dis-flex size1 p-b-10">
                    <p>
                        <span class="line-holder">
                            <span class="bold mr-4 mt-1">Added elements:</span>
                            <span class="elementsList">
                                <span id="lidState" class="hidden"><span class="bold">Lid </span></span>
                                <span id="bearingState" class="hidden"><span class="bold">Bearing </span></span>
                                <span id="screw0State" class="hidden"><span class="bold">Screw 1 </span></span>
                                <span id="screw1State" class="hidden"><span class="bold">Screw 2 </span></span>
                                <span id="screw2State" class="hidden"><span class="bold">Screw 3 </span></span>
                                <span id="screw3State" class="hidden"><span class="bold">Screw 4 </span></span>
                            </span>
                        </span>
                    </p>
                </div>
            </div>
        </div>
        <div class="wrap-contact100">
            <div class="main-box-desc">
                <p class="mb-5 mt-2">
                    <span class="line-holder">
                        <span class="bold mr-4">Legend: </span>
                        <span class="queueList">
                            <span>
                                <span class="element queued">Queued</span>
                            </span>
                            <span>
                                <span class="element processing">Processing</span>
                            </span>
                            <span>
                                <span class="element cancelled">Cancelled</span>
                            </span>
                            <span>
                                <span class="element done">Done</span>
                            </span>
                        </span>
                    </span>
                </p>
                <p class="mb-2 mt-3">
                    <span class="line-holder"><span class="bold mr-4">Queue: </span><span id="queueList" class="queueList"></span></span>
                </p>
            </div>
        </div>
    </div>


    <div id="dropDownSelect1"></div>


<!--===============================================================================================-->
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script src="vendor/jquery/jquery-3.2.1.min.js"></script>

<!--===============================================================================================-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!--===============================================================================================-->
    <script src="vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
    <script src="js/main.js"></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-23581568-13');
    </script>


</body></html>