visa UI design

This commit is contained in:
venbatechnologies@gmail.com 2018-07-28 18:54:50 +05:30
parent b5c1bc4fe8
commit 7d75371b83
7130 changed files with 2037 additions and 358 deletions

0
.editorconfig Normal file → Executable file
View File

0
.gitignore vendored Normal file → Executable file
View File

0
README.md Normal file → Executable file
View File

0
application/.htaccess Normal file → Executable file
View File

0
application/cache/index.html vendored Normal file → Executable file
View File

0
application/config/autoload.php Normal file → Executable file
View File

0
application/config/config.php Normal file → Executable file
View File

0
application/config/constants.php Normal file → Executable file
View File

0
application/config/database.php Normal file → Executable file
View File

0
application/config/doctypes.php Normal file → Executable file
View File

0
application/config/foreign_chars.php Normal file → Executable file
View File

0
application/config/hooks.php Normal file → Executable file
View File

0
application/config/index.html Normal file → Executable file
View File

0
application/config/memcached.php Normal file → Executable file
View File

0
application/config/migration.php Normal file → Executable file
View File

0
application/config/mimes.php Normal file → Executable file
View File

0
application/config/profiler.php Normal file → Executable file
View File

16
application/config/routes.php Normal file → Executable file
View File

@ -49,14 +49,16 @@ defined('BASEPATH') OR exit('No direct script access allowed');
| Examples: my-controller/index -> my_controller/index | Examples: my-controller/index -> my_controller/index
| my-controller/my-method -> my_controller/my_method | my-controller/my-method -> my_controller/my_method
*/ */
$route['default_controller'] = 'Controller1'; $route['default_controller'] = 'Dashboard_Controller';
//$route['default_controller'] = 'Login'; //$route['default_controller'] = 'Login';
$route['404_override'] = ''; $route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE; $route['translate_uri_dashes'] = FALSE;
$route['Routes'] = 'Controller1/index'; $route['Routes'] = 'Dashboard_Controller/index';
$route['Routes1'] = 'Controller1/Method1'; $route['Dashboard'] = 'Dashboard_Controller/Dashboard';
$route['Routes2'] = 'Controller1/Method2'; $route['country_master'] = 'Dashboard_Controller/country_master';
$route['Routes3'] = 'Controller1/Method3'; $route['city_master'] = 'Dashboard_Controller/city_master';
$route['Routes4'] = 'Controller1/Method4'; $route['visa_type_master'] = 'Dashboard_Controller/visa_type_master';
$route['Routes5'] = 'Controller1/Method5'; $route['document_master'] = 'Dashboard_Controller/document_master';
$route['visa_type_master'] = 'Dashboard_Controller/visa_type_master';
$route['country_visa_details'] = 'Dashboard_Controller/country_visa_details';

0
application/config/smileys.php Normal file → Executable file
View File

0
application/config/user_agents.php Normal file → Executable file
View File

View File

@ -1,88 +0,0 @@
<?php if(!defined('BASEPATH')) exit('No direct script access allowed');
require APPPATH . '/libraries/BaseController.php';
/**
* Class : Controller1
* Controller1 class to control the Routes.
* @author : V I S A Employee
* @version : 1.1
* @since : Today
*/
class Controller1 extends BaseController
{
/**
* This is default constructor of the class
*/
public function __construct(){
parent::__construct();
}
/**
* Index Page for this controller.
*/
public function index()
{
// $this->load->view('includes/Header', NULL);
// $this->load->view('NewPage1', NULL);
// $this->load->view('includes/Footer', NULL);
$this->loadViews('NewPage1', NULL);
}
/**
* This function used to check the Routes
*/
function Method1()
{
// $this->load->view('includes/Header', NULL);
// $this->load->view('NewPage2', NULL);
// $this->load->view('includes/Footer', NULL);
$this->loadViews('NewPage2', NULL);
}
/**
* This function used to check the Routes
*/
function Method2()
{
// $this->load->view('includes/Header', NULL);
// $this->load->view('NewPage3', NULL);
// $this->load->view('includes/Footer', NULL);
$this->loadViews('NewPage3', NULL);
}
/**
* This function used to check the Routes
*/
function Method3()
{
// $this->load->view('includes/Header', NULL);
// $this->load->view('404', NULL);
// $this->load->view('includes/Footer', NULL);
$this->loadViews('NewPage4', NULL);
}
/**
* This function used to check the Routes
*/
function Method4()
{
// $this->load->view('includes/Header', NULL);
// $this->load->view('access', NULL);
// $this->load->view('includes/Footer', NULL);
$this->loadViews('404', NULL);
}
/**
* This function used to check the Routes
*/
function Method5()
{
// $this->load->view('includes/Header', NULL);
// $this->load->view('NewPage4', NULL);
// $this->load->view('includes/Footer', NULL);
$this->loadViews('access', NULL);
}
}
?>

View File

@ -0,0 +1,56 @@
<?php if(!defined('BASEPATH')) exit('No direct script access allowed');
require APPPATH . '/libraries/BaseController.php';
/**
* Class : Dashboard_Controller
* Dashboard_Controller class to control the Master Data.
* @author : Surendiran.M
* @version : 1.1
* @since : 27/07/2018
*/
class Dashboard_Controller extends BaseController
{
/**
* This is default constructor of the class
*/
public function __construct(){
parent::__construct();
}
/**
* Index Page for this controller.
*/
public function index()
{
$this->loadViews('Dashboard', NULL);
}
/**
* This function used to load the Dashboard page
*/
function Dashboard()
{
$this->loadViews('Dashboard', NULL);
}
function country_master(){
$this->loadViews('country_master',NULL);
}
function city_master(){
$this->loadViews('city_master',NULL);
}
function visa_type_master(){
$this->loadViews('visa_type_master',NULL);
}
function document_master(){
$this->loadViews('document_upload',NULL);
}
function country_visa_details(){
$this->loadViews('country_visa_details',NULL);
}
}
?>

0
application/controllers/Welcome.php Normal file → Executable file
View File

0
application/controllers/index.html Normal file → Executable file
View File

0
application/core/index.html Normal file → Executable file
View File

0
application/helpers/index.html Normal file → Executable file
View File

0
application/hooks/index.html Normal file → Executable file
View File

0
application/index.html Normal file → Executable file
View File

0
application/language/english/index.html Normal file → Executable file
View File

0
application/language/index.html Normal file → Executable file
View File

0
application/libraries/index.html Normal file → Executable file
View File

0
application/logs/index.html Normal file → Executable file
View File

0
application/models/index.html Normal file → Executable file
View File

0
application/third_party/index.html vendored Normal file → Executable file
View File

View File

@ -0,0 +1,3 @@
<div class="content-wrapper">
</div>

View File

@ -1,68 +0,0 @@
<div class="content-wrapper" style="min-height:2230px">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<i class="fa fa-tachometer" aria-hidden="true"></i> Dashboard
<small>Control panel</small>
</h1>
</section>
<section class="content">
<div class="row">
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-aqua">
<div class="inner">
<h3>150</h3>
<p>New Tasks</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div><!-- ./col -->
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-green">
<div class="inner">
<h3>53<sup style="font-size: 20px">%</sup></h3>
<p>Completed Tasks</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div><!-- ./col -->
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-yellow">
<div class="inner">
<h3>44</h3>
<p>New User</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
<a href="<?php echo base_url(); ?>userListing" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div><!-- ./col -->
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-red">
<div class="inner">
<h3>65</h3>
<p>Reopened Issue</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div><!-- ./col -->
</div>
</section>
</div>

View File

@ -1,48 +0,0 @@
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Boxed Layout
<small>Blank example to the boxed layout</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li><a href="#">Layout</a></li>
<li class="active">Boxed</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="callout callout-info">
<h4>Tip!</h4>
<p>Add the layout-boxed class to the body tag to get this layout. The boxed layout is helpful when working on
large screens because it prevents the site from stretching very wide.</p>
</div>
<!-- Default box -->
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">Title</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fa fa-minus"></i></button>
<button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
<i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
Start creating your amazing application!
</div>
<!-- /.box-body -->
<div class="box-footer">
Footer
</div>
<!-- /.box-footer-->
</div>
<!-- /.box -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

View File

@ -1,93 +0,0 @@
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Text Editors
<small>Advanced form element</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li><a href="#">Forms</a></li>
<li class="active">Editors</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-12">
<div class="box box-info">
<div class="box-header">
<h3 class="box-title">CK Editor
<small>Advanced and full of features</small>
</h3>
<!-- tools box -->
<div class="pull-right box-tools">
<button type="button" class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip"
title="Collapse">
<i class="fa fa-minus"></i></button>
<button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip"
title="Remove">
<i class="fa fa-times"></i></button>
</div>
<!-- /. tools -->
</div>
<!-- /.box-header -->
<div class="box-body pad">
<form>
<textarea id="editor1" name="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</div>
</div>
<!-- /.box -->
<div class="box">
<div class="box-header">
<h3 class="box-title">Bootstrap WYSIHTML5
<small>Simple and fast</small>
</h3>
<!-- tools box -->
<div class="pull-right box-tools">
<button type="button" class="btn btn-default btn-sm" data-widget="collapse" data-toggle="tooltip"
title="Collapse">
<i class="fa fa-minus"></i></button>
<button type="button" class="btn btn-default btn-sm" data-widget="remove" data-toggle="tooltip"
title="Remove">
<i class="fa fa-times"></i></button>
</div>
<!-- /. tools -->
</div>
<!-- /.box-header -->
<div class="box-body pad">
<form>
<textarea class="textarea" placeholder="Place some text here"
style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
</form>
</div>
</div>
</div>
<!-- /.col-->
</div>
<!-- ./row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- CK Editor -->
<script src="<?php echo base_url(); ?>assets/bower_components/ckeditor/ckeditor.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1')
//bootstrap WYSIHTML5 - text editor
$('.textarea').wysihtml5()
})
</script>
</body>
</html>

View File

@ -0,0 +1,240 @@
<style>
.designinput {
position: relative;
display: inline-block;
margin-left: 15px;
}
.slide-up {
display: inline-block;
width: 260px;
padding: 10px 0 10px 30px;
font-family: "Open Sans", sans;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 80px;
transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.slide-up + label {
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.slide-up + label:before, .slide-up + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.slide-up + label:before {
top: 6px;
left: 5px;
right: 5px;
bottom: 6px;
background: #df2769;
}
.slide-up + label:after {
top: 0;
bottom: 0;
background: rgb(177, 177, 177);
}
span:nth-child(1) .slide-up {
text-indent: 105px;
}
span:nth-child(3) .slide-up {
text-indent: 125px;
}
span:nth-child(1) .slide-up:focus,
span:nth-child(1) .slide-up:active,
span:nth-child(3) .slide-up:focus,
span:nth-child(3) .slide-up:active {
text-indent: 0;
}
.slide-up:focus,
.slide-up:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.slide-up:focus::-webkit-input-placeholder,
.slide-up:active::-webkit-input-placeholder {
color: #aaa;
}
.slide-up:focus + label,
.slide-up:active + label {
transform: translateY(-100%);
}
.slide-up:focus + label:before,
.slide-up:active + label:before {
border-radius: 5px;
}
.slide-up:focus + label:after,
.slide-up:active + label:after {
transform: translateY(100%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
background-color: #087322;
}
.btn-primary12:hover, .btn-primary12:active, .btn-primary12.hover{
background-color: #FFC107;
color: #fff;
}
.btn-primary{
color: #fff;
background-color: rgba(18, 187, 23, 0.75);
border-color: rgba(18, 187, 23, 0.75);
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.btn-primary12{
color: #fff;
background-color:#f2b865;
border-color: #f2b865;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.or-button{
position: relative;
margin: -13px;
display: inline-block;
padding: 2px 5px;
background-color: #fff;
border-radius: 38px;
}
.box-title-box{
margin-left: 18px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 13px;
margin-top: -50px;
margin-right: 15px;
float: left;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="background-color: #eee;">
<!-- Content Header (Page header) -->
<section class="content-header">
</section>
<!-- Main content -->
<section class="content" style="margin-top: 50px;">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">City Master</h3>
</div>
<!-- form start -->
<form role="form" style="padding:40px;">
<div class="row">
<div class="col-md-5 designinput">
<div class="form-group">
<input class="slide-up" id="card" type="text" placeholder="Enter city name" /><label for="card">City Name</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<label for="Description">Description</label>
<textarea class="form-control" rows="3" placeholder="Enter ..." data-gramm="true" data-txt_gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" data-gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 20px; font-size: 14px; transition: none; background: transparent !important;"></textarea>
</div>
</div>
<div class="row" style="padding-top:15px;">
<div class="col-md-offset-8 col-md-4">
<button type="submit" class="btn btn-primary">Submit</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12">Reset</button>
</div>
</div>
</form>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

View File

@ -0,0 +1,263 @@
<style>
.designinput {
position: relative;
display: inline-block;
margin-left: 15px;
}
.slide-up {
display: inline-block;
width: 260px;
padding: 10px 0 10px 30px;
font-family: "Open Sans", sans;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 80px;
transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.slide-up + label {
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.slide-up + label:before, .slide-up + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.slide-up + label:before {
top: 6px;
left: 5px;
right: 5px;
bottom: 6px;
background: #df2769;
}
.slide-up + label:after {
top: 0;
bottom: 0;
background: rgb(177, 177, 177);
}
span:nth-child(1) .slide-up {
text-indent: 105px;
}
span:nth-child(3) .slide-up {
text-indent: 125px;
}
span:nth-child(1) .slide-up:focus,
span:nth-child(1) .slide-up:active,
span:nth-child(3) .slide-up:focus,
span:nth-child(3) .slide-up:active {
text-indent: 0;
}
.slide-up:focus,
.slide-up:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.slide-up:focus::-webkit-input-placeholder,
.slide-up:active::-webkit-input-placeholder {
color: #aaa;
}
.slide-up:focus + label,
.slide-up:active + label {
transform: translateY(-100%);
}
.slide-up:focus + label:before,
.slide-up:active + label:before {
border-radius: 5px;
}
.slide-up:focus + label:after,
.slide-up:active + label:after {
transform: translateY(100%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
background-color: #087322;
}
.btn-primary12:hover, .btn-primary12:active, .btn-primary12.hover{
background-color: #FFC107;
color: #fff;
}
.btn-primary{
color: #fff;
background-color: rgba(18, 187, 23, 0.75);
border-color: rgba(18, 187, 23, 0.75);
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.btn-primary12{
color: #fff;
background-color:#f2b865;
border-color: #f2b865;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.or-button{
position: relative;
margin: -13px;
display: inline-block;
padding: 2px 5px;
background-color: #fff;
border-radius: 38px;
}
.box-title-box{
margin-left: 18px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 13px;
margin-top: -50px;
margin-right: 15px;
float: left;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="background-color: #eee;">
<!-- Content Header (Page header) -->
<section class="content-header">
</section>
<!-- Main content -->
<section class="content" style="margin-top: 50px;">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Country Master</h3>
</div>
<!-- form start -->
<form role="form" style="padding:40px;">
<div class="row">
<div class="col-md-5 designinput">
<div class="form-group">
<input class="slide-up" id="card" type="text" placeholder="Enter country name" /><label for="card">Country Name</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-5 designinput">
<div class="form-group">
<input class="slide-up" id="expires" type="text" placeholder="Enter country capital" /><label for="expires">Country Capital</label>
<!--<label for="exampleInputcountrycapital">Country Capital</label>
<input type="text" class="form-control" id="exampleInputcountrycapital" placeholder="Enter country capital">-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<label for="Description">Description</label>
<textarea id="editor1" name="editor1" rows="10" cols="120">
This is my textarea to be replaced with CKEditor.
</textarea>
</div>
</div>
<div class="row" style="padding-top:15px;">
<div class="col-md-offset-8 col-md-4">
<button type="submit" class="btn btn-primary">Submit</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12">Reset</button>
</div>
</div>
</form>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- jQuery 3 -->
<script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1')
//bootstrap WYSIHTML5 - text editor
$('.textarea').wysihtml5()
})
</script>

View File

@ -0,0 +1,789 @@
<style>
.designinput {
position: relative;
display: inline-block;
margin-top: 20px;
/*margin-left: 15px;*/
}
.slide-up {
display: inline-block;
width: 260px;
padding: 10px 0 10px 30px;
font-family: "Open Sans", sans;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 80px;
transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.slide-up + label {
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.slide-up + label:before, .slide-up + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.slide-up + label:before {
top: 6px;
left: 5px;
right: 5px;
bottom: 6px;
background: #df2769;
}
.slide-up + label:after {
top: 0;
bottom: 0;
background: rgb(177, 177, 177);
}
span:nth-child(1) .slide-up {
text-indent: 105px;
}
span:nth-child(3) .slide-up {
text-indent: 125px;
}
span:nth-child(1) .slide-up:focus,
span:nth-child(1) .slide-up:active,
span:nth-child(3) .slide-up:focus,
span:nth-child(3) .slide-up:active {
text-indent: 0;
}
.slide-up:focus,
.slide-up:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.slide-up:focus::-webkit-input-placeholder,
.slide-up:active::-webkit-input-placeholder {
color: #aaa;
}
.slide-up:focus + label,
.slide-up:active + label {
transform: translateY(-100%);
}
.slide-up:focus + label:before,
.slide-up:active + label:before {
border-radius: 5px;
}
.slide-up:focus + label:after,
.slide-up:active + label:after {
transform: translateY(100%);
}
.btn-success.focus, .btn-success:focus{
background-color: #dd2366;
border-color: #dd2366;
box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
background-color: rgba(219, 34, 101, 0.64);
border-color: #dd2366;
box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
}
.btn-success {
background-color: #dd2366;
border-color: #dd2366;
box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
background-color: #087322;
}
.btn-primary12:hover, .btn-primary12:active, .btn-primary12.hover{
background-color: #FFC107;
color: #fff;
}
.btn-primary{
color: #fff;
background-color: rgba(18, 187, 23, 0.75);
border-color: rgba(18, 187, 23, 0.75);
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.btn-primary12{
color: #fff;
background-color:#f2b865;
border-color: #f2b865;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.or-button{
position: relative;
margin: -13px;
display: inline-block;
padding: 2px 5px;
background-color: #fff;
border-radius: 38px;
}
.box-title-box{
margin-left: 18px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 13px;
margin-top: -50px;
margin-right: 15px;
float: left;
}
.nav-tabs-custom{
background:#eee !important;
}
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="background-color: #eee;">
<!-- Content Header (Page header) -->
<section class="content-header">
</section>
<!-- Main content -->
<section class="content" style="margin-top: 50px;">
<div class="row">
<div class="col-md-12">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Country Visa Details</h3>
</div>
<!-- form start -->
<form role="form" style="padding:40px;">
<div class="row">
<div class="col-md-5">
<div class="form-group">
<label>Country Type</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- Custom Tabs -->
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_1" data-toggle="tab">Visa Details</a></li>
<li><a href="#tab_2" data-toggle="tab">Diplomatic Representations</a></li>
<li><a href="#tab_3" data-toggle="tab">Application Centers Information</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_1">
<h3 style="text-align:center;">Visa Details</h3>
<div class="row">
<div class="col-md-offset-9 col-md-3">
<button type="button" class="btn btn-block btn-success btn-sm" data-toggle="modal" data-target="#Add_center">Add Centers</button>
</div>
</div>
<!-- /.modal starts-->
<div class="modal fade" id="Add_center">
<div class="modal-dialog" style="top: 40px;width: 70%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title box-title-box">Add Application Centers Information</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Visa Type</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="EmbassyFee" type="text" placeholder="Enter Embassy Fee" /><label for="Embassy Fee">Embassy Fee</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="VFSFee" type="number" placeholder="Enter VFS Fee" /><label for="VFS Fee">VFS Fee</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Visa Type</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Visa Type</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ProcessingTime" type="text" placeholder="Enter Processing Time" /><label for="Processing Time">Processing Time</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
</div>
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>-->
<button type="submit" class="btn btn-primary">Add</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- /.modal starts-->
<div class="modal fade" id="Editcenter">
<div class="modal-dialog" style="top: 40px;width: 70%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title box-title-box">Edit Application Centers Information</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Visa Type</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="EmbassyFee" type="text" placeholder="Enter Embassy Fee" /><label for="Embassy Fee">Embassy Fee</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="VFSFee" type="number" placeholder="Enter VFS Fee" /><label for="VFS Fee">VFS Fee</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Visa Type</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Visa Type</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ProcessingTime" type="text" placeholder="Enter Processing Time" /><label for="Processing Time">Processing Time</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
</div>
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>-->
<button type="submit" class="btn btn-primary">Add</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<br>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>Visa Type</th>
<th>Embassy Fee</th>
<th>VFS Fee</th>
<th>Processing Time</th>
<th>Download Form</th>
<th>Download Checklist</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<td>klfdmglkdf</td>
<td>dfdf</td>
<td>df</td>
<td>fdfdfd</td>
<td>fdfd</td>
<td>ffdf</td>
<td>
<a data-toggle="modal" data-target="#Editcenter" href="#Editcenter"><i class="fa fa-edit" data-toggle="tooltip" title="" data-original-title="Click here to view/Edit"></i></a>
</td>
</tbody>
<tfoot>
<tr>
<th>Visa Type</th>
<th>Embassy Fee</th>
<th>VFS Fee</th>
<th>Processing Time</th>
<th>Download Form</th>
<th>Download Checklist</th>
<th>Action</th>
</tr>
</tfoot>
</table>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_2">
<h3 style="text-align:center;">Diplomatic Representations</h3>
<div class="row">
<div class="col-md-offset-9 col-md-3">
<button type="button" class="btn btn-block btn-success btn-sm" data-toggle="modal" data-target="#AddDiplomatic">Add Diplomatic</button>
</div>
</div>
<!-- /.modal starts-->
<div class="modal fade" id="AddDiplomatic">
<div class="modal-dialog" style="top: 40px;width: 90%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title box-title-box">Add Diplomatic Representations</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label>City</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="Emailid" type="mail" placeholder="Enter Email Id" /><label for="Email">Email Id</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="altEmailid" type="mail" placeholder="Enter Email Id" /><label for="Email Id">AlternateEmail Id</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="Website" type="text" placeholder="Enter Website" /><label for="Website">Website</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
<!--<input class="slide-up" id="Submission" type="text" placeholder="Enter Submission" /><label for="Submission">Submission</label>-->
<label for="holiday">Holiday</label>
<input type="file" class="form-control" id="holiday" placeholder="Enter holiday">
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="phoneno" type="number" placeholder="Enter phone number" /><label for="Phone Number"> Phone Number</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="fax" type="text" placeholder="Enter Fax" /><label for="Fax">Fax</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="submission" type="text" placeholder="Enter Submission" /><label for="Submission">Submission</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3">
<label for="submission">Submission</label>
<textarea class="form-control" rows="3" placeholder="Enter ..." data-gramm="true" data-txt_gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" data-gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 20px; font-size: 14px; transition: none; background: transparent !important;"></textarea>
</div>
<div class="col-md-3">
<label for="Address">Address</label>
<textarea class="form-control" rows="3" placeholder="Enter ..." data-gramm="true" data-txt_gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" data-gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 20px; font-size: 14px; transition: none; background: transparent !important;"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>-->
<button type="submit" class="btn btn-primary">Add</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- /.modal starts-->
<div class="modal fade" id="EditDiplomatic">
<div class="modal-dialog" style="top: 40px;width: 90%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title box-title-box">Edit Diplomatic Representations</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label>City</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="Emailid" type="mail" placeholder="Enter Email Id" /><label for="Email">Email Id</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="altEmailid" type="mail" placeholder="Enter Email Id" /><label for="Email Id">AlternateEmail Id</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="Website" type="text" placeholder="Enter Website" /><label for="Website">Website</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
<!--<input class="slide-up" id="Submission" type="text" placeholder="Enter Submission" /><label for="Submission">Submission</label>-->
<label for="holiday">Holiday</label>
<input type="file" class="form-control" id="holiday" placeholder="Enter holiday">
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="phoneno" type="number" placeholder="Enter phone number" /><label for="Phone Number"> Phone Number</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="fax" type="text" placeholder="Enter Fax" /><label for="Fax">Fax</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3 designinput">
<div class="form-group">
<input class="slide-up" id="submission" type="text" placeholder="Enter Submission" /><label for="Submission">Submission</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-3">
<label for="submission">Submission</label>
<textarea class="form-control" rows="3" placeholder="Enter ..." data-gramm="true" data-txt_gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" data-gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 20px; font-size: 14px; transition: none; background: transparent !important;"></textarea>
</div>
<div class="col-md-3">
<label for="Address">Address</label>
<textarea class="form-control" rows="3" placeholder="Enter ..." data-gramm="true" data-txt_gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" data-gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 20px; font-size: 14px; transition: none; background: transparent !important;"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>-->
<button type="submit" class="btn btn-primary">Add</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<br>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>Place</th>
<th>Email</th>
<th>Alternate Email</th>
<th>Phone Number</th>
<th>Fax</th>
<th>Submission Timing</th>
<th>Holiday List</th>
<th>Action<th>
</tr>
</thead>
<tbody>
<td>klfdmglkdf</td>
<td>klfdmglkdf</td>
<td>dfdf</td>
<td>df</td>
<td>fdfdfd</td>
<td>fdfd</td>
<td>ffdf</td>
<td>
<a data-toggle="modal" data-target="#EditDiplomatic" href="#Editcenter"><i class="fa fa-edit" data-toggle="tooltip" title="" data-original-title="Click here to view/Edit"></i></a>
</td>
</tbody>
<tfoot>
<tr>
<th>Visa Type</th>
<th>Embassy Fee</th>
<th>VFS Fee</th>
<th>Processing Time</th>
<th>Download Form</th>
<th>Download Checklist</th>
<th>Action</th>
</tr>
</tfoot>
</table>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_3">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently with desktop publishing software
like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<!-- /.tab-pane -->
</div>
<!-- /.tab-content -->
</div>
<!-- nav-tabs-custom -->
</div>
</div>
<!-- /.col -->
<div class="row" style="padding-top:15px;">
<div class="col-md-offset-9 col-md-3">
<button type="submit" class="btn btn-primary">Submit</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12">Reset</button>
</div>
</div>
</form>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#countrytype").select2();
});
$(function () {
$('#example1').DataTable()
$('#example2').DataTable({
'paging' : true,
'lengthChange': false,
'searching' : false,
'ordering' : true,
'info' : true,
'autoWidth' : false
})
})
// $(document).ready(function(){
// $("#countrytype").select2();
// });
$(function () {
//Initialize Select2 Elements
$('.select2').select2();
});
</script>

View File

@ -0,0 +1,251 @@
<style>
.designinput {
position: relative;
display: inline-block;
margin-left: 15px;
}
.slide-up {
display: inline-block;
width: 260px;
padding: 10px 0 10px 30px;
font-family: "Open Sans", sans;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 80px;
transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.slide-up + label {
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.slide-up + label:before, .slide-up + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.slide-up + label:before {
top: 6px;
left: 5px;
right: 5px;
bottom: 6px;
background: #df2769;
}
.slide-up + label:after {
top: 0;
bottom: 0;
background: rgb(177, 177, 177);
}
span:nth-child(1) .slide-up {
text-indent: 105px;
}
span:nth-child(3) .slide-up {
text-indent: 125px;
}
span:nth-child(1) .slide-up:focus,
span:nth-child(1) .slide-up:active,
span:nth-child(3) .slide-up:focus,
span:nth-child(3) .slide-up:active {
text-indent: 0;
}
.slide-up:focus,
.slide-up:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.slide-up:focus::-webkit-input-placeholder,
.slide-up:active::-webkit-input-placeholder {
color: #aaa;
}
.slide-up:focus + label,
.slide-up:active + label {
transform: translateY(-100%);
}
.slide-up:focus + label:before,
.slide-up:active + label:before {
border-radius: 5px;
}
.slide-up:focus + label:after,
.slide-up:active + label:after {
transform: translateY(100%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
background-color: #087322;
}
.btn-primary12:hover, .btn-primary12:active, .btn-primary12.hover{
background-color: #FFC107;
color: #fff;
}
.btn-primary{
color: #fff;
background-color: rgba(18, 187, 23, 0.75);
border-color: rgba(18, 187, 23, 0.75);
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.btn-primary12{
color: #fff;
background-color:#f2b865;
border-color: #f2b865;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.or-button{
position: relative;
margin: -13px;
display: inline-block;
padding: 2px 5px;
background-color: #fff;
border-radius: 38px;
}
.box-title-box{
margin-left: 18px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 13px;
margin-top: -50px;
margin-right: 15px;
float: left;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="background-color: #eee;">
<!-- Content Header (Page header) -->
<section class="content-header">
</section>
<!-- Main content -->
<section class="content" style="margin-top: 50px;">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Document Master</h3>
</div>
<!-- form start -->
<form role="form" style="padding:40px;">
<div class="row">
<div class="col-md-5 designinput">
<div class="form-group">
<input class="slide-up" id="card" type="text" placeholder="Enter visa name" /><label for="card">Document Name</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label for="exampleInputcountryname">Document Upload</label>
<input id="card" type="file" />
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<label for="Description">Description</label>
<textarea class="form-control" rows="3" placeholder="Enter ..." data-gramm="true" data-txt_gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" data-gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 20px; font-size: 14px; transition: none; background: transparent !important;"></textarea>
</div>
</div>
<div class="row" style="padding-top:15px;">
<div class="col-md-offset-8 col-md-4">
<button type="submit" class="btn btn-primary">Submit</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12">Reset</button>
</div>
</div>
</form>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

0
application/views/errors/cli/error_404.php Normal file → Executable file
View File

0
application/views/errors/cli/error_db.php Normal file → Executable file
View File

0
application/views/errors/cli/error_exception.php Normal file → Executable file
View File

0
application/views/errors/cli/error_general.php Normal file → Executable file
View File

0
application/views/errors/cli/error_php.php Normal file → Executable file
View File

0
application/views/errors/cli/index.html Normal file → Executable file
View File

0
application/views/errors/html/error_404.php Normal file → Executable file
View File

0
application/views/errors/html/error_db.php Normal file → Executable file
View File

0
application/views/errors/html/error_exception.php Normal file → Executable file
View File

0
application/views/errors/html/error_general.php Normal file → Executable file
View File

0
application/views/errors/html/error_php.php Normal file → Executable file
View File

0
application/views/errors/html/index.html Normal file → Executable file
View File

0
application/views/errors/index.html Normal file → Executable file
View File

View File

@ -2,7 +2,7 @@
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.4.0 <b>Version</b> 2.4.0
</div> </div>
<strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights <strong>Copyright &copy; 2014-2016 <a href="#">VISA</a>.</strong> All rights
reserved. reserved.
</footer> </footer>
@ -199,7 +199,7 @@
immediately after the control sidebar -> immediately after the control sidebar ->
<div class="control-sidebar-bg"></div>--> <div class="control-sidebar-bg"></div>-->
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<script src="<?php echo base_url(); ?>assets/bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- jQuery 3 --> <!-- jQuery 3 -->
<script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script> <script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 --> <!-- jQuery UI 1.11.4 -->
@ -208,6 +208,9 @@
<script> <script>
$.widget.bridge('uibutton', $.ui.button); $.widget.bridge('uibutton', $.ui.button);
</script> </script>
<!-- DataTables -->
<script src="<?php echo base_url(); ?>assets/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url(); ?>assets/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- Bootstrap 3.3.7 --> <!-- Bootstrap 3.3.7 -->
<script src="<?php echo base_url(); ?>assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="<?php echo base_url(); ?>assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Morris.js charts --> <!-- Morris.js charts -->
@ -225,6 +228,8 @@
<script src="<?php echo base_url(); ?>assets/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script> <script src="<?php echo base_url(); ?>assets/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- datepicker --> <!-- datepicker -->
<script src="<?php echo base_url(); ?>assets/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script> <script src="<?php echo base_url(); ?>assets/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- CK Editor -->
<script src="<?php echo base_url(); ?>assets/bower_components/ckeditor/ckeditor.js"></script>
<!-- Bootstrap WYSIHTML5 --> <!-- Bootstrap WYSIHTML5 -->
<script src="<?php echo base_url(); ?>assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script> <script src="<?php echo base_url(); ?>assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
@ -237,5 +242,6 @@
<script src="<?php echo base_url(); ?>assets/dist/js/pages/dashboard.js"></script> <script src="<?php echo base_url(); ?>assets/dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="<?php echo base_url(); ?>assets/dist/js/demo.js"></script> <script src="<?php echo base_url(); ?>assets/dist/js/demo.js"></script>
</body> </body>
</html> </html>

63
application/views/includes/Header.php Normal file → Executable file
View File

@ -8,6 +8,10 @@
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 --> <!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="<?php echo base_url(); ?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/bower_components/select2/dist/css/select2.min.css">
<!-- DataTables -->
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
<!-- Font Awesome --> <!-- Font Awesome -->
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/bower_components/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="<?php echo base_url(); ?>assets/bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
@ -38,16 +42,16 @@
<!-- Google Font --> <!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head> </head>
<body class="hold-transition skin-blue sidebar-mini"> <body class="hold-transition skin-purple-light sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="<?php echo base_url(); ?>assets/index2.html" class="logo"> <a href="<?php echo base_url(); ?>Dashboard" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels --> <!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>V</b>isa</span> <span class="logo-mini"><b>V</b>isa</span>
<!-- logo for regular state and mobile devices --> <!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>V</b> I S A</span> <span class="logo-lg">V I S A</span>
</a> </a>
<!-- Header Navbar: style can be found in header.less --> <!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top"> <nav class="navbar navbar-static-top">
@ -77,20 +81,7 @@
</p> </p>
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body">
<div class="row">
<div class="col-xs-4 text-center">
<a href="<?php echo base_url(); ?>#">Member 1</a>
</div>
<div class="col-xs-4 text-center">
<a href="<?php echo base_url(); ?>#">Member 2</a>
</div>
<div class="col-xs-4 text-center">
<a href="<?php echo base_url(); ?>#">Member 3</a>
</div>
</div>
<!-- /.row -->
</li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
<div class="pull-left"> <div class="pull-left">
@ -103,9 +94,9 @@
</ul> </ul>
</li> </li>
<!-- Control Sidebar Toggle Button --> <!-- Control Sidebar Toggle Button -->
<li> <!--<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a> <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li> </li>-->
</ul> </ul>
</div> </div>
</nav> </nav>
@ -137,11 +128,35 @@
<!-- /.search form --> <!-- /.search form -->
<!-- sidebar menu: : style can be found in sidebar.less --> <!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree"> <ul class="sidebar-menu" data-widget="tree">
<li class="header">MAIN NAVIGATION</li> <!--<li class="header">MAIN NAVIGATION</li>-->
<li class="active treeview">
<a href="<?php echo base_url(); ?>Routes3"> <li class="active">
<i class="fa fa-th"></i> <span>Dashboard</span> <a href="<?php echo base_url(); ?>Dashboard">
<span class="pull-right-container"></span> <i class="fa fa-dashboard"></i> <span>Dashboard</span>
<span class="pull-right-container">
</span>
</a>
</li>
<li class="treeview">
<a href="<?php echo base_url(); ?>#">
<i class="fa fa-database"></i>
<span>Masters</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="<?php echo base_url(); ?>country_master"><i class="fa fa-circle-o"></i>Country Master</a></li>
<li><a href="<?php echo base_url(); ?>city_master"><i class="fa fa-circle-o"></i>City Master</a></li>
<li><a href="<?php echo base_url(); ?>visa_type_master"><i class="fa fa-circle-o"></i>Visa Type Master</a></li>
<li><a href="<?php echo base_url(); ?>document_master"><i class="fa fa-circle-o"></i>Document Master</a></li>
</ul>
</li>
<li class="active">
<a href="<?php echo base_url(); ?>country_visa_details">
<i class="fa fa-globe"></i> <span>Country Visa Details</span>
<span class="pull-right-container">
</span>
</a> </a>
</li> </li>
</ul> </ul>

0
application/views/index.html Normal file → Executable file
View File

139
application/views/login.php Normal file
View File

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Visa | Log in</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- iCheck -->
<link rel="stylesheet" href="../../plugins/iCheck/square/blue.css">
<style>
.login-box{
background: #fff;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
border-radius: 8px;
padding: 13px;
}
.box-title-box{
margin-left: 22px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 12px 143px 22px 143px;
margin-top: -50px;
}
.has-feedback .form-control {
border-right: 0;
border-top: 0;
border-left: 0;
}
.btn.btn-flat{
color: #fff;
background-color: #e91e63;
border-color: #e91e63;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
text-transform: uppercase;
border: 0;
border-radius: 3px;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
will-change: box-shadow,transform;
}
</style>
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition login-page" style="background-image: url(wallpaper2you_237173.jpg);
background-size: cover;
background-position: top center;margin-top:150px;">
<div class="login-box">
<div class="row">
<div class="box-title-box">
<h4 style="color:#fff;">VISA</h4>
<h6 style="color:#fff;">Log in</h6>
</div>
</div>
<!-- /.login-logo -->
<div class="login-box-body">
<p class="login-box-msg">Sign in to start your session</p>
<form action="../../index2.html" method="post">
<div class="form-group has-feedback">
<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
<input type="email" class="form-control" placeholder="Email">
</div>
<div class="form-group has-feedback">
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="row">
<!--<div class="col-xs-8">
<div class="checkbox icheck">
<label>
<input type="checkbox"> Remember Me
</label>
</div>
</div>-->
<!-- /.col -->
<div class="col-xs-offset-4 col-xs-4">
<button type="submit" class="btn btn-primary btn-block btn-flat">LETS GO</button>
</div>
<!-- /.col -->
</div>
</form>
<!--<div class="social-auth-links text-center">
<p>- OR -</p>
<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using
Facebook</a>
<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign in using
Google+</a>
</div>-->
<!-- /.social-auth-links -->
<!--<a href="#">I forgot my password</a><br>
<a href="register.html" class="text-center">Register a new membership</a>-->
</div>
<!-- /.login-box-body -->
</div>
<!-- /.login-box -->
<!-- jQuery 3 -->
<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js"></script>
<script>
$(function () {
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' /* optional */
});
});
</script>
</body>
</html>

View File

@ -0,0 +1,239 @@
<style>
.designinput {
position: relative;
display: inline-block;
margin-left: 15px;
}
.slide-up {
display: inline-block;
width: 260px;
padding: 10px 0 10px 30px;
font-family: "Open Sans", sans;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 80px;
transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.slide-up + label {
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.slide-up + label:before, .slide-up + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.slide-up + label:before {
top: 6px;
left: 5px;
right: 5px;
bottom: 6px;
background: #df2769;
}
.slide-up + label:after {
top: 0;
bottom: 0;
background: rgb(177, 177, 177);
}
span:nth-child(1) .slide-up {
text-indent: 105px;
}
span:nth-child(3) .slide-up {
text-indent: 125px;
}
span:nth-child(1) .slide-up:focus,
span:nth-child(1) .slide-up:active,
span:nth-child(3) .slide-up:focus,
span:nth-child(3) .slide-up:active {
text-indent: 0;
}
.slide-up:focus,
.slide-up:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.slide-up:focus::-webkit-input-placeholder,
.slide-up:active::-webkit-input-placeholder {
color: #aaa;
}
.slide-up:focus + label,
.slide-up:active + label {
transform: translateY(-100%);
}
.slide-up:focus + label:before,
.slide-up:active + label:before {
border-radius: 5px;
}
.slide-up:focus + label:after,
.slide-up:active + label:after {
transform: translateY(100%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
background-color: #087322;
}
.btn-primary12:hover, .btn-primary12:active, .btn-primary12.hover{
background-color: #FFC107;
color: #fff;
}
.btn-primary{
color: #fff;
background-color: rgba(18, 187, 23, 0.75);
border-color: rgba(18, 187, 23, 0.75);
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.btn-primary12{
color: #fff;
background-color:#f2b865;
border-color: #f2b865;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.or-button{
position: relative;
margin: -13px;
display: inline-block;
padding: 2px 5px;
background-color: #fff;
border-radius: 38px;
}
.box-title-box{
margin-left: 18px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 13px;
margin-top: -50px;
margin-right: 15px;
float: left;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="background-color: #eee;">
<!-- Content Header (Page header) -->
<section class="content-header">
</section>
<!-- Main content -->
<section class="content" style="margin-top: 50px;">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Visa Type Master</h3>
</div>
<!-- form start -->
<form role="form" style="padding:40px;">
<div class="row">
<div class="col-md-5 designinput">
<div class="form-group">
<input class="slide-up" id="card" type="text" placeholder="Enter visa name" /><label for="card">Visa Name</label>
<!--<label for="exampleInputcountryname">Country Name</label>
<input type="text" class="form-control" id="exampleInputcountryname" placeholder="Enter country">-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<label for="Description">Description</label>
<textarea class="form-control" rows="3" placeholder="Enter ..." data-gramm="true" data-txt_gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" data-gramm_id="d620fc04-2898-2668-7729-ac0c777081d4" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: 20px; font-size: 14px; transition: none; background: transparent !important;"></textarea>
</div>
</div>
<div class="row" style="padding-top:15px;">
<div class="col-md-offset-8 col-md-4">
<button type="submit" class="btn btn-primary">Submit</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12">Reset</button>
</div>
</div>
</form>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

View File

@ -1,27 +0,0 @@
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<center>VISA</center>
</h1>
</section>
<section class="content">
<div id="container">
<h1>Welcome to VISA!</h1>
<div id="body">
<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>
<p>If you would like to edit this page you'll find it located at:</p>
<code>application/views/welcome_message.php</code>
<p>The corresponding controller for this page is found at:</p>
<code>application/controllers/Welcome.php</code>
<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
</div>
<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? '<strong>' . CI_VERSION . '</strong>' : '' ?></p>
</div>
</section>
</div>

0
assets/.github/ISSUE_TEMPLATE.md vendored Normal file → Executable file
View File

0
assets/.gitignore vendored Normal file → Executable file
View File

0
assets/.npmignore Normal file → Executable file
View File

0
assets/Gruntfile.js Normal file → Executable file
View File

0
assets/LICENSE Normal file → Executable file
View File

0
assets/README.md Normal file → Executable file
View File

0
assets/bower.json Normal file → Executable file
View File

0
assets/bower_components/Flot/.bower.json vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/.gitignore vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/.travis.yml vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/API.md vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/CONTRIBUTING.md vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/FAQ.md vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/LICENSE.txt vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/Makefile vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/NEWS.md vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/PLUGINS.md vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/README.md vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/component.json vendored Normal file → Executable file
View File

View File

View File

View File

View File

View File

0
assets/bower_components/Flot/examples/ajax/data-eu-gdp-growth.json vendored Normal file → Executable file
View File

View File

0
assets/bower_components/Flot/examples/ajax/data-usa-gdp-growth.json vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/ajax/index.html vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/annotating/index.html vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-interacting/index.html vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-multiple/index.html vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-time-zones/date.js vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-time-zones/index.html vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-time-zones/tz/africa vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-time-zones/tz/antarctica vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-time-zones/tz/asia vendored Normal file → Executable file
View File

View File

0
assets/bower_components/Flot/examples/axes-time-zones/tz/backward vendored Normal file → Executable file
View File

0
assets/bower_components/Flot/examples/axes-time-zones/tz/etcetera vendored Normal file → Executable file
View File

Some files were not shown because too many files have changed in this diff Show More