index.php - master - Fancy/Project_WareHouse

index.php
215 строк7 KB
Oleg
add_code5
18 окт 2025, 11:31
18 окт 2025, 11:31553f763
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WareHouse</title>
    <link rel="icon" href="media/LogoWHicon.png">
    <style>         :root{
                        --iconcolor: #00aaff;
                        --bgicon: #d9effa;
                    }

                    @font-face {
                        font-family: 'Jun_Italic';
                        src: url(fonts/Jun_Italic.otf);
                    }
                    @font-face {
                        font-family: 'Jun_Regular';
                        src: url(fonts/Jun_Regular.otf);
                    }

                    *{
                        margin: 0;
                        padding: 0;
                        overflow-x: hidden;
                        font-family: 'Jun_Regular' ;
                        overflow: hidden;
                    }
                    .main{
                        height: 200vw;
                        background-color:#140a2d;
                    }
                    .fon{
                        z-index: 0;
                        width: 100%;
                        height: 1000px;
                        background: no-repeat center/cover url(media/warehouse.jpg);
                        filter: blur(5px);
                        opacity: 0.6;
                    }
                    .mainmenu{
                        position: fixed;
                        z-index: 5;
                        top: 0;
                        right: 0;
                    }
                    .menu{
                        right: 0;
                        position: absolute;
                        z-index: 2;
                        scale: 0.7;
                        border-radius: 100px;
                        margin: 10px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        overflow: hidden;
                        transition: transform 1s ease-in-out;
                    }
                    .menu label:hover{
                        cursor: pointer;
                        scale: 1.05;
                    }
                    #menu, #closeboxmenu{
                        display: none;
                    }
                    #img-menu{
                        transition: rotate 1s ease ;
                    }
                    #labelone{
                        border-radius: 100px;
                        background-color: var(--bgicon);
                        padding: 20px;
                    }
                    #menu:checked + label[for="menu"] > #img-menu{
                        rotate: -90deg;
                    }
                    /* .menu:has(#menu:checked) {
                        transform: translate(200px, 0);
                    } */

                    .boxmenu{
                        transition: transform 1s ease-in-out;
                        z-index: 1;
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 450px;
                        height: 600px;
                        margin: 40px;
                        background-color: rgb(217, 239, 250, 0.8);
                        border-radius: 5px 50px 50px 50px;
                        transform: translate(500px, 0);

                    }
                    .closeboxmenu{
                        position: absolute;
                        top: 0;
                        left: 0;
                        scale: 0.7;

                    }
                    .closeboxmenu *:hover{
                        cursor: pointer;
                        scale: 1.1;
                    }

                    .boxmenu iframe{
                        width: 450px;
                        height: 500px;
                    }
                    .all{ 
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        height: 100%;
                    }


.header{
    width: 100%;
    height: 1000px;
}
.link-head{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    top: 0;
    gap: 50px;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 120px;
}
.link-head div a{
    text-decoration: none;
    color: white;
    min-width: 300px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 15px;
}
.div-center{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    z-index: 3;
    margin-top: 200px;
    top: 0;
    width: 1000px;
    height: 500px;
    color: white;
}
.div-center h1{
    font-size: 80px;
    margin-bottom: 20px;
    font-weight: 100;
}
.div-center h2{
    
}
</style>
</head>
<body>
    <main class="main">
        <div class="mainmenu">
            <div class="menu">
                <input type="checkbox" id="menu">
                <label for="menu" id="labelone"><img src="media/menu.png" alt="" id="img-menu"></label>
            </div>
            <div class="boxmenu">
                <div class="closeboxmenu">
                    <label for="menu"><img src="media/crest.png" alt="" id="img-crest"></label>
                </div>
                <?php if (isset($_SESSION['is_logged_in']) && $_SESSION['is_logged_in'] === True): ?>
                    <iframe src="profile.php" frameborder="0"></iframe>
                <?php else: ?>
                    <iframe src="login.php" frameborder="0"></iframe>
                <?php endif; ?>
            </div>
        </div>
        <div class="header">
            <div class="fon"></div>
            <div class="link-head">
                <div class="logo"><a href=""><h1>WareHouse</h1><img src="media/logo.png" alt=""></a></div>
                <div class="contact"><a href=""><img src="media/crest.png" alt=""><img src="media/crest.png" alt=""></a></div>
                <div class="mail"><a href=""><img src="media/crest.png" alt=""><h2>WareHouse@gmail.com</h2></a></div>
                <div class="phone"><a href=""><img src="media/crest.png" alt=""><h2>+7 (987)-654-32-12</h2></a></div>
            </div>
            <div class="div-center">
                <div><h1>Мы ценим все что вы храните</h1></div>
                <div><h2>Мы одна из самых крупных сетей складов по всей России</h2></div>
            </div>
        </div>


        <div class="under"></div>
    </main>
    <script src="index.js"></script>
</body>
</html>