"5-16-vidBG"
Bootstrap 4.0.0 Snippet by mrservon22

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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--DOCTYPE html-->
<html lang="en">
<head>
<title></title>
<link href="http://sangampatel.com/assets/css/bootstrap4.1.0.css" rel="stylesheet" type="text/css">
<!-- <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
<!-- <link href="http://sangampatel.com/assets/css/bs4-fa.css" rel="stylesheet" type="text/css"> -->
<link href="http://sangampatel.com/assets/css/may.min.css" rel="stylesheet" type="text/css">
</head>
<body><!-- wrapper --><div class="wrapper">
<header class="container" style="box-shadow: 0px 10px 20px rgba(51,51,251,1);">
<div class="row" id="header-row1">
<div class="col-xs-4">
<div class="row">
<div class="col-xs-12">
<span id="logo"><a> <img class="img-responsive img-fluid" style="height: 80%; weight: auto;" src="http://www.sangampatel.com/assets/img/logo2-big.png"></a></span>
</div></div>
<div class="row">
<div class="col-xs-12 text-center">
<span class="text-center subtext"><strong class="logo-title logo-subtitle">Ace-Level Marketing Talent</strong></span>
</div></div>
</div><div class="col-xs-1"></div>
<div class="col-xs-7">
<div class="row">
<div class="col-xs-12">
<div class="tcb-quote-carousel">
<div class="carousel slide carousel-fade" id="fade-quote-carousel" data-interval="10000" data-ride="carousel">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item">
<i class=" fa fa-quote-left fa-3x" style="color: darkblue; margin-top: -5px; float: left; background-color: white;"></i>
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
/*
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {display: table; content: " "; clear:both;}
::before, ::after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.4285; color: #333; background-color: #fff; margin: 0;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit; font-weight: 500; line-height: 1.15; color: inherit;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 8px; margin-bottom: 8px;} h1 {margin: .67em 0; font-size: 2em;} h1, .h1 {font-size: 36px;} h2, .h2 {font-size: 30px;} h3, .h3 {font-size: 24px;}
ul ul, ol ul, ul ol, ol ol {margin: 0px; auto;}
a {color: #428bca; text-decoration: none;} p {margin: 0 0 10px;} b, strong {font-weight: 700; } small {font-size: 80%; } img {border: 0; }
.nav > li {position: relative; display: block;}
.nav > li > a {position: relative; display: block; padding: 10px 15px;}
.navbar .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #777; border-bottom-color: #777;}
.navbar .nav > li {float: left;}
.navbar .nav > li > .dropdown-menu::before {position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: "";}
.navbar .nav > li > .dropdown-menu::after {position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: "";}
.navbar-nav > li {float: left;}
.navbar .nav > li > a {float: none; padding: 10px 15px 10px; color: #777; text-decoration: none; text-shadow: 0px 1px 0px #fff;}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; line-height: 20px;}
.jumbotron p {margin-bottom: 15px; font-size: 21px; font-weight: 200;}
.jumbotron h1, .jumbotron .h1 {color: inherit; font-size: 63px;}
.pull-right {float: right !important;}
.text-center {text-align: center;}
.jumbotron {min-height: 450px; border: dashed 1px red; padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee; border-radius: 6px;}
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 1500px;}
.container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row {margin-right: -15px; margin-left: -15px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;} .col-xs-1 {width: 8.33%;} .col-xs-4 {width: 33.33%;} .col-xs-7 { width: 58.33%;} .col-xs-6 {width: 50%;}
.hidden {display: none !important; visibility: hidden !important;}
#videoBlock {position: fixed; top: 0px; right: 0px; min-width: 100%; height: auto; min-height: 600px; z-index: -100; background: transparent url(video-bg.jpg) no-repeat; background-size: cover;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard React

Questions / Comments: