diff --git a/assets/img/general.jpg b/assets/img/general.jpg new file mode 100644 index 00000000..11fdea17 Binary files /dev/null and b/assets/img/general.jpg differ diff --git a/assets/img/pediatric.jpg b/assets/img/pediatric.jpg new file mode 100644 index 00000000..7c18ef7f Binary files /dev/null and b/assets/img/pediatric.jpg differ diff --git a/assets/img/senior.jpg b/assets/img/senior.jpg new file mode 100644 index 00000000..1e3aa1e7 Binary files /dev/null and b/assets/img/senior.jpg differ diff --git a/assets/img/women.jpg b/assets/img/women.jpg new file mode 100644 index 00000000..fb712a0f Binary files /dev/null and b/assets/img/women.jpg differ diff --git a/checkup.css b/checkup.css new file mode 100644 index 00000000..e79d20c6 --- /dev/null +++ b/checkup.css @@ -0,0 +1,136 @@ +#services { + text-align: center; + display: flex; + justify-content: center; + +} + +.services-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + margin: 20px 20px; + +} + +.services-item { + background-color: #022a2d; + padding: 20px; + border-radius: 8px; + color: white; + +} +.services-item:hover{ + background-color:#55a5ea; + ; +} + + +.services-item h2 { + margin-top: 0; +} + +.content { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.content img { + align-self: flex-start; + width: 40%; + height: 40%; +} + +.content p { + flex: 1; +} +#expect{ + text-align: center; + display: flex; + justify-content: justify; + flex-direction: column; +} +.expect-item{ + display: flex; + flex-direction: row; + justify-content: center; + gap: 1rem; + padding: 10px; +} +.expect-item:hover { + transform: scale(1.1); +} +.expect-item p{ + align-self: flex-end; + background-color:hwb(181 16% 46%); + width: 1000px; + height: 60px; + gap: 30px; + border-radius: 20px; + display: flex; + align-items: center; + justify-content: center; + margin: 0; + text-align: center; +} +.expect-item h2 { + background-color: #55a5ea; + border-radius: 50%; + height: 80px; + width: 80px; + display: flex; + align-items: center; + justify-content: center; + margin: 0; + text-align: center; + +} +.expect-item p:hover{ + background-color: #55a5ea; + +} +.expect-item h2:hover{ + background-color: #022a2d; +} +#tip { + text-align: center; + display: flex; + justify-content: center; + flex-direction: row; + align-items: center; + padding: 20px; +} +#tips h2 { + margin: 0; + font-size: 2em; + color: #ffffff; + margin-left: 650px; + padding-top: 50px; +} +.tip-item { + background-color:hwb(181 16% 46%); + padding: 20px; + border-radius: 8px; + color: white; + width: 70%; + align-items: center; + justify-content: center; + margin-left: 100px; +} + +.tip-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + margin: 20px; + background-color: #022a2d; + height:auto; + padding-top: 50px; + padding-bottom: 50px; + border-radius: 30PX; +} +.tip-item:hover{ + transform: scale(1.1); + background-color: #55a5ea; +} diff --git a/checkup.html b/checkup.html new file mode 100644 index 00000000..5aad7e8a --- /dev/null +++ b/checkup.html @@ -0,0 +1,375 @@ + + + + + + Health Checkup + + + + + + + + + + + + + RapiDoc + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ + + +
+
+ +

+ Welcome to RapiDoc!
Your one-stop digital
healthcare + destination +

+ +
+ + +
+ +
+
+
+

General Health Checkup

+
+

Our general health checkup provides a thorough evaluation of your overall health. It includes a physical examination, blood tests, cholesterol checks, and assessments for common conditions such as diabetes and hypertension.

+ General Health Checkup +
+ + +
+
+

Women's Health Checkup

+
+

Our women's health checkup is designed to address the unique health needs of women at every stage of life. It includes breast exams, pelvic exams, Pap smears, and screenings for osteoporosis and heart health.

+ Women's Health Checkup +
+ + +
+
+

Senior Citizen Health Checkup

+
+

Our senior citizen's health checkup aims to maintain health and quality of life in older adults. It includes comprehensive physical exams, screenings for chronic conditions, medication reviews, and assessments for mobility and cognitive function.

+ Senior Citizen Health Checkup +
+ + +
+
+

Pediatric Health Checkup

+
+

Our Pediatric Health Checkup focuses on monitoring your child's growth and development. It includes physical exams, vaccinations, and developmental screenings to ensure your baby is healthy and meeting milestones.

+ Pediatric Health Checkup +
+ + +
+
+
+ + +
+

What to Expect?

+
+
+

1

+

Initial consultation with a healthcare provider.

+
+
+
+
+

2

+

Personalized health advice and recommendations.

+
+
+
+
+

3

+

Physical examination and vital signs measurement.

+
+
+
+
+

4

+

Review of medical history and lifestyle factors.

+
+
+
+
+

5

+

Laboratory tests and diagnostic screenings.

+
+
+ +
+ + +
+

+ Health Tips + +

+ +
+
+

Maintain a balanced diet rich in fruits, vegetables, and whole grains.

+
+
+

Stay physically active with regular exercise.

+
+
+

Get enough sleep and manage stress effectively.

+
+
+

Stay hydrated by drinking plenty of water.

+
+
+

Avoid smoking and limit alcohol consumption.

+
+
+

Practice relaxation techniques such as deep breathing, meditation, or yoga.

+
+ + + + +
+ + +
+ + + + + diff --git a/index.html b/index.html index 6b44c921..ad30acde 100644 --- a/index.html +++ b/index.html @@ -147,7 +147,7 @@

-

Normal checkup

+

Normal checkup

Detect medical issues, identify risk factors and illnesses before they start to cause problems.