<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Maryl House Login</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;1,200;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
        <link href="lib/flaticon/font/flaticon.css" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="../../css/animate.css">
    
    <link rel="stylesheet" href="../../css/owl.carousel.min.css">
    <link rel="stylesheet" href="../../css/owl.theme.default.min.css">
    <link rel="stylesheet" href="../../css/magnific-popup.css">
    
    <link rel="stylesheet" href="../../css/flaticon.css">

    <link href="../../style.css" type="text/css" rel="stylesheet" />


    <!--Icons-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">

      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

      <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/animated-icons/icons/menu-arrow/menu-arrow.json">

      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">



    <!--Animations-->
    <link rel="stylesheet" type="text/css" href="../../css/Attention/blink.css">
    <link rel="stylesheet" type="text/css" href="../../css/Attention/bounce.css">
    <link rel="stylesheet" type="text/css" href="../../css/Attention/flicker.css">
    <link rel="stylesheet" type="text/css" href="../../css/Attention/jello.css">
    <link rel="stylesheet" type="text/css" href="../../css/Attention/pulsate.css">
    <link rel="stylesheet" type="text/css" href="../../css/Attention/shake.css">
    <link rel="stylesheet" type="text/css" href="../../css/Attention/vibrate.css">
    <link rel="stylesheet" type="text/css" href="../../css/Attention/wobble.css">
    <link rel="stylesheet" type="text/css" href="../../css/Background/background.css">
    <link rel="stylesheet" type="text/css" href="../../css/Bounce/bounce.css">
    <link rel="stylesheet" type="text/css" href="../../css/Text/blur-out.css">
    <link rel="stylesheet" type="text/css" href="../../css/Text/flicker-glow.css">
    <link rel="stylesheet" type="text/css" href="../../css/Text/focus-in.css">
    <link rel="stylesheet" type="text/css" href="../../css/Text/tracking-in.css">
    <link rel="stylesheet" type="text/css" href="../../css/Text/tracking-out.css">
    <link rel="stylesheet" href="../../css/style.css">
    
    
    
<style type="text/css">

body {
  background-image: url('../../images/stock/wine/6.jpg');
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center;

  }


      
/**Logo**/

.navbar-brand {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;
}

    @-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}




/**Form**/
.contact-wrap {
  width: 400px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.4);
}


.contactForm .form-control {
  color: dodgerblue !important;
  background: rgba(0, 0, 0, 0.4) !important;
}

 .form-control:hover, .form-control:focus {
    text-decoration: none;
    outline: none; 
    background: rgba(0, 0, 0, 0.4) !important;
  }


  .form-group .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: dodgerblue !important; }
    .form-group .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: dodgerblue !important; }
    .form-group .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: dodgerblue !important; }
    .form-group .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: dodgerblue !important; }


    </style>    
    

  </head>
  <body>

   
    <section align="center">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-md-12">
						<div class="wrapper px-md-4">
             
             
							<a class="navbar-brand" href="../../index.php">Maryl <span style="color: black">House</span> </a>
        
							<div class="row no-gutters">
								
								<div class="">
					
					<div class="contact-wrap  w-100 p-md-5 p-4">
	<h3 class="mb-4">Login</h3>
	
<form method="POST" action="aunticator.php" id="contactForm" name="contactForm" class="contactForm">
											
<div class="row">
                        
                        <div class="col-md-12"> 
                          <div class="form-group">
                            <label class="label" for="email">Email Address</label>
                            <input type="email" class="form-control" name="email" id="email" placeholder="Email">
                          </div>
                        </div>
                        
                        <div class="col-md-12">
                          <div class="form-group">
                            <label class="label" for="subject">Password</label>
                            <input type="password" class="form-control" name="password" id="password" placeholder="Password">
                          </div>
                        </div>
                        
                        <div class="col-md-12">
                          <div class="form-group">
                            <input type="submit" name="submit" value="Login" class="btn btn-primary">
                            <div class="submitting"></div>
                          </div>
                        </div>
                      </div>
	
	</form>
	
	<p>Don't have an account, <a href="../register">Register</a> </p>
	
	</div>
	</div>
	
	</div>
	
	</div></div>
				</div>
			</div>
		</section> <br> <br>

    <footer class="ftco-footer">
      <div class="container">
        <div class="row mb-5">
          <div class="col-sm-12 col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2 logo"><a href="#">Maryl Wine & Liqour House</a></h2>
             
              <ul class="ftco-footer-social list-unstyled mt-2">
                
                <li class="ftco-animate"><a href="https://facebook.com"><span class="fa fa-facebook" style="color: dodgerblue;font-size: 20px;"></span></a></li>
                <li class="ftco-animate"><a href="https://instagram.com"><span class="fa fa-instagram" style="color: dodgerblue;font-size: 20px;"></span></a></li>
                <li class="ftco-animate"><a href="https://twitter.com"><span class="fa fa-twitter" style="color: dodgerblue;font-size: 20px;"></span></a></li>
                <li class="ftco-animate"><a href="https://whatsapp.com"><span class="fa fa-whatsapp" style="color: dodgerblue;font-size: 20px;"></span></a></li>
              </ul>
            </div>
          </div>
          
          <div class="col-sm-12 col-md">
            <div class="ftco-footer-widget mb-4 ml-md-4">
              <h2 class="ftco-heading-2">Information</h2>
              <ul class="list-unstyled">
                <li><a href="../../about"><span class="fa fa-chevron-right mr-2"></span>About us</a></li>
                <li><a href="../../terms"><span class="fa fa-chevron-right mr-2"></span>Terms of use</a></li>
                <li><a href="../../privacy"><span class="fa fa-chevron-right mr-2"></span>Privacy</a></li>
                <li><a href="../../blog"><span class="fa fa-chevron-right mr-2"></span>Blog</a></li>
              </ul>
            </div>
          </div>
         
          <div class="col-sm-12 col-md" style="float: left;">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Contact Information</h2>
              <div class="block-23 mb-3">
                <ul>
                  <li><span class="icon fa fa-map marker"></span><span class="text">Kampala, Uganda</span></li>
                  <li><a href="tel:256392392210"><span class="icon fa fa-phone"></span><span class="text">+256 392 3929 210</span></a></li>
                  <li><a href="mailto:info@marylhouse.com"><span class="icon fa fa-paper-plane pr-4"></span><span class="text">info@marylhouse.com</span></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid px-0 py-5 bg-black">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
    
              <p class="mb-0" style="color: rgba(255,255,255,.5);font-size: 14px;">
    Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | <a href="#" target="_blank">Maryl Wine & Liqour House</a>
    </p> <br>

    <p class="mb-0" style="color: rgba(255,255,255,.5);">
    Powered by | <a href="https://customassistinc.com" target="_blank">Custom Assist Inc.</a>
    </p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    
  

  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


  <script src="../../js/jquery.min.js"></script>
  <script src="../../js/jquery-migrate-3.0.1.min.js"></script>
  <script src="../../js/popper.min.js"></script>
  <script src="../../js/bootstrap.min.js"></script>
  <script src="../../js/jquery.easing.1.3.js"></script>
  <script src="../../js/jquery.waypoints.min.js"></script>
  <script src="../../js/jquery.stellar.min.js"></script>
  <script src="../../js/owl.carousel.min.js"></script>
  <script src="../../js/jquery.magnific-popup.min.js"></script>
  <script src="../../js/jquery.animateNumber.min.js"></script>
  <script src="../../js/scrollax.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="../../js/google-map.js"></script>
  <script src="../../js/main.js"></script>
    
  </body>
</html>