"Frame"
Bootstrap 3.3.0 Snippet by niranjankmr707

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ppc-1</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- Start Calendar -->
<link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>
<!-- End Calendar -->
</head>
<body>
<header class="topmenu">
<nav class="navbar navbar-inverse navbar-fixed-top t1">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
body{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; margin:0px;}
.topmenu{ margin: 0px;}
.W1{width:100%;background-color:#de002f; border-radius:none;}
.pad1{padding-top: 10px;}
.pad01{padding-top: 20px;}
.pad001{padding-top: 30px;}
.padb1{padding-bottom: 10px;}
.padb01{padding-bottom: 20px;}
.padb001{padding-bottom: 30px;}
.mar-1{margin-top: 5px;}
.mar1{margin-top: 10px;}
.mar01{margin-top: 20px;}
.mar001{margin-top: 30px;}
.marb{margin-bottom: 10px;}
.marb01{margin-bottom: 20px;}
.marb001{margin-bottom: 30px;}
.t1-color{color:#fff;}
.t1{text-align: justify;}
.co1{color: #fff; padding: 38px 0px 28px 0px;}
.topmenu .t1{ background: #05307d;border: none;}
.bannerbg{ background:url(https://pbs.twimg.com/media/EGHYvttU4AAYKb7?format=jpg&name=large); background-size: cover;}
.jumbotron{ background: transparent;}
.jumbotron p {font-size: 16px;}
.remove-icon2 {height:42px;position:absolute !important;right:20px;top:2px !important;z-index:2;font-size:10px;color:#3a3c3c; padding-top:16px;}
.searchbox{background-color: #05307d;color: #fff;padding: 0px 0px 25px 0px; float:left;}
.searchbox input.form-control {margin-bottom:10px; height: 40px; border-radius: 0;}
.searchbox .form-group .form-control {margin-bottom:10px; height: 40px; float: left;border-radius: 0;}
.enheading{background:#de002f;margin:0px;padding:10px;}
.navbar-inverse .navbar-nav>li>a{color: #fff; font-size: 16px;}
.navbar-brand{ padding:7px 0px;}
.navbar-nav{float:right;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background-color:#de002f;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- Start Input clear text for serach engine -->
<script>
function ClearData(crossI){
$("#" + crossI).val("");
};
$(document).ready(function () {
$(".wrap input").focus(function () {
$(this).parent().find('.crossIco').show('slow');
});
$('.wrap input').blur(function () {
if (!$(this).val()) {
$('.crossIco').hide('slow');
}
});
});
</script>
<!-- End Input clear text for serach engine -->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vuetify Material Dashboard

Questions / Comments: