-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
147 lines (139 loc) · 6.61 KB
/
index.html
File metadata and controls
147 lines (139 loc) · 6.61 KB
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Telemedicine</title>
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<header>
<a href="./">
<img src="./assets/img/logo-dark.png" width="346" height="72" alt="logo-dark" class="logo" />
</a>
<nav class="navbar">
<ul class="nav-links">
<li><a href="./">Home</a></li>
<li><a href="./#about">About</a></li>
<li><a href="./#doctors">Doctors</a></li>
<li><a href="./#services">Services</a></li>
<li><a href="./#blog">Blog</a></li>
<li><a href="./#pages">Pages</a></li>
<li><a href="./#contact">Contact</a></li>
</ul>
<button class="hamburger" onclick="toggleMenu()">☰</button>
</nav>
</header>
<aside id="sidebar" class="sidebar" style="display: none;">
<div class="sidebar-row">
<a href="./">
<img src="./assets/img/logo-dark.png" width="346" height="72" alt="logo-dark" class="logo" />
</a>
<button class="close-btn" onclick="toggleMenu()">×</button>
</div>
<div class="sidebar-links">
<a href="./">Home</a>
<a href="./#about">About</a>
<a href="./#doctors">Doctors</a>
<a href="./#services">Services</a>
<a href="./#blog">Blog</a>
<a href="./#pages">Pages</a>
<a href="./#contact">Contact</a>
</div>
<form class="search">
<input type="search" placeholder="Keyword...">
<button type="submit">Search</button>
</form>
<div class="sidebar-col">
<span class="sidebar-info">For more information about our services or to schedule an appointment, please
don't hesitate to contact us.</span>
<div class="info-section">
<i class="clock-icon">🕓</i>
<div class="info-col">
<a href="#" class="info-bold">Mon - Fri: 9:00AM - 10:00PM</a>
<span class="info-normal">Sat - Sun: Closed</span>
</div>
</div>
<div class="info-section">
<i class="clock-icon">☎</i>
<div class="info-col">
<a href="tel:+12318005678990" class="info-bold">+ (123) 1800-567-8990</a>
<span class="info-normal">+ (123) 1800-567-8990</span>
</div>
</div>
<div class="info-section">
<i class="clock-icon">✉</i>
<div class="info-col">
<a href="mailto:mediclinic@example.com" class="info-bold">mediclinic@example.com</a>
<span class="info-normal">clinic@example.com</span>
</div>
</div>
</div>
</aside>
<main>
<div class="hero">
<div class="headline">
<span class="intro-text-md">Healthcare at</span>
<span class="intro-text-bold">Your Fingertips</span>
</div>
<span class="sub-headline">
Experience the convinience of virtual medical consultations from the comfort
of your home. Our team of healthcare professionals is available online to
provide personalized care, advice and prescriptions whenever you need them.
</span>
</div>
<div class="gallery">
<span class="gallery-heading">Gallery of Our Clinic</span>
<span class="gallery-subheadline">
Take a virtual tour of our state-of-the art facilities and experience
the welcoming environment where we provide exceptional healthcare services.
</span>
<div class="gallery-images">
<div class="col-row-1">
<img src="./assets/img/h1-img-1.jpg" alt="" class="gallery-img" />
<img src="./assets/img/h1-img-2.jpg" alt="" class="gallery-img" />
<img src="./assets/img/h1-img-3.jpg" alt="" class="gallery-img" />
</div>
<div class="col-row-2">
<img src="./assets/img/h1-img-4.jpg" alt="" class="gallery-img" />
<img src="./assets/img/h1-img-5.jpg" alt="" class="gallery-img" />
<img src="./assets/img/h1-img-6.jpg" alt="" class="gallery-img" />
</div>
</div>
</div>
</main>
<footer>
<div class="footer-row">
<div class="footer-socials">
<img src="./assets/img/logo-footer-light.png" width="346" height="72" alt="logo-footer-light"
class="logo-footer" />
<span>
We prioritize your health and well-being. Our team is dedicated to providing you
with convinient access to quality healthcare from the comfort of your home.
</span>
<span> <i class="footer-icon fas fa-map-marker-alt"></i> Street, 11000 Helsinki, Finland</span>
<a href="tel:+123111234567"> <i class="footer-icon fas fa-phone"></i> (+123)11 123 4567</a>
<a href="mailto:mediclinic@example.com"> <i class="footer-icon fas fa-envelope"></i>
mediclinic@example.com</a>
<div class="footer-social-links">
<a href="#facebook"><i class="social-link-icon fab fa-facebook"></i></a>
<a href="#twitter"><i class="social-link-icon fab fa-twitter"></i></a>
<a href="#pinterest"><i class="social-link-icon fab fa-pinterest"></i></a>
<a href="#linkedin"><i class="social-link-icon fab fa-linkedin"></i></a>
</div>
</div>
<div class="footer-contact">
<span class="contact-us">Contact Us</span>
<form>
<input type="email" name="email" id="email" placeholder="Email">
<textarea name="message" id="message" placeholder="Message"></textarea>
<button type="submit" class="message-btn">Submit</button>
</form>
</div>
</div>
<span class="copyright">© <span id="year"></span> MediClinic, All Rights Reserved</span>
</footer>
<script src="./assets/js/main.js"></script>
</body>
</html>