"News Template - Bootsrap 4 test"
Bootstrap 4.0.0 Snippet by bulbulica

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.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ---------->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 id="container" class="mainContent">
<div id="wrapper">
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12">
<h3 class="heading-large">Categorie 1</h3>
<div class="flex-inline">
<div class="col-lg-6">
<div class="card">
<img class="img-fluid" src="img/62556720_2832171880143199_1116027400526757888_n.jpg_Categorie 1.jpg" alt="">
<div class="card-body">
<div class="news-title">
<a href="#">
<h2 class="title-small">Anunt 1</h2>
</a>
</div>
<p class="card-text"></p>
</div>
</div>
</div>
<br/>
<div class="col-lg-6">
<div class="card">
<img class="img-fluid" src="img/52390022_2083827301666137_9139699043067232256_n.jpg_Categorie 1.jpg" alt="">
<div class="card-body">
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: #5a5a5a;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 15px;
}
h1, h2, h3, h4, h5 {
font-family: 'Montserrat', sans-serif;
}
a, a:hover, .btn {
outline: none !important;
}
section {
padding: 30px 0;
float: left;
width: 100%;
}
.card {
float: left;
width: 100%;
}
.title-small {
color: #141517;
font-size: 16px;
font-weight: 400;
line-height: 23px;
margin: 2px 0 0;
}
.title-small a {
color: inherit;
}
.card-text {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
$(window).load(function() {
var boxheight = $('#myCarousel .carousel-inner').innerHeight();
var itemlength = $('#myCarousel .item').length;
var triggerheight = Math.round(boxheight/itemlength+1);
$('#myCarousel .list-group-item').outerHeight(triggerheight);
});
var monthNames = [ "January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December" ];
var dayNames= ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]
var newDate = new Date();
newDate.setDate(newDate.getDate() + 1);
$('#Date').html(dayNames[newDate.getDay()] + ", " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Kit PRO Angular
Carousel Featured News Boostrap 4
Responsive Invoice template
BS4 clean & simple invoice template

Questions / Comments: