diff --git a/js/emailvalidation.js b/js/emailvalidation.js
new file mode 100644
index 00000000..572216a3
--- /dev/null
+++ b/js/emailvalidation.js
@@ -0,0 +1,47 @@
+emailjs.init("Your_User_ID"); // Replace with your actual EmailJS User ID
+
+ // Function to validate email address
+ export function isValidEmail(email) {
+ // Simple email validation regex
+ const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ if (!regex.test(email)) {
+ return false;
+ }
+
+ // Extract domain
+ const domain = email.split('@')[1].toLowerCase();
+ const validDomains = ['gmail.com', 'outlook.com', 'yahoo.com'];
+
+ return validDomains.includes(domain);
+ }
+
+ document.addEventListener('DOMContentLoaded', function() {
+ document.getElementById('subscribeForm').addEventListener('submit', function(event) {
+ event.preventDefault();
+
+ var email = document.getElementById('emailInput').value;
+
+ if (!isValidEmail(email)) {
+ alert('Please enter a valid email address from Gmail, Outlook, or Yahoo.');
+ return;
+ }
+
+ // Prepare the parameters to send
+ var templateParams = {
+ to_email: email, // Set the recipient's email
+ from_name: 'Rapidoc', // Replace with your company or your name
+ to_name: 'Subscriber',
+ message: 'Thank you for subscribing to our newsletter!'
+ };
+
+ // Send email
+ emailjs.send('Your_Service_ID', 'Your_Template_ID', templateParams)
+ .then(function(response) {
+ console.log('Email sent successfully:', response);
+ alert('Successfully subscribed to our newsletter!');
+ }, function(error) {
+ console.error('Error sending email:', error);
+ alert('Failed to send email. Please try again later.');
+ });
+ });
+ });
\ No newline at end of file
diff --git a/style.css b/style.css
index 1eb1ca1a..dfc2454e 100644
--- a/style.css
+++ b/style.css
@@ -1270,10 +1270,8 @@ footer {
/* Style for pateint portal */
/* -----***************************************----- */
.patient-portal {
- width: 100%;
- /* Maximum width of the container */
+ width: 60%;
margin: 0 auto;
- /* Centers the container */
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: #3fbcc051;
@@ -1523,7 +1521,6 @@ footer {
.footer-bottom small {
font-size: 1rem;
display: inline;
- white-space: nowrap;
}
.footer-bottom-links {
diff --git a/test.css b/test.css
index e9d2c441..4114a49a 100644
--- a/test.css
+++ b/test.css
@@ -78,7 +78,7 @@ h1 {
transition: all linear .8s;
border: 1px solid rgba(255, 255, 255, 0.125);
box-shadow: 2px 2px 2px rgb(5, 5, 5);
- display: flex;
+ display: none;
justify-content: center;
align-items: center;
margin-top: 0px;
@@ -109,7 +109,7 @@ button {
padding: 15px 20px;
border-radius: 2rem;
cursor: pointer;
- margin-left: 300px;
+ margin-left: -26px;
}
diff --git a/test.html b/test.html
index 0a622476..f25b536f 100644
--- a/test.html
+++ b/test.html
@@ -1,11 +1,12 @@
+
Blood Test
-
+
@@ -31,7 +32,7 @@
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
-
+
+.sec-img {
+ display: block;
+ margin: 20px auto;
+ height: 402px;
+ margin-top: -65px;
+ margin-bottom: -79px;
+ width: auto;
+}
+
+/* Container styles */
+.container-service {
+ padding: 0; /* Remove default padding */
+}
+
+.container-service .container {
+ padding: 0 15px; /* Adjust padding for responsiveness */
+}
+
+.content-wrapper {
+ max-width: 600px;
+ margin: 0 auto; /* Center content */
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+ .hero-heading {
+ font-size: 50px; /* Reduce font size for smaller screens */
+ }
+ .sec-img {
+ height: 80px; /* Adjust image size for smaller screens */
+ }
+}
+
+@media (max-width: 576px) {
+ .hero-heading {
+ font-size: 40px; /* Further reduce font size for very small screens */
+ }
+ .sec-img {
+ height: 426px;
+ margin-top: -56px;
+ margin-bottom: -111px;
+ }
+}
+
+
+
-
+
+
-
-
- 
-
-
-
- 
+ 