Bootstrap Snippet video slider using HTML CSS

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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.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 ---------->
    <!--///////////////////////////
             navbar Start
     /////////////////////////-->
    <!--navbar Start-->
    <saction id="hit-nav-wrapper">
        <div class="container">
            <div class="hit-main-logo">
                <a href="#"><img class="" src="https://lh3.googleusercontent.com/-N4NB2F966TU/WM7V1KYusRI/AAAAAAAADtA/fPvGVNzOkCo7ZMqLI6pPITE9ZF7NONmawCJoC/w185-h40-p-rw/logo.png"> </a>
            </div>
            <div class="hit-navbar unset right-slid" id="">
                <ul class="hit-nav">
                    <li><a href="#">Product</a> </li>
                    <li><a href="#">Integrations</a> </li>
                    <li><a href="#">Pricing</a> </li>
                    <li><a href="#">Blog</a> </li>
                    <li class="signup"><a href="#"> Sign-in</a> </li>
                </ul>
            </div>
        </div>
    </saction>
    <!--////////////////////////////////
             navbar end
     ///////////////////////////////-->
    <section id="lab_video_slider">
        <div class="container-fluid">
            <div class="row">               
                <div class="swiper-container">
                    <div class="swiper-wrapper">                        
                        <div id="slide_two" class="swiper-slide">
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
/*///////////////////////////////NAVBAR///////////////////////////////*/
#hit-nav-wrapper {
    background-color: #777;
    border-color: #f36;
    display: block;
    padding: 15px 0px;
}
.hit-main-logo{
    display:inline-block;
    float:left;
}
.hit-navbar .hit-nav {
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
    float: right;
    margin-right: 15px;
}
.hit-navbar .hit-nav li{
    list-style-type:none;    
    position: relative;
    display: block;
    float: left;
    }
.hit-navbar > .hit-nav > li > a {
    display: block;
    padding: 8px 10px;
    color: #fff;
    font-size: 16px;      
    line-height: 20px;       
    font-weight: 400;
    text-decoration:none;
    font-weight: bold;
    text-transform:uppercase;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"video slider"
Bootstrap 3.0.0 Snippet by sumi9xm

Related: See More

Questions / Comments:

"video slider" Bootstrap 3.0.0 Snippet by sumi9xm

Related: See More

Questions / Comments:

"video slider"
Bootstrap 3.0.0 Snippet by sumi9xm