forked from Peehu1308/DocNow_CodeSlush__Hackathon
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
163 lines (147 loc) · 6.81 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DocNow</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.1/aos.css">
<style>
body {
background-color: aliceblue;
font-family: 'Courier New', Courier, monospace;
overflow-x: hidden !important; /* Keep horizontal overflow hidden */
overflow-y: auto !important; /* Allow vertical scrolling */
margin: 0 !important;
padding: 0 !important;
}
* {
text-decoration: none;
}
.nav {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
height: 80px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 25px;
background-color: antiquewhite;
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.nav .logo {
/* Align the logo to the left */
flex: 0 0 auto; /* Do not grow or shrink */
margin-right: auto; /* Pushes the logo to the left */
}
.nav .logo img {
/* Adjust the size of the logo */
max-width: 100px; /* Smaller max width of the logo */
height: auto; /* Maintain aspect ratio */
display: block; /* Remove any extra space below the image */
}
.nav .link a {
margin-right: 25px;
font-size: 16px;
font-weight: 600;
color: #000;
}
.nav .link .mainlink {
color: dodgerblue;
}
.nav .link {
color: deepskyblue;
}
.nav .link .button {
padding: 8.5px 34px;
margin-left: 65px;
display: inline-block;
font-size: 14px;
color: #000;
transition: all 0.4s ease-in-out;
text-transform: capitalize;
border: 1px solid #000;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.nav .link .button:hover {
color: rgb(39, 120, 213);
}
.landing {
display: flex;
flex-direction: column; /* Changed to column to center content */
align-items: center;
justify-content: center;
padding: 0 10px;
padding-top: 120px; /* Increased padding to prevent content from being hidden */
height: 100vh;
}
.landingtext {
max-width: 800px; /* Limiting width for better readability */
text-align: center; /* Centered text alignment */
}
h1 {
font-size: 2.5rem; /* Increased font size */
font-weight: bold; /* Bold text */
color: darkblue; /* Better color for the heading */
margin-bottom: 20px; /* Spacing below the heading */
}
p {
font-size: 1.1rem; /* Slightly larger font size for readability */
color: #333; /* Darker color for better readability */
line-height: 1.6; /* Increased line height for readability */
margin: 0 auto; /* Centering paragraph content */
text-align: left; /* Align text to the left for readability */
}
</style>
</head>
<body>
<div class="wrapper">
<div class="nav">
<div class="logo">
<img src="images\docnow.png" alt="DocNow Logo">
</div>
<div class="link">
<a href="index.html" class="mainlink">Home</a>
<a href="#">About</a>
<a href="services.html">Services</a>
<a href="#">Chat</a>
<a href="#">News</a>
<a href="contact.html">Contact-us</a>
<a href="#" class="button">Learn more</a>
</div>
</div>
<!-- Landing page -->
<div class="landing">
<div class="landingtext" data-aos="fade-right" data-aos-duration="2000">
<h1>About Us</h1>
<p>Welcome to DocNow, your one-stop solution for all healthcare needs. At DocNow, we are committed to providing seamless healthcare services to ensure your well-being. Our platform offers a range of features designed to make healthcare accessible and convenient for you.</p>
<p>One of our key features is the chat service, which allows you to connect with healthcare professionals instantly. Whether you have a minor query or need immediate medical advice, our chat service ensures that you are never alone in your healthcare journey.</p>
<p>We understand the importance of timely medical consultations, and our appointment services are here to help. You can easily book appointments with specialists in various fields, ensuring that you get the medical attention you need without any delays.</p>
<p>Keeping track of your medical history is crucial for effective treatment. Our medical record services provide a secure and organized way to store and access your medical records. You can easily share your records with healthcare providers, ensuring that you receive the best possible care based on your medical history.</p>
<p>At DocNow, we pride ourselves on our diverse team of doctors who are experts in their respective fields. Our list of doctors includes:</p>
<ul>
<li>Cardiologists - Heart specialists</li>
<li>Dentists - Dental care experts</li>
<li>Pediatricians - Child health specialists</li>
<li>Dermatologists - Skin care experts</li>
<li>Gynecologists - Specialists in female reproductive health</li>
<li>Oncologists - Cancer treatment specialists</li>
<li>Neurologists - Experts in nervous system disorders</li>
<li>Ophthalmologists - Eye care specialists</li>
<li>Orthopedic Surgeons - Bone and joint specialists</li>
</ul>
<p>We are dedicated to making healthcare accessible and convenient for everyone. Thank you for choosing DocNow, where your health and well-being are our top priorities.</p>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.1/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>