"layouts school"
Bootstrap 3.3.0 Snippet by tantarico

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 ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<section class="header-border">
<header class="header">
<article class="container">
<div class="header-left">
<p class="header-title">
<a href="app_03.html">_ANGEL MOKUZ</a>
</p>
<p>Developer and web developer</p>
</div>
<div class="header-right">
<ul class="header-ul">
<li><i class="fa fa-phone"></i> +00 (000) 000 0000</li>
<li><i class="fa fa-envelope"></i> <a href="#">mymail@example.com</a></li>
</ul>
<nav>
<ul class="header-ul">
<li><a href="#">Home</a></li>
<li><a href="#">students</a></li>
<li><a href="#">teachers</a></li>
<li><a href="#">Blog</a></li>
</ul>
</nav>
</div>
</article>
</header>
</section>
<section class="nav-border container-fluid">
<article class="row">
<nav class="navbar nav-bg">
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
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #7F7F7F;
}
a:hover, a:focus {
text-decoration: none;
}
.strong {
font-weight: bold;
color: #777;
}
.section {
padding: 50px 0;
}
/*Header*/
.header {
padding: 35px 0;
}
.header-border {
border-top: 2px solid #337AB7;
}
.header-left {
float: left;
}
.header-title {
font-size: 22px;
font-variant: small-caps;
font-weight: 500;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: