Untitled

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link id="StartStyle" href="css/style1.css" rel="stylesheet" />
    <script>
        window.addEventListener('storage', function(event) {
            console.log(event.key);
        });
    </script>
</head>


<body>

    <script src="script1.js" defer></script>
    <script src="script2.js" defer></script>
    <script src="script3.js" defer></script>
    <script src="script4.js" defer></script>
    <script src="sort.js" defer></script>
    <script src="settings.js" defer></script>
    <script src="changeTimer.js" defer></script>
    <script src="opacity.js" defer></script>

    <div id="imaha" class="img"></div>
    <section id="bback"></section>
    <section id="header">

        <section class="left">
            <div class="pop-up-settings" id="pop-up-settings">
                <a href="#">
                    <div class="closewindow" onclick="Settings1()">&#x2716 </div>
                </a>
                <p>Theme</p>
                <a href="#">
                    <div id="theme1" onclick="style1()" class="themechoise"></div>
                </a>
                <a href="#">
                    <div id="theme2" onclick="style2()" class="themechoise"></div>
                </a>
                <a href="#">
                    <div id="theme3" onclick="style3()" class="themechoise"></div>
                </a>
                <form id="backgrounddown" method="POST">
                    <p>Background</p>
                    <section class="container" id="background">
                        <input type="range" id="r1" oninput="fun1()" min="0" max="100" step="1">
                        <input id="urlpicker" onclick="URLstring(); return false;" type="url" value="URL" />
                        <input type="submit" value="Change" id="URLplace" onclick="URLfun(); return false;"></input> <input type="submit" value="return" id="URLplace" onclick="URLfunReturn(); return false;"></input>
                    </section>
                </form>
                <form id="textcolor">
                    <p>Text's color</p>
                    <input type="color" id="colorpicker" />
                    <input type="submit" id="grabcolor" onclick="clickColor()" value="Change" /> <input type="submit" id="grabcolor" onclick="clickColorReturn()" value="return" />

                </form>
            </div>
            <div class="pop-up-addnew" id="pop-up-addnew">
                <a href="#">
                    <div class="closewindow" onclick="Add1()">&#x2716 </div>
                </a>
                <form id="newtimer">
                    <p>Date and time</p>
                    <input type="date" id="datetime"></input>
                    <section class="container">
                        <section class="hminp">
                            <p>Hours</p>
                            <p>Minutes</p>
                        </section>
                        <section class="hmin">
                            <input type="number" id="hours" value="00" step='1' min='0' max='23'></input>
                            <input type="number" id="minutes" value="00" step='1' min='0' max='59'></input>
                        </section>
                    </section>
                    <section class="container">
                        <p>Name</p>
                        <input type="text" id="name"></input>
                        <input type="submit" id="addnewsubmit1" class="etoknopka" value="" onclick="isscript1(); return false;"></input>
                        <p id="timername">Choose one of the available button to add the timer. If there is no available buttons you should delete one of your timers.</p>
                    </section>
                </form>
            </div>
        </section>

        <section class="timers">

            <div id="eventus" class="event">

            </div>

            <section class="main-timer">
                <section class="lines">
                    <div id="lines-2" class="line-main"></div>
                </section>
                <section id="table">
                    <div class="close_buttons" id="close_buttons"></div>
                    <div href="#" onclick="ixxcript1()" id="close-button1" class="close1">&#x2716 </div>
                    <div href="#" onclick="ixxcript2()" id="close-button2" class="close2">&#x2716 </div>
                    <div href="#" onclick="ixxcript3()" id="close-button3" class="close3">&#x2716 </div>
                    <div href="#" onclick="ixxcript4()" id="close-button4" class="close4">&#x2716 </div>
                    <section id="timer1234" class="timer1234">

                        <div id="times-1" class="times-1"></div>

                        <div id="times-2" class="times-2"></div>

                        <div id="times-3" class="times-3"></div>

                        <div id="times-4" class="times-4"></div>

                    </section>

                </section>


            </section>
        </section>

        <section class="buttons">
            <a href="#">
                <div class="setting-button" data-title="Settings" onclick="Settings1()">&#x2630 </div>
            </a>
            <a href="#">
                <div class="add-new-button" data-title="Add" onclick="Add1()"><b>+</b></div>
            </a>
        </section>
    </section>
    <script src="start.js"></script>
</body>


</html>