11 <!-- header section strats -->
12 <div
class=
"hero_area">
13 <!-- header section strats -->
14 <header
class=
"header_section">
15 <div
class=
"container">
16 <nav
class=
"navbar navbar-expand-lg custom_nav-container ">
17 <a
class=
"navbar-brand" href=
"./index">
23 <button
class=
"navbar-toggler" type=
"button" data-
toggle=
"collapse" data-target=
"#navbarSupportedContent" aria-controls=
"navbarSupportedContent" aria-expanded=
"false" aria-label=
"Toggle navigation">
24 <span
class=
""> </span>
27 <div
class=
"collapse navbar-collapse" id=
"navbarSupportedContent">
28 <ul
class=
"navbar-nav">
30 <a
class=
"nav-link" href=
"./index">Home </a>
32 <li
class=
"nav-item active">
33 <a
class=
"nav-link" href=
"/examples/orthoc/about"> About <span
class=
"sr-only">(current)</span> </a>
36 <a
class=
"nav-link" href=
"/examples/orthoc/departments">Departments</a>
39 <a
class=
"nav-link" href=
"/examples/orthoc/doctors">Doctors</a>
42 <a
class=
"nav-link" href=
"/examples/orthoc/contact">Contact Us</a>
44 <form
class=
"form-inline">
45 <button
class=
"btn my-2 my-sm-0 nav_search-btn" type=
"submit">
46 <i
class=
"fa fa-search" aria-hidden=
"true"></i>
54 <!-- end header section -->
56 <!-- end header section -->
60 <!-- contact section -->
61 <section
class=
"contact_section layout_padding">
62 <div
class=
"container">
63 <div
class=
"heading_container">
69 <div
class=
"col-md-6">
70 <div
class=
"form_container contact-form">
72 <div
class=
"form-row">
73 <div
class=
"col-lg-6">
75 <input type=
"text" placeholder=
"Your Name" />
78 <div
class=
"col-lg-6">
80 <input type=
"text" placeholder=
"Phone Number" />
85 <input type=
"email" placeholder=
"Email" />
88 <input type=
"text" class=
"message-box" placeholder=
"Message" />
98 <div
class=
"col-md-6">
99 <div
class=
"map_container">
101 <div
id=
"googleMap"></div>
108 <!-- end contact section -->
110 <!-- footer section -->
111 <footer
class=
"footer_section">
112 <div
class=
"container">
114 <div
class=
"col-md-6 col-lg-3 footer_col">
115 <div
class=
"footer_contact">
119 <div
class=
"contact_link_box">
121 <i
class=
"fa fa-map-marker" aria-hidden=
"true"></i>
127 <i
class=
"fa fa-phone" aria-hidden=
"true"></i>
133 <i
class=
"fa fa-envelope" aria-hidden=
"true"></i>
140 <div
class=
"footer_social">
142 <i
class=
"fa fa-facebook" aria-hidden=
"true"></i>
145 <i
class=
"fa fa-twitter" aria-hidden=
"true"></i>
148 <i
class=
"fa fa-linkedin" aria-hidden=
"true"></i>
151 <i
class=
"fa fa-instagram" aria-hidden=
"true"></i>
155 <div
class=
"col-md-6 col-lg-3 footer_col">
156 <div
class=
"footer_detail">
161 Beatae provident nobis mollitia magnam voluptatum, unde dicta facilis minima veniam corporis laudantium alias tenetur eveniet illum reprehenderit fugit a delectus officiis blanditiis ea.
165 <div
class=
"col-md-6 col-lg-2 mx-auto footer_col">
166 <div
class=
"footer_link_box">
170 <div
class=
"footer_links">
171 <a
class=
"active" href=
"/">
174 <a
class=
"" href=
"/examples/orthoc/about">
177 <a
class=
"" href=
"/examples/orthoc/departments">
180 <a
class=
"" href=
"/examples/orthoc/doctors">
183 <a
class=
"" href=
"/examples/orthoc/contact">
189 <div
class=
"col-md-6 col-lg-3 footer_col ">
194 <input type=
"email" placeholder=
"Enter email" />
195 <button type=
"submit">
201 <div
class=
"footer-info">
203 © <span
id=
"displayYear"></span> All Rights Reserved By
204 <a
href=
"https://html.design/">Free Html Templates<br><br></a>
205 © <span
id=
"displayYear"></span> Distributed By
206 <a
href=
"https://themewagon.com/">ThemeWagon</a>
212 <!-- footer section -->