1#@!#!123s

: / home2 / technoi4 / www / admin /
Filename : sidebar.php
back
<style>
    
    @media screen and (max-width: 480px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 414px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 440px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 568px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 600px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 640px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 667px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 736px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 767px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 768px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 800px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 1024px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width:1050px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 1080px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    @media (max-width: 991px) {
        .sidebar-wrapper {
            width: 260px;
            height: 43.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media screen and (max-width: 320px) {
        .sidebar-wrapper {
            width: 260px;
            height: 39.9em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 384px) {
        .sidebar-wrapper {
            width: 260px;
            height: 38.1em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        }
    }
    
    @media (max-width: 375px) {
        .sidebar-wrapper {
            width: 260px;
            height: 38.1em;
            max-height: 100%;
            position: fixed;
            top: 0;
            left: -300px;
            z-index: 999;
        } 
        
    }
</style>
<div class="page-wrapper chiller-theme toggled">
	<a id="show-sidebar" class="btn btn-sm btn-dark" href="#">
		<i class="fas fa-bars"></i>
	</a>
	<?php 
		require('config.php');
		$email  = $_SESSION['email'];
		$query = "select *from user where email='$email'";
		$res = mysqli_query($conn, $query);
		$data = mysqli_fetch_assoc($res); 
	?>
	<nav id="sidebar" class="sidebar-wrapper">
		<div class="sidebar-content">
			<div class="sidebar-brand">
				<a href="#">Managenment</a>
				<div id="close-sidebar">
					<i class="fas fa-times"></i>
				</div>
			</div>
			<div class="sidebar-header">
				<div class="user-pic">
					<img class="img-responsive img-rounded" src="img/profile.png">;
				</div>
				<div class="user-info">
					<span class="user-name">
						<a href="content.php"><strong><?php echo $data['first_name']; ?>&nbsp;<?php echo $data['last_name']; ?></strong></a>
					</span>
					<span class="user-role"><?php echo $data['email']; ?></span>
					<span class="user-status">
						<i class="fa fa-circle" style="color: green;"></i>
						<span>Online</span>
					</span>
				</div>
			</div>
			<!-- sidebar-search  -->
			<div class="sidebar-menu">
				<ul>
					<li>
						<a href="index.php">
							<i class="fa fa-tachometer-alt"></i>
							<span>Categary</span>
						</a>
					</li>

					<li>
						<a href="brand.php">
							<i class="fa fa-plus"></i>
							<span>Brand</span>
						</a>
					</li>

					<li>
						<a href="product.php">
							<i class="fa fa-tachometer-alt"></i>
							<span>Product</span>
						</a>
					</li>

					<li>
						<a href="product_image.php">
							<i class="fa fa-plus"></i>
							<span>Product Image</span>
						</a>
					</li>
					
					<li>
						<a href="pdf_image.php">
							<i class="fa fa-tachometer-alt"></i>
							<span>PDF Image</span>
						</a>
					</li>
					
					<li>
						<a href="service.php">
							<i class="fa fa-plus"></i>
							<span>Service</span>
						</a>
					</li>
					
					<li>
						<a href="project.php">
							<i class="fa fa-tachometer-alt"></i>
							<span>Project</span>
						</a>
					</li>
					
					<li>
						<a href="media.php">
							<i class="fa fa-plus"></i>
							<span>Media</span>
						</a>
					</li>
					
				</ul>		
			</div>
		</div>
		<!-- sidebar-content  -->
		<div class="sidebar-footer">
			<a href="logout.php">
				<i class="fa fa-power-off"></i>
			</a>
		</div>
	</nav>