<?php

session_start();
if(isset($_SESSION['user'])){
    header('location:dashboard');
  }
  

?>


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

  <head>

    <meta charset="utf-8">
    <meta name="author" content="templatemo">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css">

    <title><?= ucfirst(basename($_SERVER['PHP_SELF'], '.php')); ?> | Ausemail</title>
    <link rel="shortcut icon" href="img/xbotico.JPG">
    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <!-- Additional CSS Files -->
    <link rel="stylesheet" href="assets/css/fontawesome.css">
    <link rel="stylesheet" href="assets/css/templatemo-snapx-photography.css">
    <link rel="stylesheet" href="assets/css/owl.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
<!--

TemplateMo 576 SnapX Photography

https://templatemo.com/tm-576-snapx-photography

-->
  </head>

  
<style>
    
    /*============= NAVIGATION =============*/
    .navbar{
        background: #222;
        position: relative;
        width: 100%;
        z-index: 999;
        height: 70px;
        line-height: 65px;
      }
      
      .navbar .wrapper{ 
        max-width: 1250px;
        padding: 0 30px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        
      }
      .wrapper .logo img{
        height: 2.8rem;
         position: relative;
         background: transparent;
         /* margin-bottom: 8px; */
         margin-left: 0;
          border: 0;
  outline: 0;
  border-radius: 54px;
         
         align-items: left;
      }
      
      .wrapper .logo a{
        position: relative;
        color: #f2f2f2;
        text-decoration: none;
        font-size: 27px;
        font-weight: 600;
      }
      .wrapper .nav-links{
        display: inline-flex;
       
      }
     
      .nav-links li{
        list-style: none;
      }
      .nav-links li a{
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        padding: 9px 15px;
        border-radius: 5px;
        transition: all 0.3s ease;
        padding-left: 30px;
        padding-right: 30px;
      }
      .nav-links li a:hover{
        background: #3a3b3c;
      }
      .nav-links .drop-menu{
        background: #222;
        width: 220px;
        top: 85px;
        line-height: 45px;
        position: absolute;
        opacity: 0;
        visibility: hidden;
      }
      .nav-links li:hover .drop-menu,
      .nav-links li:hover .mega-box{
        top: 65px;
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease;
      }
      .drop-menu li a{
        width: 100%;
        display: block;
        padding: 0 0 0 15px;
        font-weight: 400;
        border-radius: 0px;
      }
      
      .nav-links .mobile-item{
        display: none;
      }
      .wrapper .btn{
        color: #fff;
        /* background-color:  #EB1616; */
        font-size: 20px;
        cursor: pointer;
        display: none;
      }
      .wrapper .btn.cancel-btn{
        position: absolute;
        right: 30px;
        top: 10px;
      }
       
    
      
    @media screen and (max-width: 970px) {
      
        .wrapper .btn{
            margin-left: 50px;
          display: block;
        }
        .wrapper .nav-links{
          display: none;
          position: fixed;
          height: 100vh;
          width: 100%;
          max-width: 350px;
          background: #222;
          display: block;
          top: 0;
          left: -100%;
          overflow-y: auto;
          line-height: 50px;
          padding: 50px 10px;
          box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
          transition: all 0.3s ease;
        }
        #menu-btn:checked ~ .nav-links{
          left: 0%;
        }
        #menu-btn:checked ~ .btn.menu-btn{
          display: none;
        }
        .nav-links::-webkit-scrollbar{
          width: 0px;
        }
        .nav-links li{
          margin: 15px 10px;
        }
        .nav-links li a{
          padding: 0 20px;
          display: block;
          font-size: 20px;
        }
        .nav-links .drop-menu{
          position: static;
          opacity: 1;
          visibility: visible;
          top: 65px;
          padding-left: 20px;
          width: 100%;
          max-height: 0px;
          overflow: hidden;
          transition: all 0.3s ease;
        }
        #showDrop3:checked ~ .drop-menu,
        #showDrop2:checked ~ .drop-menu,
        #showDrop:checked ~ .drop-menu,
        #showMega:checked ~ .mega-box{
          max-height: 100%;
        }
        .nav-links .drop-menu li{
          margin: 0;
        }
        .nav-links .drop-menu li a{
          font-size: 18px;
          border-radius: 5px;   
        }
        .nav-links .desktop-item{
          display: none;
        }
        .nav-links .mobile-item{
          display: block;
          font-size: 20px;
          color: #fff;
          font-weight: 500;
          padding-left: 20px;
          cursor: pointer;
          border-radius: 5px;
          transition: all 0.3s ease;
        }
        .nav-links .mobile-item:hover{
          background: #3a3b3c; 
        }
        
      
      }
      .wrapper input{
        display: none;
      }
    
    </style>
    

<body>




  <!-- Navigation -->
	<nav class="navbar header-sticky">
		<div class="wrapper">
			<!-- <div class="logo"><a href="./"><img src="assets/images/Xmom2.png" alt="Xchange Mombo" title="Logo" class="logo"></a></div> -->
      <!-- <div class="logo"><a href="./"><img src="assets/images/ftit3.jpg" alt="VEBOTA" title="Logo" class="logo" ></a></div> -->

			<input type="radio" name="slide" id="menu-btn">
			<input type="radio" name="slide" id="cancel-btn">
			<ul class="nav-links">
				<label for="cancel-btn" class="btn cancel-btn"><i class="fas fa-times"></i></label>
				<li><a href="#"> <small class="icon">
                <i class="fa-solid fa-house" style="font-size:12px;"></i>
				</small> </a></li>
			
				<!-- <li><a href="#"><small class="icon"><i class="fa-solid fa-address-card" style="font-size:12px;"></i></small>&nbsp;About</a></li> -->
				
				
				<!-- <li><a href="referral"><small class="icon"><i class="fa-solid fa-user-group" style="font-size:12px;"></i></small>&nbsp;Affiliate</a></li> -->
				<!-- <li><a href="referral">Affiliate</a></li> -->

				
			</ul>

           

            
			<label for="menu-btn" class="btn menu-btn"><i class="fas fa-bars"></i></label>
		</div>
        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
	</nav>

	<!-- End Navigation -->



