File: /home/cafsindia/allyindian_com/backend/application/views/login.php
<?php
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
$base_url = $protocol.$_SERVER['SERVER_NAME'].dirname($_SERVER["REQUEST_URI"].'?').'/';
$url = str_replace("index.php/","","$base_url");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login SBLTT | WEB © CAFS Infotech <?php echo date("Y");?></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="robots" content="index,follow"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="shortcut icon" type="image/x-icon" href="<?php echo $url;?>images/favicon.png">
<link rel="stylesheet" type="text/css" href="<?php echo $url;?>dist/bootstrap.min.css?rel=50ab19585f"/>
<link rel="stylesheet" type="text/css" href="<?php echo $url;?>dist/font-awesome.min.css"/>
<script type="text/javascript" src="<?php echo $url;?>dist/opensourcepos.min.js?rel=5f6d1e048b"></script>
<script type="text/javascript" src="<?php echo $url;?>dist/dot.js"></script>
</head>
<style>
body, html { height: 100%; }
.bgcover {background: #D8343F; position: relative; background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 100%;}
.caption { position: absolute; left: 35%; top: 25%; width: 30%; color: #000; text-align: left !important;}
.holder{ background-color: #FFFFFF; width: 100%; margin: 0 auto; border-radius:4px;background: rgba(158,158,158,.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);padding:8px; }
.bg{background-color:#FFFFFF;width:100%;border-radius: 2px;padding:2vh 5vh;}
.headtxt{font-size: 15px; margin: 0; padding: 8px; color: #D8343F;text-align: center;font-weight: bold;}
.btnnew{box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); border-radius: 3px; color: #ffffff; background-color: #D8343F; border: 1px solid #D8343F;}
.copy{font-size: 12px; color: #CCCCCC; text-align: right; margin-top: 2vh;}
.logo {
align-items: center;
display: block;
margin: 0 auto;
width: 15%
}
@media screen and (max-width: 1024px){
.caption {
top: 10%;
}
}
@media screen and (max-width: 768px){
.caption {
top: 10%;
left: 25%;
width: 50%;
}
.body {
font-size: 100%;
}
.headtxt {
font-size: 12px;
}
}
@media screen and (max-width: 425px){
.caption {
left: 15%;
width: 70%;
}
.holder {
width: 100%;
}
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#wrapper").jParticle({particlesNumber:300,color: "white",minSize: 4,maxSize: 8,background: 'transparent',speed: 100,createLinkDist: 250,disableLinks: true,linksWidth: 1,linkDist:80,});
});
</script>
<body>
<div class='bgcover' id='wrapper'>
<div class="caption">
<div class="holder">
<div class='bg'>
<div class="logo"><img src="<?php echo base_url(); ?>/images/logo.png" alt='SBLTT Logo' class="img-responsive"/></div>
<h1 class="headtxt">SBLTT WEBSITE</h1>
<?php echo form_open('login') ?>
<div align="center" style="color:red"><?php echo validation_errors(); ?></div>
<div class="form-group">
<?php echo form_input(array('name'=>'username', 'id'=>'username', 'class'=>'form-control','placeholder'=> "Enter User Name")); ?>
</div>
<div class="form-group">
<?php echo form_password(array('name'=>'password', 'id' => 'password', 'class'=>'form-control','placeholder'=> "Enter Password")); ?>
</div>
<button type="submit" class="btn btn-default btn-block btnnew">Submit</button>
<?php echo form_close(); ?>
<div class='copy'>© CAFS Infotech <?php echo date("Y"); ?></div>
</div>
</div>
</div>
</div>
</body>
</html>