"Untitled"
Bootstrap 4.1.1 Snippet by saikrishna99666

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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<!-- 1st section -->
<section class="row tm-section">
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 p-0">
<div class="tm-flex-center p-5 tm-bg-color-primary tm-section-min-h">
<h1 class="tm-text-color-white tm-site-name">Magazee</h1>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
<div class="tm-flex-center p-5">
<q class="tm-quote tm-text-color-gray">Ut sit amet augue elit. Vivamus eget tortor in ante scelerisque gravida. Vestibulum auctor condimentum sem.</q>
</div>
</div>
</section>
<!-- 2nd section -->
<section class="row tm-section tm-col-md-reverse">
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
<div class="tm-flex-center p-5">
<div class="tm-md-flex-center">
<h2 class="tm-text-color-primary mb-4">Fusce ac enim at justo</h2>
<p class="mb-4">Pellentesque sagittis feugiat massa, vitae blandit elit dictum in. Nam eleifend nunc dui, sed cusus justo molestie id. Vestibulum vel sagittis justo.</p>
<a href="#" class="btn btn-primary float-lg-right tm-md-align-center">Read more</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 p-0">
<div class="tm-flex-center p-5 tm-bg-color-primary">
<div class="tm-max-w-400 tm-flex-center tm-flex-col">
<img src="img/image-04.jpg" alt="Image" class="rounded-circle mb-4">
<p class="tm-text-color-white small tm-font-thin mb-0">Nullam eleifend, ipsum eu aliquet fermentum , odio urna dignissim ante, semper maximus libero nisl non nibh.</p>
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
/*
Magazee Template
http://www.templatemo.com/tm-514-magazee
*/
body {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 18px;
color: #666666;
background-color: #f4f4f4;
}
p, q { line-height: 1.8; }
h2 { font-size: 1.8rem; }
.tm-site-name {
font-size: 4rem;
}
.tm-quote {
font-size: 1.35rem;
font-style: italic;
}
.container {
margin-top: 30px;
}
.tm-container-inner {
margin: 0 auto;
max-width: 880px;
}
.tm-section {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Bootstrap Wizard

Questions / Comments: