Bootstrap Snippet Bootstrap Sidebar navigation with login & signup button using HTML CSS Bootstrap

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="//code.jquery.com/jquery-1.11.1.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">
      <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
      <title>Victory Chauffeur</title>
      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet">
      
      <link href="css/custom.css" rel="stylesheet">
      <link href="css/animation.css" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">  
      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
      <script src="https://use.fontawesome.com/45e03a14ce.js"></script>
   </head>
   <body>
      
      <section class="slider_ reservation_section">
      <header>
         
         <!--header_top-->
         <div class="container">
         <nav class="navbar navbar-default header_bar">
            
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 {
  color: #818181;
  font-family: "Open Sans",sans-serif;
}
.header_bar {
  border-radius: 0;
}
.header_bar .navbar-brand {
  height: 70px;
}
.header_bar main {
  margin-top: 0px;
}
header {
  padding-top: 30px;
}
.header_bar .navbar-nav li a.active {
  color: #ec3a3e;
}
/**sidbar menu**/
.sidenav {
  background-color: #111;
  height: 100%;
  left: 0;
  overflow-x: hidden;
  padding-top: 100px;
  position: fixed;
  text-align: left;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 0;
  z-index: 1;
  color:#fff;
}
.sidenav a {
  color: #fff;
  display: block;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Bootstrap Sidebar navigation with login & signup button "
Bootstrap 3.3.0 Snippet by Tejesh Sharma

Related: See More

Questions / Comments:

"Bootstrap Sidebar navigation with login & signup button " Bootstrap 3.3.0 Snippet by Tejesh Sharma

Related: See More

Questions / Comments:

"Bootstrap Sidebar navigation with login & signup button "
Bootstrap 3.3.0 Snippet by Tejesh Sharma