xxxxxxxxxx
1
<header>
2
<!-- Navbar -->
3
<nav class="navbar navbar-expand-lg navbar-light bg-white">
4
<div class="container-fluid">
5
<button
6
class="navbar-toggler"
7
type="button"
8
data-mdb-toggle="collapse"
9
data-mdb-target="#navbarExample01"
10
aria-controls="navbarExample01"
11
aria-expanded="false"
12
aria-label="Toggle navigation"
13
>
14
<i class="fas fa-bars"></i>
15
</button>
16
<div class="collapse navbar-collapse" id="navbarExample01">
17
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
18
<li class="nav-item active">
19
<a class="nav-link" aria-current="page" href="#">Home</a>
20
</li>
21
<li class="nav-item">
22
<a class="nav-link" href="#">Features</a>
23
</li>
24
<li class="nav-item">
25
<a class="nav-link" href="#">Pricing</a>
26
</li>
27
<li class="nav-item">
28
<a class="nav-link" href="#">About</a>
29
</li>
30
</ul>
31
</div>
32
</div>
33
</nav>
34
<!-- Navbar -->
35
36
<!-- Background image -->
37
<div
38
class="p-5 text-center bg-image"
39
style="
40
background-image: url('https://mdbcdn.b-cdn.net/img/new/slides/041.jpg');
41
height: 400px;
42
"
43
>
44
<div class="mask" style="background-color: rgba(0, 0, 0, 0.6);">
45
<div class="d-flex justify-content-center align-items-center h-100">
46
<div class="text-white">
47
<h1 class="mb-3">Heading</h1>
48
<h4 class="mb-3">Subheading</h4>
49
<a class="btn btn-outline-light btn-lg" href="#!" role="button"
50
>Call to action</a
51
>
52
</div>
53
</div>
54
</div>
55
</div>
56
<!-- Background image -->
57
</header>
58
59
<main class="m-4 p-4 d-flex flex-wrap flex-row justify-content-center">
60
<div class="card w-25 m-3">
61
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
62
<img
63
src="https://mdbootstrap.com/img/new/standard/nature/111.jpg"
64
class="img-fluid"
65
/>
66
<a href="#!">
67
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
68
</a>
69
</div>
70
<div class="card-body">
71
<h5 class="card-title">Card title</h5>
72
<p class="card-text">
73
Some quick example text to build on the card title and make up the bulk of the
74
card's content.
75
</p>
76
<a href="#!" class="btn btn-primary">Button</a>
77
</div>
78
</div>
79
<div class="card w-25 m-3">
80
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
81
<img
82
src="https://mdbootstrap.com/img/new/standard/nature/111.jpg"
83
class="img-fluid"
84
/>
85
<a href="#!">
86
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
87
</a>
88
</div>
89
<div class="card-body">
90
<h5 class="card-title">Card title</h5>
91
<p class="card-text">
92
Some quick example text to build on the card title and make up the bulk of the
93
card's content.
94
</p>
95
<a href="#!" class="btn btn-primary">Button</a>
96
</div>
97
</div>
98
<div class="card w-25 m-3">
99
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
100
<img
101
src="https://mdbootstrap.com/img/new/standard/nature/111.jpg"
102
class="img-fluid"
103
/>
104
<a href="#!">
105
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
106
</a>
107
</div>
108
<div class="card-body">
109
<h5 class="card-title">Card title</h5>
110
<p class="card-text">
111
Some quick example text to build on the card title and make up the bulk of the
112
card's content.
113
</p>
114
<a href="#!" class="btn btn-primary">Button</a>
115
</div>
116
</div>
117
<div class="card w-25 m-3">
118
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
119
<img
120
src="https://mdbootstrap.com/img/new/standard/nature/111.jpg"
121
class="img-fluid"
122
/>
123
<a href="#!">
124
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
125
</a>
126
</div>
127
<div class="card-body">
128
<h5 class="card-title">Card title</h5>
129
<p class="card-text">
130
Some quick example text to build on the card title and make up the bulk of the
131
card's content.
132
</p>
133
<a href="#!" class="btn btn-primary">Button</a>
134
</div>
135
</div>
136
</main>
137
<footer class="bg-dark p-4 ">
138
<!-- Grid container -->
139
<div class="container m-1 ">
140
<section class="">
141
<!--Grid row-->
142
<div class="row">
143
<!--Grid column-->
144
<div class="col-lg-3 col-md-6 mb-4 mb-md-0 ">
145
<h5 class="h4 text-capitalize p-2 " style="color:white; margin-left:8px;">About</h5>
146
<ul class="footer_menu p-0 text-white "><li class="" ><span id="link158" class="" > DentalHiring.com facilitates connection, networking, hiring, and vetting for both employers and potential employees. Welcome to DentalHiring.com, the country’s best job facilitation service in the dental field. </span></li></ul>
147
</div>
148
<!--Grid column-->
149
<div class="col-lg-3 col-md-6 mb-4 mb-md-0 px-4">
150
<h5 class="h4 text-capitalize text-white " >Website</h5>
151
<ul class="p-0 "><li ><a href="/about" id="bid">About Us & How it Works</a></li></ul>
152
</div>
153
<!--Grid column-->
154
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
155
<h5 class="h4 text-capitalize text-white px-4" >Website</h5>
156
<ul class="text-white"style="margin-left:-7px;"><li class="" ><a href="/jobs" id="bid">Browse Jobs</a></li><li class=""><a href="/faqs" id="bid">FAQs</a></li></ul>
157
</div>
158
<!--Grid column-->
159
<div class="col-lg-3 col-md-6 mb-4 mb-md-0 m-0 p-0">
160
<h5 class=" h4 text-capitalize text-white px-4 mx-2" >Support</h5>
161
<ul class=""><li class=""><a href="/login" id="bid">Member Login</a></li><li class=""><a href="/about/contact" id="bid">Contact Us</a></li></ul>
162
</div>
163
</div>
164
<!--Grid row-->
165
</section>
166
<!-- Section: Links -->
167
</div>
168
169
170
171
<!-- Grid container -->
172
<section class="d-flex justify-content-center justify-content-lg-between p-4 ">
173
<!-- Right -->
174
<div>
175
<a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="#!" role="button"><i class="fab fa-facebook-f"></i></a>
176
<a class="btn btn-primary btn-floating m-1" style="background-color: #55acee"href="#!" role="button"> <i class="fab fa-twitter" ></i> </a>
177
<a class="btn btn-primary btn-floating m-1" style="background-color: #0082ca" href="#!" role="button"><i class="fab fa-linkedin"></i> </a>
178
<a class="btn btn-primary btn-floating m-1" style="background-color:#ac2bac" href="#!" role="button"><i class="fab fa-instagram"></i> </a>
179
</div>
180
<!-- Right -->
181
<!-- Left -->
182
<div class="me-5 d-none d-lg-block">
183
<button type="button" class="btn btn-danger" ><a id="bid"href="#">Employes Join DentalHiring.com</a></button>
184
</div>
185
<!-- Left -->
186
</section>
187
<!-- Section: Social media -->
188
<!-- Copyright -->
189
<div class="text-start p-3 text-white " style="background-color: #262626">
190
© 2021 <a>DentalHiring.com </a>All Rights Reserved <a>Terms of Use</a> <a>Privacy Policy</a> Copyright:
191
<a class="text-dark" href="">MDBootstrap.com</a>
192
</div>
193
<!-- Copyright -->
194
195
</footer>
1
1
1
1
Console errors: 0