File: /home/cafsindia/allyindian_com/sbltt/application/views/login_bk.php
<?php
$base_url = "http://".$_SERVER['SERVER_NAME'].dirname($_SERVER["REQUEST_URI"].'?').'/';
$url = str_replace("index.php/","","$base_url");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login SBLTT | CRM © 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: #ca2128 url(<?php echo $url;?>/images/home.jpg); position: relative; background-position: bottom; background-repeat: no-repeat; background-size: auto; height: 100%;}
.caption { position: absolute; left: 0; top: 25%; width: 100%; text-align: center; color: #000; text-align: left !important;}
.holder{ background-color: #FFFFFF; width: 425px; margin: 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:8px 50px;padding-bottom: 30px;}
.headtxt{margin: 0px; font-size: 16px;margin-top: 4px; padding: 8px 15px; color: #ca2128;text-align: center;font-weight: bold;margin-bottom: 15px;}
.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: #d84f57; border: 1px solid #d84f57;}
.copy{font-size: 12px; color: #CCCCCC; text-align: right; margin-top: 4px;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#wrapper").jParticle({particlesNumber:100,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 style='text-align: center;'><img src="<?php echo base_url(); ?>/images/sbltlogo.png" alt='SBLTT Logo' height='45'/></div>
<h1 class="headtxt">Sri Bhagiyalakshmi Tours & Travels</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>