"layout"
Bootstrap 3.0.0 Snippet by vivekbisht109

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 ---------->
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/3.0.2/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- ************* -->
<div class="header">
<div class="background_color">
<div class="container">
<div class="navbar">
<span>UihEro</span>
<ul>
<li>home</li>
<li>studio</li>
<li>works</li>
<li>about me</li>
<li>blog</li>
<li>contact</li>
</ul>
</div>
<div class="slide">
<img src="http://www4.0zz0.com/2017/06/22/00/740782702.png" alt="phone">
<div>
<h2>Flat & Modern transparent</h2>
<p>flat inspired UI with some modern transparent <br>Element</p>
<ul>
<li>19<span>Psd</span> Files <span>Easy</span> to Edite</li>
<li>All <span>Font</span> Used <span>Link</span> Included</li>
</ul>
<h2>Get Now Your Copy just for <span>7$</span></h2>
</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
.container{width:1170px;margin:auto}
*{font-family:sans-serif}
/*start header*/
.header{
background-image:url("http://www7.0zz0.com/2017/06/22/00/229041294.png");
height:700px;
width:100%;
background-size:cover;
overflow:hidden
}
/*---------------*/
.header .background_color{
background-color:rgba(51,59,69,.96);
width:100%;
height:100%;
padding-top: 20px
}
.header .background_color .container .navbar{
overflow:hidden;
color:white;
padding-bottom: 25px
}
.header .background_color .container .navbar span{
font-size: 30px;
font-weight: bold;
font-family: cursive;
float:left;
padding:3px 15px
}
.header .background_color .container .navbar ul{
float:right;
list-style:none
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: