-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (145 loc) · 4.15 KB
/
index.html
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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
<title>
LabWork 1
</title>
<link rel = "stylesheet"
type = "text/css"
href = "style.css" />
</head>
<body>
<header>
<img src="element-head-dots.svg" class="top-dots">
<container class="logo">
<div class="ellipse">
<span class="logo-letter">T</span>
<span class="logo-name">Trafalgar</span>
</div>
</container>
<img src="trafalgar-header-il.svg" alt="dots" class="first-image">
<nav class="navigation">
<a href="" class="home-text">Home</a>
<a href="" class="find-doc-text">Find a doctor</a>
<a href="" class="apps-text">Apps</a>
<a href="" class="testimonials-text">Testimonials</a>
<a href="" class="about-text">About us</a>
</nav>
<div class="header-text">
<p class="header-heading">Virtual healthcare for you</p>
<p class="header-paragraph">Trafalgar provides progressive, and affordable
healthcare, accessible on mobile and online
for everyone</p>
<button class="consult-button">
<span class="consult-button-text">
Consult now!
</span>
</button>
</div>
</header>
<container class="leading-providers">
<img src="trafalgar-illustration-med.svg" class="medicine-ill">
<div class="providers-text">
<h2 class="prov-h2">
Leading healthcare providers
</h2>
<div class="prov-rec">
</div>
<p class="prov-txt">
Trafalgar provides progressive, and affordable healthcare, accessible on mobile and online for everyone. To us, it’s not just work. We take pride
in the solutions we deliver
</p>
<button class="learn-btn">
<span class="learn-btn-fill">
Learn More
</span>
</button>
</div>
</container>
<container class="our-services">
<container class="our-info">
<h2 class="serv-h2">
Our services
</h2>
<div class="our-serv-rec">
</div>
<p class="serv-txt">
We provide to you the best choiches for you. Adjust it to your health needs and make sure your undergo treatment with our highly qualified doctors you can consult with us which type of service is suitable for your health
</p>
</container>
<container class="all-services">
<div class="search-doctor">
<img src="lens.svg" class="lens-img">
<h3 class="h3-search">
Search doctor
</h3>
<p class="txt-search">
Choose your doctor from thousands of specialist, general, and trusted hospitals
</p>
</div>
<div class="search-doctor">
<img src="med.svg" class="lens-img">
<h3 class="h3-search">
Online pharmacy
</h3>
<p class="txt-search">
Buy your medicines with our mobile application with a simple delivery system
</p>
</div>
<div class="search-doctor">
<img src="cons.svg" class="lens-img">
<h3 class="h3-search">
Consultation
</h3>
<p class="txt-search">
Free consultation with our trusted doctors and get the best recomendations
</p>
</div>
</container>
<container class="all-services2">
<div class="search-doctor">
<img src="det.svg" class="lens-img">
<h3 class="h3-search">
Details info
</h3>
<p class="txt-search">
Free consultation with our trusted doctors and get the best recomendations
</p>
</div>
<div class="search-doctor">
<img src="emg.svg" class="lens-img">
<h3 class="h3-search">
Emergency care
</h3>
<p class="txt-search">
You can get 24/7 urgent care for yourself or your children and your
lovely family
</p>
</div>
<div class="search-doctor">
<img src="track.svg" class="lens-img">
<h3 class="h3-search">
Tracking
</h3>
<p class="txt-search">
Track and save your medical history and health data
</p>
</div>
</container>
<button class="srv-btn">
<span class="srv-btn-txt">Learn more</span>
</button>
<img src="Frame.svg" class="rotating-figure">
</container>
<footer class="footer">
<bg class="ftr-rc">
</bg>
<p class="help-ftr">Help</p>
<p class="reg-ftr">Region</p>
<p class="company-ftr">Company</p>
<img src="trafalgar.svg" class="logo-footer">
</footer>
<img src="bottom-dots.svg" class="second-footer-dots">
<img src="element-head-dots.svg" class="footer-dots">
</body>
</html>