Bootstrap Snippet Icons Bootstrap Slider 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 ---------->
<section class="socialconnect" id="social">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-4 wow slideInLeft" style="visibility: visible; animation-name: slideInLeft;">
                            <div class="carousel-inner" role="listbox">
                                <div class="item">
                                    <h3>All Networks<span>One Place</span></h3>
                                    <ul class="featurelist">
                                        <li>All activities at one place</li>
                                        <li>All messages at one place</li>
                                        <li>Easy to filter posts</li>
                                        <li>Viewed, composed, replied and archived</li>
                                        <li>Real Time Update</li>
                                        <li>Twitter Global Keyword </li>
                                    </ul>
                                    <h4>RSS Feeder</h4>
                                    <ul class="list-inline featurelist">
                                        <li>RSS Keywords</li>
                                        <li>RSS Pages </li>
                                    </ul>
                                </div>
                                <div class="item">
                                    <h3>Facebook<span>Network</span></h3>
                                    <ul class="featurelist">
                                        <li>All activities at one place</li>
                                        <li>All messages at one place</li>
                                        <li>Easy to filter posts</li>
                                        <li>Viewed, composed, replied and archived</li>
                                        <li>Real Time Update</li>
                                        <li>Twitter Global Keyword </li>
                                    </ul>
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
ul{list-style-type:none;}
.socialconnect {
  overflow: hidden;
  padding: 100px 0;
  -moz-box-shadow: 0px 2px 6px 0px #BBBBBB;
  -webkit-box-shadow: 0px 2px 6px 0px #BBBBBB;
  box-shadow: 0px 2px 6px 0px #BBBBBB; }
  @media (max-width: 767px) {
    .socialconnect {
      padding: 40px 0; } }
  .socialconnect h2 {
    font-size: 46px;
    line-height: 56px;
    margin-bottom: 20px; }
    .socialconnect h2 span {
      color: #ff6c0f;
      display: block; }
  .socialconnect .featurelist {
    padding: 20px 0 30px; }
    .socialconnect .featurelist > li {
      color: #3f525f;
      line-height: 36px;
      font-size: 18px; }
      @media (max-width: 767px) {
        .socialconnect .featurelist > li {
          font-size: 16px;
          line-height: 26px; } }
      .socialconnect .featurelist > li:before {
        content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
        padding-right: 10px; }
  .socialconnect h4 {
    color: #ff6c0f;
    font-size: 18px;
    font-weight: bold;
    margin: 0; }
  .socialconnect list-inline li {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Icons Bootstrap Slider"
Bootstrap 3.3.0 Snippet by farooqshad

Related: See More

Questions / Comments:

"Icons Bootstrap Slider" Bootstrap 3.3.0 Snippet by farooqshad

Related: See More

Questions / Comments:

"Icons Bootstrap Slider"
Bootstrap 3.3.0 Snippet by farooqshad