xxxxxxxxxx1
<html lang="en">2
3
<!--Main Navigation-->4
<header>5
6
<nav class="navbar navbar-expand-lg navbar-dark black">7
<div class="container">8
<a class="navbar-brand" href="#"><strong>Navbar</strong></a>9
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"10
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">11
<span class="navbar-toggler-icon"></span>12
</button>13
<div class="collapse navbar-collapse" id="navbarSupportedContent">14
<ul class="navbar-nav mr-auto">15
<li class="nav-item active">16
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>17
</li>18
<li class="nav-item">19
<a class="nav-link" href="#">Link</a>20
</li>21
<li class="nav-item">22
<a class="nav-link" href="#">Profile</a>23
</li>24
</ul>25
</div>26
</div>27
</nav>28
29
<div class="view intro-2">30
<div class="full-bg-img">31
<div class="mask rgba-black-strong flex-center">32
<div class="container">33
<div class="white-text text-center wow fadeInUp">34
<h2>This Navbar isn't fixed</h2>35
<h5>When you scroll down it will disappear</h5>36
<br>37
<p>Full page intro with background image will be always displayed in full screen mode, regardless38
of device </p>39
</div>40
</div>41
</div>42
</div>43
</div>44
45
</header>46
<!--Main Navigation-->47
48
<!--Main Layout-->49
<main class="text-center my-5">50
51
<div class="container pt-5">52
<div class="row">53
<div class="col-md-12">54
55
<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor56
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation57
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in58
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non59
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>60
61
</div>62
</div>63
</div>64
65
</main>66
<!--Main Layout-->xxxxxxxxxx1
.intro-2 {2
background: url("https://mdbootstrap.com/img/Photos/Others/img (51).jpg")no-repeat center center;3
background-size: cover;4
}5
6
.navbar {7
z-index: 1;8
}9
10
html,11
body,12
header,13
.intro-2 {14
height: 100%;15
}1
1
Console errors: 0