Bootstrap Snippet blog page 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 ---------->
<div class="main-page">
    
   <!-- top-nav -->
   <div class="top-nav">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6"></div>
                <div class="col-md-6 col-sm-6"></div>
            </div>
        </div>   
   </div>
   
   <!-- main-banner -->
    <div class="main-banner">
        <div class="container">
            <img src="http://placehold.it/1200x300" class="img-responsive">
        </div>
    </div>
    
    <!-- post-widgets -->
    <div class="post-widgets">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    
                    <ol class="breadcrumb">
                      <li><a href="#">Home</a></li>
                      <li><a href="#">Library</a></li>
                      <li class="active">Data</li>
                    </ol>
                    
                    
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
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600');
body{
  background-color:#f1f1f1; 
  font-family: 'Nunito Sans', sans-serif;
   width: 100%;
  height: 100%;
  font-size: 16px;
  letter-spacing: .5px;
}
a {
   color:#333;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
a:hover,
a:focus {
    color:#333;
    text-decoration: none;
  
}
h1,
h2,
h3,
h4,
h5 {
  letter-spacing: 0px;
  margin: 0px;
}
.img-responsive {
  width: 100%;
}
/* ------ main-page ------ */
.main-page{
    max-width:1000px;
    margin:0 auto;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"blog page"
Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY

Related: See More

Questions / Comments:

"blog page" Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY

Related: See More

Questions / Comments:

"blog page"
Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY