diff --git a/App.test.js b/App.test.js
new file mode 100644
index 0000000..1f03afe
--- /dev/null
+++ b/App.test.js
@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+ render();
+ const linkElement = screen.getByText(/learn react/i);
+ expect(linkElement).toBeInTheDocument();
+});
diff --git a/card.css b/card.css
new file mode 100644
index 0000000..3d8b299
--- /dev/null
+++ b/card.css
@@ -0,0 +1,167 @@
+.head-1{
+ margin-top: 80px;
+ color: #fd9176;
+}.para-1{
+ width: 50%;
+ text-align: center;
+ margin-left: 350px;
+}
+
+
+
+.photo-1{
+ margin-right: 1000px;
+ margin-top: -200px;
+ border-radius: 50px;
+
+}
+
+.Photo-2{
+ margin-left: 1000px;
+ margin-top: -250px;
+ border-radius: 100px;
+}
+.photo-2 > img{
+ border-radius: 50px;
+}
+
+.head-2{
+ color: #fd9176;
+}
+
+.box{
+ height: 380px;
+ width: 100%;
+ background-color: #fd9176;
+}
+.head-3{
+ text-align: left;
+ margin-left: 50px;
+ color: white;
+ padding-top: 30px;
+}
+
+.doctor-1{
+ margin-left: -20px;
+ margin-top: 20px;
+}
+.doctor-2{
+ margin-left: 70px;
+}
+.doctor-3{
+ margin-left: 70px;
+}
+.doctor-4{
+ margin-left: 70px;
+}
+.head-4{
+ text-align: left;
+ margin-left: 50px;
+}
+
+.head-5{
+ color: #fd9176;
+}
+
+.box-2{
+ height: 200px;
+ width: 400px;
+ background-color: #cca173;
+ margin-left: 20px;
+ /* border-radius: 10px; */
+ border: 2px solid rgb(94, 94, 182);
+ border-radius: 20px;
+ margin-top: 50px;
+}
+.para-2{
+ margin-top: 10px;
+}
+
+.heading{
+ text-align: left;
+ margin-left: 70px;
+ margin-top: -10px;
+
+}
+.box-3{
+ height: 200px;
+ width: 400px;
+ background-color: #cca173;
+ margin-left: 20px;
+ margin-top: 30px;
+ /* border-radius: 10px; */
+ border: 2px solid rgb(94, 94, 182);
+ border-radius: 20px;
+ /* justify-content: space-between; */
+ float: right;
+ margin-top: -200px;
+ margin-right: 20px;
+}
+.para-3{
+ margin-top: -10px;
+}
+
+.heading-1{
+ text-align: left;
+ margin-left: 120px;
+ margin-top: -10px;
+
+}
+.box-4{
+ height: 200px;
+ width: 400px;
+ background-color: #cca173;
+ margin-left: 20px;
+ margin-top: 30px;
+ /* border-radius: 10px; */
+ border: 2px solid rgb(94, 94, 182);
+ border-radius: 20px;
+
+}
+.para-3{
+ margin-top: 10px;
+}
+
+.head-7{
+ margin-right: 80px;
+}
+
+.heading-2{
+ text-align: left;
+ margin-left: 70px;
+ margin-top: -10px;
+
+}
+.box-5{
+ height: 200px;
+ width: 400px;
+ background-color: #cca173;
+ margin-left: 20px;
+ margin-top: 30px;
+ /* border-radius: 10px; */
+ border: 2px solid rgb(94, 94, 182);
+ border-radius: 20px;
+ float: right;
+ margin-top: -200px;
+ margin-right: 20px;
+}
+.para-5{
+ margin-top: -10px;
+}
+.head-6{
+ margin-right: 40px;
+}
+
+.heading-3{
+ text-align: left;
+ margin-left: 120px;
+ margin-top: -10px;
+
+}
+
+
+.photo-4{
+ margin-top: -430px;
+ margin-left: 440px;
+}
+
diff --git a/card.js b/card.js
new file mode 100644
index 0000000..aec1c54
--- /dev/null
+++ b/card.js
@@ -0,0 +1,98 @@
+import React from 'react';
+import './card.css';
+
+function Card() {
+ return (
+ <>
+
+
Know Us Better
+
+
+
Medlife SurgiCare aims to connect hospitals and consumers for daycare surgeries and ensures a smooth experience before, during and post-treatment. We assist you in every step, from scheduling your surgery, receiving a detailed diagnosis, communing to and from the hospital to completing insurance paperwork. We even handle hospital discharge and follow-up consultations.
+
+
+
+
+
+
+
+
Why OPT for Medlife Surgicare?
+
+
+
+
+
Our Stellar Doctors
+
+
+
+
+
+
+
+
+
Want to hear about track record
+ Hear from our Customers
+
+
+
+
Vijaylakshmi Ravishankar
+
Mumbai
+
My Care Expert got me a surgery package that included everything from my tests to the surgery cost. I also received a Medlife Plus membership for free after my surgery. Medlife keeps its promise.
+
+
+
Sagarika jaiswal
+
Mumbai
+
I am happy to have found Medlife. I was surprised to receive such excellent care even after my surgery. I really appreciate the quality of service provided. I would recommend Medlife to everyone going for elective surgeries.
+
+
+
Shreevant Tiwari
+
Mumbai
+
+
Getting a surgery done without undergoing the hassles of insurance and paperwork was a first in my life. The Care Expert handles everything and I would highly recommend their service.
+
+
+
Aninday Roy
+
Mumbai
+
+
Medlife handled my mother’s laser piles surgery with great care. The Care Expert arranged for our travel to the hospital and back home. We could even consult the doctor online which saved my mother a lot of trouble. She is recovering well and I am thankful to Medlife.
+
+
+
+
+
+ Action
+ Another action
+ Something else
+
+
+ );
+}
+
+export default Card2;
\ No newline at end of file
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..ec2585e
--- /dev/null
+++ b/index.css
@@ -0,0 +1,13 @@
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+ 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+ font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ monospace;
+}
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..d563c0f
--- /dev/null
+++ b/index.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+
+
+
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();