diff --git a/Css-Files/aboutus.css b/Css-Files/aboutus.css index 190f8bfa..d63ee0f5 100644 --- a/Css-Files/aboutus.css +++ b/Css-Files/aboutus.css @@ -123,7 +123,7 @@ flex-direction: column; gap: 1rem; width: 35%; - height: 18rem; + height: 19.5rem; border: 1px solid rgba(206, 212, 218, 1); border-radius: 8px; margin-bottom: 21px; diff --git a/Html-Files/Css-Files/appointStyle.css b/Html-Files/Css-Files/appointStyle.css index 695513da..8f254114 100644 --- a/Html-Files/Css-Files/appointStyle.css +++ b/Html-Files/Css-Files/appointStyle.css @@ -1,7 +1,13 @@ body { margin: 0; padding: 0; - background-color: #f9f9f9; + background-color: #000; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; + font-family: "Raleway", sans-serif; } header { @@ -9,6 +15,7 @@ header { color: white; padding: 15px; text-align: center; + width: 100%; } header .logo { @@ -17,65 +24,130 @@ header .logo { } main { + width: 100%; + max-width: 600px; padding: 20px; + } -h1 { - color: #333; +main h1 { + color: #ffffff; + text-align: center; + font-size: 40px; +} +main p { + color: #ccc; + font-size: 16px; } form { - background: white; + background: #3fbcc051; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + margin: auto; + width: 100%; + max-width: 570px; } .form-section { margin-bottom: 20px; + margin-left: 8px; + margin-top: 6px; } label { display: block; margin-bottom: 5px; + color: white; + font-weight: 600; } input[type="text"], input[type="email"], -input[type="tel"], -input[type="date"], -textarea, +input[type="tel"], input[type="date"], +textarea { + width: 90%; + padding: 10px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 4px; +} select { - width: 100%; + width: 94%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; } - textarea { height: 100px; } button { - background-color: #007074d5; + background-color:#0b8080; color: white; padding: 15px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; + width: 100%; + max-width: 200px; + margin: 10px auto; + display: block; } button:hover { - background-color: #3fbcc0a4; + background-color: #026062; + transform: translateY(2px); } -.contact-info-doc { +/* .contact-info-doc { padding: 20px; background-color: #f1f1f1; margin-top: 20px; border-radius: 5px; + text-align: center; + width: 100%; + max-width: 600px; +} */ +#preview-section { + display: flex; + justify-content: center; + align-items: center; + margin-top: 20px; + background: #055653d5; + padding: 20px; + border-radius: 5px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +#preview-section h2 { + color: #ffffff; + text-align: center; + font-size: 33px; +} + +#preview-details p { + color: #000 !important; + +} + +.contact-info-doc { + color: #000; + margin-top: 40px; + background-color: #cfcece; + padding: 20px; + border-radius: 5px; + width: 100%; + max-width: 100vw; + box-sizing: border-box; + text-align: center; +} + +.contact-info-doc h2 { + margin-bottom: 15px; } footer { @@ -102,3 +174,29 @@ footer ul li a { color: white; text-decoration: none; } + +@media (max-width: 768px) { + form { + padding: 15px; + } + + input[type="date"] { + width: 100%; + } +} + +@media (max-width: 600px) { + main h1 { + font-size: 30px; + } + + button { + padding: 12px 16px; + } +} + +@media (max-width: 480px) { + main p { + font-size: 14px; + } +} \ No newline at end of file diff --git a/Html-Files/appointScript.js b/Html-Files/appointScript.js index 8150f41d..21158076 100644 --- a/Html-Files/appointScript.js +++ b/Html-Files/appointScript.js @@ -7,7 +7,6 @@ document.addEventListener("DOMContentLoaded", function() { const doctorSelect = document.getElementById('doctor-select'); const appointmentDate = document.getElementById('appointment-date'); const timeSlotsDiv = document.getElementById('time-slots'); - existingPatientCheckbox.addEventListener('change', function() { if (this.checked) { patientIdInput.style.display = 'block'; @@ -21,14 +20,15 @@ document.addEventListener("DOMContentLoaded", function() { const formData = new FormData(appointmentForm); let details = ` - Doctor: ${formData.get('doctor')}
- Date: ${formData.get('date')}
- Time: ${formData.get('time-slot')}
+ Name: ${formData.get('full-name')}
Date of Birth: ${formData.get('dob')}
Email: ${formData.get('email')}
- Phone: ${formData.get('phone')}
- Reason for Visit: ${formData.get('reason')}
+ Phone: ${formData.get('phone')}

+ Doctor: ${formData.get('doctor')}
+ Appointment Date: ${formData.get('date')}
+ Time: ${formData.get('time-slot')}
+ Reason for Visit: ${formData.get('reason')}

Existing Patient: ${formData.get('existing-patient') ? 'Yes' : 'No'}
Patient ID: ${formData.get('patient-id')} `; @@ -51,5 +51,14 @@ document.addEventListener("DOMContentLoaded", function() { previewSection.style.display = 'none'; appointmentForm.style.display = 'block'; }; + function togglePatientID() { + const patientID = document.getElementById('patient-id'); + const existingPatient = document.getElementById('existing-patient'); + if (existingPatient.checked) { + patientID.style.display = 'block'; + } else { + patientID.style.display = 'none'; + } + }; }); diff --git a/Html-Files/appointment.html b/Html-Files/appointment.html index 0f1844f0..77e76e8a 100644 --- a/Html-Files/appointment.html +++ b/Html-Files/appointment.html @@ -4,27 +4,29 @@ Book an Appointment + - +
@@ -32,26 +34,48 @@

Book an Appointment

-

Schedule your visit with our expert doctors easily.

+

Conveniently Connect with the Healthcare Experts!

- + + +
+ +
+ +
+ +
+ + +
+ +
+ + +
+ +
+
- - + +
- + - - - - - - - - - - - - + + +
+
- +
diff --git a/Html-Files/customer_agreement.html b/Html-Files/customer_agreement.html index 092469e5..d22303cf 100644 --- a/Html-Files/customer_agreement.html +++ b/Html-Files/customer_agreement.html @@ -1,189 +1,239 @@ - - - - + + + Customer Agreement - RAPIDOC Healthcare - + - + - - - + + - +
-
-

Customer Agreement

-
-
-
-

Introduction

-

Welcome to RAPIDOC Healthcare Website. This - Customer Agreement outlines the terms and conditions under which you may use our online platform to - access healthcare information and services. By using our website, you agree to comply with and be - bound by the terms of this agreement.

-
-
-

Services Provided

-
    -
  • Information Access: RAPIDOC provides information about the - nearest hospitals and healthcare facilities, including blood availability in emergencies, OPDs, - and bed availability.
    • -
  • Appointment Booking: Users can prebook appointments for OPDs - at desired hospitals.
    • -
  • Emergency Services: Information on emergency services and - blood group availability.
    • -
  • Healthcare Facilities: Detailed information on healthcare - services provided by various hospitals.
    • -
-
-
-

User Responsibilities

-
    -
  • Accuracy of Information: Users must provide accurate and - up-to-date information when using our services.
    • -
  • Compliance: Users must comply with all applicable laws and - regulations when using our platform.
    • -
  • Account Security: Users are responsible for maintaining the - confidentiality of their account information and password.
    • -
-
-
-

Terms of Use

-
    -
  • Acceptance of Terms: By accessing and using our website, you - accept and agree to be bound by the terms of this Customer Agreement.
    • -
  • Modification of Terms: RAPIDOC reserves the right to modify - these terms at any time. Any changes will be posted on this page, and your continued use of the - website will constitute acceptance of the new terms.
    • -
  • Termination: RAPIDOC may terminate your access to the website - at any time, without notice, for conduct that it believes violates this agreement or is harmful - to other users of the website, RAPIDOC, or third parties, or for any other reason.
    • -
-
-
-

Contact Information

-

For any questions or concerns about this Customer - Agreement, please contact us at rapidoc@mail.com.

-
-
+
+

Customer Agreement

+
+
+
+

Introduction

+

+ Welcome to RAPIDOC Healthcare Website. This Customer Agreement + outlines the terms and conditions under which you may use our online + platform to access healthcare information and services. By using our + website, you agree to comply with and be bound by the terms of this + agreement. +

+
+
+

Services Provided

+
    +
  • + Information Access: RAPIDOC provides information + about the nearest hospitals and healthcare facilities, including + blood availability in emergencies, OPDs, and bed availability. +
    • +
  • + Appointment Booking: Users can prebook + appointments for OPDs at desired hospitals. +
    • +
  • + Emergency Services: Information on emergency + services and blood group availability. +
    • +
  • + Healthcare Facilities: Detailed information on + healthcare services provided by various hospitals. +
    • +
+
+
+

User Responsibilities

+
    +
  • + Accuracy of Information: Users must provide + accurate and up-to-date information when using our services. +
    • +
  • + Compliance: Users must comply with all applicable + laws and regulations when using our platform. +
    • +
  • + Account Security: Users are responsible for + maintaining the confidentiality of their account information and + password. +
    • +
+
+
+

Terms of Use

+
    +
  • + Acceptance of Terms: By accessing and using our + website, you accept and agree to be bound by the terms of this + Customer Agreement. +
    • +
  • + Modification of Terms: RAPIDOC reserves the right + to modify these terms at any time. Any changes will be posted on + this page, and your continued use of the website will constitute + acceptance of the new terms. +
    • +
  • + Termination: RAPIDOC may terminate your access to + the website at any time, without notice, for conduct that it + believes violates this agreement or is harmful to other users of + the website, RAPIDOC, or third parties, or for any other reason. +
    • +
+
+
+

Contact Information

+

+ For any questions or concerns about this Customer Agreement, please + contact us at rapidoc@mail.com. +

+
+
- - - - - \ No newline at end of file + + + + diff --git a/Html-Files/privacy_policy_page.html b/Html-Files/privacy_policy_page.html index 77bc8f38..cc8cfc2e 100644 --- a/Html-Files/privacy_policy_page.html +++ b/Html-Files/privacy_policy_page.html @@ -1,324 +1,373 @@ - - - - + + + Privacy Policy - RAPIDOC Healthcare - + - - - - - - - - - - - RapiDoc - + })(); + + + + + RapiDoc + - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - + - - + + - - - - -
- + + + + +
+
-
- -
+
+ +
-
+
- +
-
- -

Privacy Policy

-
-
- -
- - -

Introduction

-

Welcome to RAPIDOC Healthcare. We value your privacy and are committed to - protecting your personal information. This Privacy Policy outlines how we collect, use, and protect - your data when you use our website and services.

-
- - -
-

Data Collection

-

We collect various types of information in connection with the services we - provide, including Personal Identification Information (Name, email address, phone number, etc.), - - Usage Data (IP address, browser type, pages visited, etc.), and Cookies and Tracking Technologies. -

-
- -
-

Data Use

-

The information we collect is used for various purposes, including providing - and maintaining our services, notifying you about changes to our services, providing customer - support, gathering analysis or valuable information to improve our services, and monitoring the - usage of our services.

-
- -
-

Data Sharing

-

We may share your personal information with third parties in certain - circumstances, such as with service providers to monitor and analyze the use of our service, with - business partners to offer you certain products, services, or promotions, or with your consent for - any other purpose.

-
- - -
- -

Data Protection

-

We implement a variety of security measures to maintain the safety of your - personal information. However, please note that no method of transmission over the Internet or - - method of electronic storage is 100% secure.

-
- -
-

Your Rights

-

You have the right to access, correct, or delete your personal information. - - You can do this by contacting us using the contact information provided below.

-
- -
- -

Changes to This Privacy Policy

-

We may update our Privacy Policy from time to time. We will notify you of any - changes by posting the new Privacy Policy on this page.

-
- -
-

Contact Us

- -

If you have any questions about this Privacy Policy, please contact us:

-

By email: rapidoc@mail.com

-
-
+
+

Privacy Policy

+
+
+
+

Introduction

+

+ Welcome to RAPIDOC Healthcare. We value your privacy and are + committed to protecting your personal information. This Privacy + Policy outlines how we collect, use, and protect your data when you + use our website and services. +

+
+ +
+

Data Collection

+

+ We collect various types of information in connection with the + services we provide, including Personal Identification Information + (Name, email address, phone number, etc.), Usage Data (IP address, + browser type, pages visited, etc.), and Cookies and Tracking + Technologies. +

+
+ +
+

Data Use

+

+ The information we collect is used for various purposes, including + providing and maintaining our services, notifying you about changes + to our services, providing customer support, gathering analysis or + valuable information to improve our services, and monitoring the + usage of our services. +

+
+ +
+

Data Sharing

+

+ We may share your personal information with third parties in certain + circumstances, such as with service providers to monitor and analyze + the use of our service, with business partners to offer you certain + products, services, or promotions, or with your consent for any + other purpose. +

+
+ +
+

Data Protection

+

+ We implement a variety of security measures to maintain the safety + of your personal information. However, please note that no method of + transmission over the Internet or method of electronic storage is + 100% secure. +

+
+ +
+

Your Rights

+

+ You have the right to access, correct, or delete your personal + information. You can do this by contacting us using the contact + information provided below. +

+
+ +
+

Changes to This Privacy Policy

+

+ We may update our Privacy Policy from time to time. We will notify + you of any changes by posting the new Privacy Policy on this page. +

+
+ +
+

Contact Us

+ +

+ If you have any questions about this Privacy Policy, please contact + us: +

+

By email: rapidoc@mail.com

+
+
- - - -





- + + + + diff --git a/Html-Files/terms_and_conditions.html b/Html-Files/terms_and_conditions.html index 25ec98b3..20b830b9 100644 --- a/Html-Files/terms_and_conditions.html +++ b/Html-Files/terms_and_conditions.html @@ -1,89 +1,113 @@ - - - - + + + Terms and Conditions - RAPIDOC Healthcare - - - + + + - - - + } + + - +
- +
-
-

Terms and Conditions

-
-
-
-

Introduction

-

These terms and conditions outline the rules and - regulations for the use of RAPIDOC Healthcare Website. By accessing this website we assume you - accept these terms and conditions. Do not continue to use RAPIDOC Healthcare if you do not agree to - take all of the terms and conditions stated on this page.

-
- -
-

Privacy

-

We are committed to protecting your privacy. Please - refer to our Privacy Policy for information on how we collect, use, and disclose your personal - information.

-
-
-

License

-

Unless otherwise stated, RAPIDOC Healthcare and/or its - licensors own the intellectual property rights for all material on RAPIDOC Healthcare. All - intellectual property rights are reserved. You may access this from RAPIDOC Healthcare for your own - personal use subjected to restrictions set in these terms and conditions.

-
-
-

User Conduct

-
    -
  • You must not use this website in any way that causes, or may cause, damage to - the website or impairment of the availability or accessibility of the website.
    • -
  • You must not use this website in any way which is unlawful, illegal, - fraudulent or harmful, or in connection with any unlawful, illegal, fraudulent or harmful - purpose or activity.
    • -
  • You must not use this website to copy, store, host, transmit, send, use, - publish or distribute any material which consists of (or is linked to) any spyware, computer - virus, Trojan horse, worm, keystroke logger, rootkit or other malicious computer software.
    • -
-
-
-

Changes to These Terms

-

We may update our Terms and Conditions from time to - time. We will notify you of any changes by posting the new Terms and Conditions on this page. You - are advised to review this Terms and Conditions periodically for any changes. Changes to this Terms - and Conditions are effective when they are posted on this page.

-
-
-

Contact Information

-

If you have any questions about these Terms and - Conditions, please contact us at rapidoc@mail.com.

-
-
+
+

Terms and Conditions

+
+
+
+

Introduction

+

+ These terms and conditions outline the rules and regulations for the + use of RAPIDOC Healthcare Website. By accessing this website we + assume you accept these terms and conditions. Do not continue to use + RAPIDOC Healthcare if you do not agree to take all of the terms and + conditions stated on this page. +

+
+ +
+

Privacy

+

+ We are committed to protecting your privacy. Please refer to our + Privacy Policy for information on how we collect, use, and disclose + your personal information. +

+
+
+

License

+

+ Unless otherwise stated, RAPIDOC Healthcare and/or its licensors own + the intellectual property rights for all material on RAPIDOC + Healthcare. All intellectual property rights are reserved. You may + access this from RAPIDOC Healthcare for your own personal use + subjected to restrictions set in these terms and conditions. +

+
+
+

User Conduct

+
    +
  • + You must not use this website in any way that causes, or may + cause, damage to the website or impairment of the availability or + accessibility of the website. +
    • +
  • + You must not use this website in any way which is unlawful, + illegal, fraudulent or harmful, or in connection with any + unlawful, illegal, fraudulent or harmful purpose or activity. +
    • +
  • + You must not use this website to copy, store, host, transmit, + send, use, publish or distribute any material which consists of + (or is linked to) any spyware, computer virus, Trojan horse, worm, + keystroke logger, rootkit or other malicious computer software. +
    • +
+
+
+

Changes to These Terms

+

+ We may update our Terms and Conditions from time to time. We will + notify you of any changes by posting the new Terms and Conditions on + this page. You are advised to review this Terms and Conditions + periodically for any changes. Changes to this Terms and Conditions + are effective when they are posted on this page. +

+
+
+

Contact Information

+

+ If you have any questions about these Terms and Conditions, please + contact us at rapidoc@mail.com. +

+
+
- - - - - - \ No newline at end of file + + + + diff --git a/assets/css/styles.css b/assets/css/styles.css index 9d20d3e5..0840ddf0 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -72,8 +72,9 @@ body { h1, h2, h3 { font-weight: var(--font-semi-bold); - color: var(--title-color); + color: white; line-height: 1.5; + } ul { @@ -87,6 +88,9 @@ a { img { max-width: 100%; height: auto; + padding: 0px; + padding-top: 100px; + padding-bottom: 100px; } /*=============== THEME ===============*/ @@ -122,9 +126,10 @@ body.dark-theme { .section__title, .section__title-center { font-size: var(--h2-font-size); - color: var(--title-color); + color: rgb(255, 255, 255); text-align: center; margin-bottom: var(--mb-1); + padding-left: 0px; } .svg__color { @@ -174,6 +179,7 @@ body.dark-theme { display: flex; justify-content: space-between; align-items: center; + padding-bottom: 200px; } @media screen and (max-width: 767px) { @@ -190,6 +196,7 @@ body.dark-theme { transition: .4s; border-radius: 2rem; z-index: var(--z-fixed); + padding-bottom: 100px; } } @@ -245,16 +252,22 @@ body.dark-theme { font-size: var(--biggest-font-size); font-weight: var(--font-bold); margin-bottom: var(--mb-0-75); + padding-left: 100px; } .home__description { margin-bottom: var(--mb-2); + padding-left: 100px; + } .home img { max-width: 100%; height: auto; - margin-left: 500px; /* Adjust the margin as needed */ + margin-left: 500px; margin-top: -350px; + padding-top: 100px; + display: flex; + padding-left: 250px; } /*=============== BUTTONS ===============*/ .button { @@ -265,10 +278,13 @@ body.dark-theme { border-radius: 3rem; font-weight: var(--font-semi-bold); transition: .3s; + margin-top: 100px; + } .button:hover { - background-color: var(--first-color-alt); + background-color: #55a5ea; + color:black; } .button__header { @@ -278,11 +294,11 @@ body.dark-theme { .button-link { background: none; padding: 0; - color: var(--title-color); + color: white; } .button-link:hover { - background-color: transparent; + color:#022a2d; ; } .button-flex { @@ -302,13 +318,15 @@ body.dark-theme { } .about__data { - text-align: center; + text-align: justify; + padding-left: 100px; } .about img { max-width: 100%; height: auto; - margin-left: 500px; /* Adjust the margin as needed */ - margin-top: -150px; + margin-left: 0px; + margin-top: 100px; + padding-left: 0px; } /*=============== SECURITY ===============*/ @@ -317,30 +335,61 @@ body.dark-theme { } .security__data { - text-align: center; + text-align: justify; + padding-left: 100px; + + +} +.security img{ + padding-left: 0px; } /*=============== SERVICES ===============*/ .services__container { padding-top: 1rem; } +.service__container grid:hover{ + background-color: rgb(0, 98, 255); + +} .services__data { - display: grid; + display: flex; + flex-direction: column; + align-items: center; row-gap: 1rem; - background-color: var(--container-color); + background-color: #022a2d; box-shadow: 0px 2px 6px hsla(var(--hue), 100%, 15%, 0.15); padding: 2rem 1.5rem; border-radius: 1rem; - text-align: center; + position:relative; + width: 100%; + height: auto; + text-align: justify; + +} +.services__data img { + max-width: 100%; + height: auto; +} +.services__data:hover{ + background-color: #55a5ea } .services__img { - width: 135px; + width: 100%; + height: 100%; justify-self: center; margin-bottom: var(--mb-0-5); + object-fit: cover; + display: block; + padding-top: 100px; } + + + + /*=============== APP ===============*/ .app__container { gap: 2.5rem; @@ -352,6 +401,7 @@ body.dark-theme { .app__description { margin-bottom: var(--mb-1-5); + padding-left: 100px; } .app__buttons { @@ -359,8 +409,11 @@ body.dark-theme { grid-template-columns: repeat(2, max-content); justify-content: center; gap: .5rem; + padding-left: 100px; +} +.section__title-center{ + padding-left: 100px; } - /*=============== CONTACT ===============*/ .contact__container { @@ -390,10 +443,12 @@ body.dark-theme { .footer { background-color: var(--first-color-lighten); padding-bottom: 2rem; + padding-top: 100px; } .footer__container { row-gap: 2rem; + padding-top: 100px; } .footer__logo, .footer__title { @@ -615,3 +670,228 @@ body.dark-theme { right: 2rem; } } +body { + font-family: "Open Sans", sans-serif; + color: #fff; + background-color: #000; +} + +a { + color: #ffffff; + text-decoration: none; +} + +a:hover { + color: #55a5ea; + text-decoration: none; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Raleway", sans-serif; +} + +.nav_link li { + margin-right: 1px; + /* Add space between items */ + padding: 5px 10px; + display: inline-block; + color: white; +} + +.nav_link li a { + transition: all 0.3s ease 0s; + color: white; +} + +.nav_link li a:hover { + color: #55a5ea; +} + +#header { + position: relative; + top: 12px; +} + +.header_container { + background-color: #022a2d; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + position: fixed; + width: 100%; + height: 85px; + margin: auto; + margin-top: 0px; + /* Adjust this value to move the header down */ + padding-top: 15px; + z-index: 555; +} +.footer { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + max-width: 1280px; + width: 95%; + background: #3fbcc051; + border-radius: 6px; +} + +.footer .footer-row { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 3.5rem; + padding: 60px; +} + +.footer-row .footer-col h4 { + color: #f0f0f0; + font-size: 1.2rem; + font-weight: 400; +} + +.footer-col .links { + margin-top: 20px; +} + +.footer-col .links li { + list-style: none; + margin-bottom: 10px; +} + +.footer-col .links li a { + text-decoration: none; + color: #bfbfbf; +} + +.footer-col .links li a:hover { + color: #fff; +} + +.footer-col p { + margin: 20px 0; + color: #bfbfbf; + max-width: 300px; +} + +.footer-col form { + display: flex; + gap: 5px; +} + +.footer-col input { + height: 40px; + border-radius: 6px; + background: none; + width: 100%; + outline: none; + border: 1px solid #7489c6; + caret-color: #fff; + color: #fff; + padding-left: 10px; +} + +.footer-col input::placeholder { + color: #ccc; +} + +.footer-col form button { + background: #fff; + border: none; + color: #08434551; + padding: 10px 15px; + border-radius: 6px; + cursor: pointer; + font-weight: 1000; + transition: 0.2s ease; +} + +.footer-col form button:hover { + background: #cecccc; +} + +/* + .icons { + display: flex; + margin-top: 30px; + gap: 30px; + cursor: pointer; +} + + .icons i { + color: #afb6c7; +} + + .icons i:hover { + color: #fff; +} +*/ +@media (max-width: 768px) { + .footer { + position: relative; + bottom: 0; + left: 0; + transform: none; + width: 100%; + border-radius: 0; + } + + .footer .footer-row { + padding: 20px; + gap: 1rem; + } + + .footer-col form { + display: block; + } + + .footer-col form :where(input, button) { + width: 100%; + } + + .footer-col form button { + margin: 10px 0 0 0; + } +} + +/*################----Back to top----################*/ +footer { + position: relative; + padding: 50px 0; +} + +#back-to-top-container { + position: fixed; + bottom: 15px; + right: 77px; + cursor: pointer; + z-index: 1000; +} + +.circle { + border-radius: 50%; + background-color: #fff; + display: flex; + justify-content: center; + align-items: center; + transition: background-color 0.3s; +} + +#back-to-top { + width: 55px; + height: 55px; + fill: hwb(181 16% 46%); + color: hwb(181 11% 13%); + transition: fill 0.3s; +} + +#back-to-top:hover { + transform: scale(1.1); +} diff --git a/assets/img/favi-Appoint.png b/assets/img/favi-Appoint.png new file mode 100644 index 00000000..0e6f5a68 Binary files /dev/null and b/assets/img/favi-Appoint.png differ diff --git a/dex.html b/dex.html index 1f878e31..d6cb90fa 100644 --- a/dex.html +++ b/dex.html @@ -1,248 +1,352 @@ - - - - - - - - - - - - - RAPIDOC|Delivery - - - -
- - - - -
- -
-
-
-

RAPIDOC|Delivery
Order Medicines

-

Order your Medicine at any time and we will deliver them right to where you are.

- - Get Started -home -
-
-
- - -
-
-
-

Find Out A Little More
About Us

-

We are a company dedicated to the distribution of products by delivery - to your home or to the place where you are, with the best quality of delivery. -

- about -
-
-
- - -
-
-
-

Your Safety Is
Important

-

When your order reaches you, we have the health safety protocols, - so that you are protected from any disease. Watch the video of how the delivery is made. -

- -
- about -
-
- - -
-

Some Services We
Offer

-
-
-

Payment Done

- imog -

Pay with a Visa or PayPal card and without much ado.

-
- Learn More -
-
- -
-

Find Your Product

- imog -

We offer sale of products through the Internet.

-
- Learn More -
-
- -
-

Product Received

- imog -

In our app you can see the delay time of your order.

-
- Learn More -
-
-
-
- - -
-
-
-

Watch Your Delivery
At Any Time

-

With our app you can view the route of your order, from our local headquarters to the - place where you are. Look for the app now!

-
- - App Store - - - Google Play - - -
- -
- home1 -
- -
- - -
-
-
-

Contact Us From
Here

-

You can contact us from here, you can write to us, - call us or visit our service center, we will gladly assist you.

-
- -
    -
  • Email: delivery@email.com
    • -
  • Location: New Delhi
    • -
- -
- Contact Us -
-
-
-
- - - - - + + - - - + + + diff --git a/images/Delivery.png b/images/Delivery.png new file mode 100644 index 00000000..4c06d56a Binary files /dev/null and b/images/Delivery.png differ diff --git a/index.css b/index.css new file mode 100644 index 00000000..fcf0d89b --- /dev/null +++ b/index.css @@ -0,0 +1,694 @@ +html { + scroll-behavior: smooth; +} + +.emoji input { + display: none; +} + +.emoji label { + font-size: 2rem; + cursor: pointer; + padding: 5px; +} + +.emoji input:checked+label { + background-color: rgb(41, 136, 138); +} + +.nav_menu { + display: flex; +} + +.nav_link { + display: flex; +} + +.iti--allow-dropdown input { + padding-left: 50px; + background-color: black; + /* Adjust padding to prevent overlap */ +} + +.iti.iti--allow-dropdown { + margin-left: 250px; +} + +.container { + display: unset; + align-items: center; + justify-content: space-between; + flex-wrap: nowrap; + width: 100%; + margin: 0; + padding: 0; +} + +.content { + text-align: left; + flex: 1; + padding: 20px; +} + +.sec-img { + max-width: 50%; + width: 600px; + height: 600px; + margin-left: auto; +} + +.btn-get-started { + display: inline-block; + background-color: #55a5ea; + color: #fff; + padding: 10px 20px; + text-decoration: none; + border-radius: 5px; + margin-top: 20px; +} + +.btn-get-started:hover { + background-color: green; + color: white; +} + +select { + padding: 1px; + background-color: #55a5ea; + color: white; + height: 5vh; + width: 17vh; +} + +option { + background-color: #55a5ea; + color: white; +} + +.hamburger { + display: none; + cursor: pointer; + position: absolute; + top: 29px; + left: 1.5%; +} + +.line { + width: 30px; + height: 5px; + margin: 4px 4px; + background-color: white; +} + +@media only screen and (max-width: 820px) { + .hamburger { + display: block; + } + + .header_container { + flex-direction: column; + align-items: start; + height: 24.8rem; + transition: 0.55s all ease-out; + /* padding-top: 5px; */ + } + + .nav_link { + flex-direction: column; + position: relative; + bottom: 40px; + } + + /* .nav-link li{ + margin-bottom: 5px; + } */ + .nav-h { + height: 5.5rem; + width: 100vw; + } + + .vis-h { + opacity: 0; + } + + .img { + position: relative; + left: 300px; + bottom: 12px; + } +} + +@media screen and (max-width: 992px) { + .container { + flex-wrap: wrap; + justify-content: center; + } + + .sec-img { + max-width: 100%; + margin: 20px 0; + position: relative; + top: 0; + right: 0; + + } + + .content { + text-align: center; + padding: 10px; + } +} + +@media screen and (max-width: 768px) { + .content { + text-align: center; + padding: 10px; + } + + .sec-img { + max-width: 100%; + margin: 20px 0; + position: relative; + top: 0; + right: 0; + } +} + +/*Preloader CSS*/ +.pre { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + transition: opacity 2s ease-out, visibility 2s ease-out; + opacity: 1; + visibility: visible; + z-index: 9999; +} + +.pre--hidden { + opacity: 0; + visibility: hidden; +} + +.loader { + display: block; + position: relative; + width: 150px; + height: 150px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #55a5ea; + animation: spin 3s linear infinite; +} + +.loader:before { + content: ""; + position: absolute; + top: 5px; + left: 5px; + right: 5px; + bottom: 5px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #3fbcc0c6; + animation: spin 3s linear infinite; +} + +.loader:after { + content: ""; + position: absolute; + top: 15px; + left: 15px; + right: 15px; + bottom: 15px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #fff; + animation: spin 1.5s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +.avatar { + margin: 20px 100px; + padding-left: 50px; + padding-right: 60px; +} + +.textbox input { + width: 240px; + height: 40px; + align-items: center; + margin-left: 10px; + margin-right: 20px; +} + +.btn { + margin-left: 2px; + width: 230px; + height: 40px; + background-color: #00C896; + border: none; + font-size: 1rem; + border-radius: 20px; + margin-bottom: 20px; +} + +#appointment.appointment.section-bg { + margin: 0px 280px 100px; +} + +#appointment.appointment.section-bg h2 { + margin: 0px 115px; +} + +form.php-email-form { + width: 300px; + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-content: flex-start +} + +.loader--hidden { + opacity: 0; + visibility: hidden; +} + + + +/* Appointment section Styling to align it to center */ +.appointment .container { + display: flex; + flex-direction: column; + align-items: center; + /* Center container contents */ + border-radius: 10px; + margin: auto; +} + +.appointment form { + display: flex; + flex-direction: column; + align-items: center; + /* Center form contents */ + width: 100%; + max-width: 500px; +} + +.appointment .form-group { + width: 100%; + display: flex; + justify-content: center; + margin-bottom: 15px; +} + +.appointment input, +.appointment select, +.appointment button { + width: 100%; + max-width: 500px; + border-radius: 10px; +} + +.appointment .text-center { + width: 100%; + display: flex; + justify-content: center; + margin-top: 20px; +} + +.appointment button[type="submit"] { + width: auto; + padding: 10px 20px; + display: block; + margin: 0 auto; +} + +.php-email-form .form-control, +.php-email-form .form-select { + margin: 0; + padding: 10px; +} + +.php-email-form .form-group, +.php-email-form .row { + margin: 0; + padding: 10px; +} + +#name, +#email { + margin-bottom: 10px; + border-bottom: none; + height: 7vh; +} + +#email, +#location { + border-top: 1px solid #ccc; + /* Adjust color as needed */ + margin-top: 0; +} + +/* Remove
tags if present in HTML */ +#name+br, +#email+br { + display: none; +} + +.section-bg { + background-color: #1c413b; + width: 700px; + padding: 40px; +} + +#appointment.appointment.section-bg { + margin: auto; +} + +select { + padding: 1px; + background-color: #f8f8f8; + color: #374151; + height: 7vh; + width: 17vh; +} + + + +#progressBar { + position: fixed; + top: 0; + left: 0; + width: 0%; + height: 6px; + background-color: #3fbcc0; + z-index: 9999; +} + +.contact .php-email-form { + width: 300%; + background: #000; +} + +@media (max-width: 768px) { + body { + + width: 163vw !important; + } + + .header_container { + width: 163vw; + height: auto; + } + + .nav_menu { + padding: 10px; + height: auto; + } + + .nav-h { + height: 5.5rem; + width: -webkit-fill-available !important; + justify-content: center; + flex-direction: row; + align-items: center; + } + + .container { + flex-wrap: wrap; + justify-content: center; + flex-direction: column-reverse; + padding: 10px; + } + + .about-service { + height: auto !important; + width: auto !important; + margin-left: 0px !important; + margin-top: 0px !important; + flex-direction: column; + } + + .count-box { + padding: 76px; + font-size: 24px; + } + + .appointment .container { + display: flex !important; + justify-content: center !important; + align-content: center !important; + } + + .mt-2 { + display: flex; + align-items: stretch !important; + justify-content: space-around !important; + align-content: center !important; + gap: 40px !important; + margin-top: 70px !important; + } + + .appointment form { + display: flex !important; + flex-direction: column !important; + align-items: center !important; + width: 100% !important; + max-width: 500px !important; + } + + .appointment .form-group { + width: 100% !important; + display: flex !important; + justify-content: center !important; + margin-bottom: 15px !important; + } + + footer { + width: 168vw !important; + padding: 40px !important; + margin: auto !important; + } + + #appointment.appointment.section-bg { + margin: 15px; + } + + .testimonial-contains { + padding: 10px !important; + } + + .swiper-slide .testimonals-item { + width: 476px !important; + } + + .other-columns { + grid-template-columns: repeat(3, 3fr); + + } + + .form.php-email-form { + align-content: flex-start; + } + + .social-wrapper { + margin-right: 50%; + } + + #slide-item { + width: 510px !important; + } + + .footer-col { + padding: 15px; + text-align: center; + } +} + + +.mapouter { + position: relative; + text-align: right; + width: 100%; + height: 363px; +} + +.gmap_canvas { + overflow: hidden; + background: none !important; + width: 100%; + height: 363px; +} + +.gmap_iframe { + height: 363px !important; +} + +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap'); + +body { + font-family: 'Poppins', sans-serif; +} + +.section-title h2 { + font-size: 32px; + color: #000; + text-transform: uppercase; + position: relative; + font-weight: 700; + margin-bottom: 20px; +} + +.section-title p { + font-size: 16px; + color: #000; + margin-bottom: 40px; +} + +.enhanced-input, +.enhanced-textarea { + border: 2px solid #ccc; + border-radius: 5px; + margin-bottom: 15px; + font-size: 1rem; + color: #000; + background-color: #f9f9f9; + transition: border-color 0.3s, background-color 0.3s; + margin: 0 auto; + padding: 0 20px; +} + +.enhanced-input:focus, +.enhanced-textarea:focus { + border-color: #4cae4c; + background-color: #fff; + color: #000; +} + +.btn-submit { + padding: 10px 20px; + background-color: #000; + border: none; + border-radius: 5px; + color: white; + cursor: pointer; + transition: background-color 0.3s, transform 0.3s; +} + +.btn-submit:hover { + background-color: #4cae4c; + transform: scale(1.05); +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.confirmation-message { + display: none; + margin-top: 10px; + padding: 30px; + background-color: #e0f7fa; + color: #00796b; + border: 1px solid #00796b; + border-radius: 10px; + font-size: 1.2rem; + text-align: center; + animation: slideDown 1s forwards; +} + +.modal { + display: none; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.4); + /* Black w/ opacity */ +} + +.modal-content { + background-color: teal; + margin: 20% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + max-width: 300px; + color: white; + text-align: center; +} + +.close { + color: white; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + +@media (max-width:768px) { + .other-columns { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + + .footer-col { + display: flex; + flex-direction: row; + align-items: center; + flex-wrap: nowrap; + gap: 90px; + } + + .subscribe-form { + display: flex; + gap: 10px; + } +} + +.social-wrapper a div i { + color: #afb6c7; +} + +.social-wrapper a div i:hover { + color: #fff; +} + + +.confirmation-message { + display: none; + color: green; + margin-top: 10px; +} \ No newline at end of file diff --git a/index.html b/index.html index 7d2ce92b..06bcdb6d 100644 --- a/index.html +++ b/index.html @@ -31,6 +31,7 @@ + @@ -46,510 +47,6 @@ - - Contact FNF Mods - +
@@ -1236,82 +715,6 @@

Call:

- - - -