Levshin95
/
HW


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
							<!DOCTYPE html>
<html lang="en">

<head>
    <title>Modul JS</title>
    <meta charset='utf8' />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <style>
        #mainContainer {
            display: flex;
        }

        #aside {
            width: 30%;
        }

        #aside>a {
            display: block;
        }
    </style>
</head>

<body>
    <header class="header">
        <div class="header-wrap">
            <a id="back" href="javascript:history.back();" rel="external nofollow" >
                <div class="headerTitle">
                        <p class="a-level">
                            <font size="10" color="red">A</font><font size="10">-</font><font size="10" color="green">L</font><font size="10" color="yellow">E</font><font size="10" color="blue">V</font><font size="10" color="yellow">E</font><font size="10" color="green">L</font>
                        </p>
                        <p class="a-shop">
                            <font size="10" color="orange">S</font><font size="10" color="yellow">H</font><font size="10" color="green">O</font><font size="10" color="red">P</font>
                        </p>
                </div>
            </a>
            <div class="headerBtn">
                <a class="enterLogin" id="enterLogin">Log in</a>
                
                <button id="enterLogout" hidden> Log out</button>

                <div id='cartIcon'><a class="enterCart" id="enterCart"><img src="cart.png" class="imgCart" alt=""></a></div>
            </div>
        </div>
        
        

    </header>
    <main class="main">
        <div id='mainContainer'>
            <aside class='aside' id='aside'>
            </aside>
            <div id='categories'>

            </div>
            <div class='main-container' id='main'>

                <div class="mainLoginContainer" id="mainLoginContainer">
                    <div class="log" id="hideLogin">
                        <div class="header-div">
                            <h1>Вход</h1>
                            <a id="outLogin"><img class="outLogin" src="https://cdn-icons-png.flaticon.com/512/67/67345.png" alt="image description"></a>
                        </div>

                        <div class="input-form">
                            <input type="text" class="inputUserName" id="inputUserName" placeholder="Введите Логин">
                            <input type="password" class="inputPassword" id="inputPassword" placeholder="Введите Пароль">

                        </div>
                        <div class="btn-form">
                            <button class="loginBtn" id="loginBtn">Войти</button>
                        </div>
                        <div class="register-href">
                            <a class="enterRegister" id="enterRegister">Зарегистрироваться</a>
                        </div>
                    </div>
                    <div class="registerContainer" id="registerContainer">
                        <div class="reg">
                            <div class="header-register">
                                <h1>Регистрация</h1>
                                <a id="outRegister"><img class="outLogin" src="https://cdn-icons-png.flaticon.com/512/67/67345.png" alt="image description"></a>
                            </div>
                            <div class="inputRegisterForm">
                                <input type="text" class="inputUserNameRegister" id="inputUserNameRegister" placeholder="Введите Логин">
                                <input type="password" class="inputPasswordRegister" id="inputPasswordRegister" placeholder="Введите Пароль">
    
                            </div>
                            <div class="btnRegisterForm">
                                <button class="registerBtn" id="registerBtn">Зарегистрироваться</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="cartContainer" class="cartContainer" style=" border: 3px; display:none">
                <div class="headerCart">
                    <h1>Корзина</h1>
                    <a id="closeCart" class="closeCart" >X</a>
                </div>
                <div id="cartProductsContainer">
                
                </div>
                <!-- <button id="clearCartBtn">Очистить</button> -->
            </div>
        </div>
    </main>
    <script src='index.js'></script>
</body>

</html>