-
Notifications
You must be signed in to change notification settings - Fork 0
/
departments.php
95 lines (87 loc) · 4.85 KB
/
departments.php
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<?php
include_once 'header.php';
?>
<main id="main">
<!-- ======= Breadcrumbs Section ======= -->
<section class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2> Page</h2>
<ol>
<li><a href="index.php">Home</a></li>
<li> Page</li>
</ol>
</div>
</div>
</section><!-- End Breadcrumbs Section -->
<!-- ======= Departments Section ======= -->
<section id="departments" class="departments">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Departments</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 mb-5 mb-lg-0">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>Cardiology</h4>
<p>Quis excepturi porro totam sint earum quo nulla perspiciatis eius.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-toggle="tab" href="#tab-2">
<h4>Neurology</h4>
<p>Voluptas vel esse repudiandae quo excepturi.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-toggle="tab" href="#tab-3">
<h4>Hepatology</h4>
<p>Velit veniam ipsa sit nihil blanditiis mollitia natus.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-toggle="tab" href="#tab-4">
<h4>Pediatrics</h4>
<p>Ratione hic sapiente nostrum doloremque illum nulla praesentium id</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-8">
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<h3>Cardiology</h3>
<p class="font-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-1.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
<div class="tab-pane" id="tab-2">
<h3>Neurology</h3>
<p class="font-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-2.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
<div class="tab-pane" id="tab-3">
<h3>Hepatology</h3>
<p class="font-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-3.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
<div class="tab-pane" id="tab-4">
<h3>Pediatrics</h3>
<p class="font-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-4.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Departments Section -->
</main>
<?php
include_once 'footer.php';
?>