"Complete Site"
Bootstrap 4.1.1 Snippet by jeevan123456

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/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ---------->
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<nav class="navbar navbar-expand-sm bg-light navbar-light border fixed-top">
<div class="container">
<!-- Brand -->
<a class="navbar-brand" href="#">
<img src="http://sarto.edge-themes.com/wp-content/uploads/2018/04/landing-img-18.png" alt="Logo" style="width:70px;">
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
img {width:100%;}
body {font-family: 'Roboto';font-size: 14px; letter-spacing: .5px;}
.bg-blue-grey {background-color:#253b4d;}
.bg-grey {background-color:#ededed;}
.text-grey {color:#b7b7b7;}
.footer a:link, a:visited {color: #b7b7b7;}
.footer a:hover, a:active {text-decoration: none;color:#fff;}
h1 {font-weight:bold;}
h2 {font-weight:bold;}
.fa-6x {font-size:158px !important;}
.bg-family2 {
background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("https://images.pexels.com/photos/673649/pexels-photo-673649.jpeg?w=940&h=650&auto=compress&cs=tinysrgb");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #fff;
padding-top: 110px;
padding-bottom:110px;
}
.bg-family {
background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.7)), url("https://images.pexels.com/photos/256381/pexels-photo-256381.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #fff;
padding-top: 30px;
padding-bottom:30px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Gaia Bootstrap Template
Complete blog layout

Questions / Comments: