bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

]nbmbmbnmbnmbnmnbnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

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

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K3P523JJ');

</script>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="shortcut icon" href="images/kR.png" />

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

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

<link href="css/fontawesome-all.css" rel="stylesheet" type="text/css" />

<link href="css/themify-icons.css" rel="stylesheet" type="text/css" />

<link href="css/audioplayer/media-player.css" rel="stylesheet" type="text/css" />

<link href="css/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />

<link href="css/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css" />

<link href="css/slit-slider/slit-slider.css" rel="stylesheet" type="text/css" />

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

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

<link href="css/default-theme.css" rel="stylesheet" type="text/css" />

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

<style>

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #a29fad;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #3c3c3c;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #3c3c3c;
  text-decoration: none;
}
.form .register-form {
  display: none;
}
.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}
body {
  background: #888888	; /* fallback for old browsers */
  background: -webkit-linear-gradient(right, #888888	, #888888	);
  background: -moz-linear-gradient(right, #888888	, #888888	);
  background: -o-linear-gradient(right, #888888	,#888888	);
  background: linear-gradient(to left,#888888	,#888888	);
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;      
}
</style>
</head>

<div class="page-wrapper"> 
 <div class="login-page">
 <a href="index.php"><img class="img-center mb-5" src="images/LOGO1.png" alt=""></a>
  <div class="form">
    <form class="register-form">
      <input type="text" placeholder="name"/>
      <input type="password" placeholder="password"/>
      <input type="text" placeholder="email address"/>
      <button>create</button>
      <p class="message">Already registered? <a href="#">Sign In</a></p>
    </form>
    <form class="login-form">
      <input type="text" placeholder="username"/>
      <input type="password" placeholder="password"/>
      <button>login</button>
      <p class="message">Not registered? <a href="#">Create an account</a></p>
    </form>
	 
          <a class="btn btn-theme btn-radius" href="index.php" style="margin-top:50px;"> <i class="fas fa-long-arrow-alt-left mr-2"></i> back to home</a>
  </div>
</div>
  
  
 
</div>

<a class="contact-btn" data-toggle="modal" data-target="#myModal">
  <div class="contact-bg">Free Trials</div>
</a>
<div class="contact-form text-black"> <a class="close-btn text-capitalize text-right"><i class="flaticon-cancel"></i></a>
  <h2 class="title mb-5">Free <span> Trials </span></h2>
  <form id="queto-form" method="post" action="#">
    <div class="messages"></div>
    <div class="form-group">
      <input id="form_name1" type="text" name="name" class="form-control" placeholder="Your Name" required="required" data-error="Name is required.">
      <div class="help-block with-errors"></div>
    </div>
    <div class="form-group">
      <input id="form_email1" type="email" name="email" class="form-control" placeholder="Your Email" required="required" data-error="Valid email is required.">
      <div class="help-block with-errors"></div>
    </div>
    <div class="form-group">
      <input id="form_project1" type="file" name="name" class="form-control" placeholder="Query" required="required">
    </div>
    <div class="form-group">
      <textarea id="form_message1" name="message" class="form-control" placeholder="Your Message" rows="4" required="required" data-error="Please,leave us a message."></textarea>
      <div class="help-block with-errors"></div>
    </div>
    <button class="btn btn-border btn-radius"><span>Submit</span>
    </button>
  </form>
</div>

<script>
$('.message a').click(function(){
   $('form').animate({height: "toggle", opacity: "toggle"}, "slow");
});

</script>

<script src="js/jquery.3.3.1.min.js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.appear.js"></script>

<script src="js/modernizr.js"></script>

<script src="js/menu/jquery.smartmenus.js"></script>

<script src="js/audioplayer/media-player.js"></script>

<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>

<script src="js/owl-carousel/owl.carousel.min.js"></script>

<script src="js/slit-slider/jquery.ba-cond.min.js"></script>
<script src="js/slit-slider/jquery.slitslider.js"></script>

<script src="js/parallax/parallaxie.min.js"></script>

<script src="js/counter/counter.js"></script>

<script src="js/countdown/jquery.countdown.min.js"></script>

<script src="js/isotope/isotope.pkgd.min.js"></script>

<script src="js/contact-form/contact-form.js"></script>

<script src="js/contact-form/jquery.validate.min.js"></script>

<script src="https://maps.googleapis.com/maps/api/js"></script>

<script src="js/map.js"></script>

<script src="js/particle/jquery.particleground.min.js"></script>

<script src="js/theme-script.js"></script>

<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5c8cc7dfc37db86fcfce2b1e/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>

</body>

</html>