Bootstrap Snippet Our services 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/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=Montserrat:500,600,700,800,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"> 
<div class="version1" id="top">
        <section class="wexp relative" id="resume">
            <div class="container">
                <h1 class="heading text-right">
                    Our
                    <br>Services
                </h1>
                <div class="row wexp-angle">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-block">
                            <div class="single-block-outer">
                                <div class="single-block-inner">
                                    <img class="e-img" src="http://www.codepixar.com/html/sciome/landing/img/experience/e2.png" alt="">
                                    <h4 class="e-head">creative developer</h4>
                                    <p class="e-sub-head">CodeThemes, Dhaka, Bangladesh</p>
                                    <div class="e-para wow fadeIn" data-wow-duration="1s">
                                        <p>
                                            All users on MySpace will know that there are millions of people out there.
                                            Every day besides. All users on My will
                                        </p>
                                    </div>
                                    <a class="genric-btn2" href="#">July 2015 to Present</a>
                                </div>
                            </div>
                        </div>
                    </div>
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
   .version1 .heading {
  font-size: 72px;
  font-weight: 800;
  text-transform: capitalize; }
  @media (max-width: 1024px) {
    .version1 .heading {
      font-size: 52px; } }
  @media (max-width: 991px) {
    .version1 .heading {
      font-size: 42px;
      padding: 0 16px; } }
  @media (max-width: 420px) {
    .version1 .heading {
      font-size: 30px; } }
     .version1 .wexp .academic-head {
    position: absolute;
    bottom: 7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 1199px) {
      .version1 .wexp .academic-head {
        position: relative;
        margin-top: 100px; } }
        .version1 .wexp {
  padding: 225px 0 638px; }
  @media (max-width: 1024px) {
    .version1 .wexp {
      padding: 35px 0px 30px; } }
  @media (max-width: 991px) {
    .version1 .wexp {
      padding: 0px; } }
  @media (max-width: 991px) {
    .version1 .wexp .heading {
      padding: 0px 15px 20px; } }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Our services"
Bootstrap 4.1.1 Snippet by koshikojha

Related: See More

Questions / Comments:

"Our services" Bootstrap 4.1.1 Snippet by koshikojha

Related: See More

Questions / Comments:

"Our services"
Bootstrap 4.1.1 Snippet by koshikojha