<?php include("includes/header.php"); ?>
<!DOCTYPE html>
<html>
<head>
  <title>Success | <?php echo $sitename; ?></title>
  	<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!----------------------------------------------------------------------->

    <!-- Font Awesome -->
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <style>
    body{
      background-image: url(images/signup-bg.jpg);
      background-attachment: fixed;
    }
                         .panel{
                          border-radius: 0px;
                          box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);
                         }
                         .strike {
                             display: block;
                             text-align: center;
                             overflow: hidden;
                             white-space: nowrap; 
                         }

                         .strike > span {
                             position: relative;
                             display: inline-block;
                         }

                         .strike > span:before,
                         .strike > span:after {
                             content: "";
                             position: absolute;
                             top: 50%;
                             width: 9999px;
                             height: 1.3px;
                             background: rgba(0, 0, 0, 0.35);
                         }

                         .strike > span:before {
                             right: 100%;
                             margin-right: 15px;
                         }

                         .strike > span:after {
                             left: 100%;
                             margin-left: 15px;
                         }

       </style>
    </style>
</head>
<body>
  <?php include("includes/navbar.php"); ?>
<div class="container-fluid" style="margin-top: 100px;">
  <br><br>
  <div class="row">
    <div class="col-sm-4">
        
    </div>  
    <div class="col-sm-4">
         <div class="panel panel-default" style="border-radius: 40px 0px 40px 0px;">
            <div class="panel-body" align="center">
                
                <div align="center"><i class="fa fa-check" style="color:darkgreen; font-size: 40px; padding: 20px 20px; border-radius: 100%; border: 5px solid darkgreen; "></i>
                           <h3 style="color: #0c2074; font-weight: bold; font-size: 18px;">ACCOUNT CREATED SUCCESSFULLY</h3>
                           <p>
                          You have successfully created an account with <?php echo $sitename; ?> and your login details are already included in your mail.<br><a href="login.php" class="btn btn-primary" style="background-color:#022151; border-radius: 25px; border-color: #022151;"> <i class="fa fa-lock"></i> &nbsp; Login here</a>
                           </p>
            </div>
          </div>
    </div>  
    <div class="col-sm-4">
        
    </div>  
  </div>
</div>

</body>
</html>