├── public ├── _redirects ├── 2.jpg └── index.html ├── src ├── Sections │ ├── services.css │ ├── totop.js │ ├── banner.js │ ├── services2.js │ ├── navbar.css │ ├── navbar.js │ ├── account.css │ ├── banner.css │ ├── footer.css │ ├── aboutus.js │ ├── aboutus.css │ ├── services.js │ ├── Team.js │ ├── footer.js │ └── account.js ├── Assets │ ├── Logo.png │ ├── backg.png │ ├── doc11.jpg │ ├── doc22.jpg │ ├── doc33.jpg │ ├── doc44.jpg │ ├── doc55.jpg │ ├── doc66.jpg │ ├── piyush.png │ ├── salman.jpg │ ├── doctor.webp │ ├── download.png │ ├── rajendra.jpg │ ├── download666.png │ ├── downloaddoc.png │ ├── downloadpdf.png │ ├── slidderback.png │ ├── bg1.c53c8971.jpg │ ├── download2323.png │ ├── download3232.png │ ├── download4349.png │ ├── download4554.png │ ├── downloadcom1.jpg │ ├── downloadquote.png │ ├── error.4b5472f1.gif │ ├── footerback111.png │ ├── img1.815eb17a.jpg │ ├── pic-1.ad1ed7ee.jpg │ ├── pic-2.0593bc2f.jpg │ ├── pic-3.fa689b10.jpg │ ├── pic1.a3848a11.jpg │ ├── pic1.b7a9e70e.jpg │ ├── pic2.67db6c47.jpg │ ├── pic3.3275b9e6.jpg │ ├── pic3.89b83151.jpg │ ├── pic4.28ea761e.jpg │ ├── pic4.f008bc42.jpg │ ├── pic5.44c2a542.jpg │ ├── pic6.42f81537.jpg │ ├── pic6.c8e86d3c.jpg │ ├── pic7.c1733b79.jpg │ ├── pic8.a59ea2da.jpg │ ├── pic9.9ca3a042.jpg │ ├── women.eb5c49c5.png │ ├── appointment-sec.png │ ├── doctor.7c2bc96d.png │ ├── footer.d025f458.jpg │ ├── member1.22ac1d59.jpg │ ├── member2.d03a0686.jpg │ ├── member3.0d822ecc.jpg │ ├── member4.9045579a.jpg │ ├── member5.24eb1821.jpg │ ├── member6.be2a77ad.jpg │ ├── mobile.f82d7322.png │ ├── pic1.5a7f5c0888.jpg │ ├── pic2.2c21a722bd1.jpg │ ├── pic5.7eb54729bd2.jpg │ ├── shape1.1112f1ac.png │ ├── bdetails1.d8c3c8e3.jpg │ └── line-bg2.cfded2fd.png ├── Redux │ ├── booking │ │ ├── types.js │ │ ├── reducer.js │ │ └── action.js │ ├── auth │ │ ├── types.js │ │ ├── action.js │ │ └── reducer.js │ ├── index.js │ └── store.js ├── Components │ ├── home.js │ ├── login.css │ ├── notfound.css │ ├── booking.js │ ├── about.js │ ├── Report.css │ ├── notfound.js │ ├── login.js │ ├── service.js │ ├── Report.js │ ├── about.css │ └── ourteam.js ├── index.js ├── App.js └── index.css ├── .gitignore ├── package.json └── README.md /public/_redirects: -------------------------------------------------------------------------------- 1 | /* /index.html 200 -------------------------------------------------------------------------------- /public/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/public/2.jpg -------------------------------------------------------------------------------- /src/Sections/services.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 370px) { 2 | .serviceSlider { 3 | display: none; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /src/Assets/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/Logo.png -------------------------------------------------------------------------------- /src/Assets/backg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/backg.png -------------------------------------------------------------------------------- /src/Assets/doc11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doc11.jpg -------------------------------------------------------------------------------- /src/Assets/doc22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doc22.jpg -------------------------------------------------------------------------------- /src/Assets/doc33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doc33.jpg -------------------------------------------------------------------------------- /src/Assets/doc44.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doc44.jpg -------------------------------------------------------------------------------- /src/Assets/doc55.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doc55.jpg -------------------------------------------------------------------------------- /src/Assets/doc66.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doc66.jpg -------------------------------------------------------------------------------- /src/Assets/piyush.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/piyush.png -------------------------------------------------------------------------------- /src/Assets/salman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/salman.jpg -------------------------------------------------------------------------------- /src/Assets/doctor.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doctor.webp -------------------------------------------------------------------------------- /src/Assets/download.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/download.png -------------------------------------------------------------------------------- /src/Assets/rajendra.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/rajendra.jpg -------------------------------------------------------------------------------- /src/Assets/download666.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/download666.png -------------------------------------------------------------------------------- /src/Assets/downloaddoc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/downloaddoc.png -------------------------------------------------------------------------------- /src/Assets/downloadpdf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/downloadpdf.png -------------------------------------------------------------------------------- /src/Assets/slidderback.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/slidderback.png -------------------------------------------------------------------------------- /src/Assets/bg1.c53c8971.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/bg1.c53c8971.jpg -------------------------------------------------------------------------------- /src/Assets/download2323.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/download2323.png -------------------------------------------------------------------------------- /src/Assets/download3232.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/download3232.png -------------------------------------------------------------------------------- /src/Assets/download4349.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/download4349.png -------------------------------------------------------------------------------- /src/Assets/download4554.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/download4554.png -------------------------------------------------------------------------------- /src/Assets/downloadcom1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/downloadcom1.jpg -------------------------------------------------------------------------------- /src/Assets/downloadquote.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/downloadquote.png -------------------------------------------------------------------------------- /src/Assets/error.4b5472f1.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/error.4b5472f1.gif -------------------------------------------------------------------------------- /src/Assets/footerback111.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/footerback111.png -------------------------------------------------------------------------------- /src/Assets/img1.815eb17a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/img1.815eb17a.jpg -------------------------------------------------------------------------------- /src/Assets/pic-1.ad1ed7ee.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic-1.ad1ed7ee.jpg -------------------------------------------------------------------------------- /src/Assets/pic-2.0593bc2f.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic-2.0593bc2f.jpg -------------------------------------------------------------------------------- /src/Assets/pic-3.fa689b10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic-3.fa689b10.jpg -------------------------------------------------------------------------------- /src/Assets/pic1.a3848a11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic1.a3848a11.jpg -------------------------------------------------------------------------------- /src/Assets/pic1.b7a9e70e.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic1.b7a9e70e.jpg -------------------------------------------------------------------------------- /src/Assets/pic2.67db6c47.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic2.67db6c47.jpg -------------------------------------------------------------------------------- /src/Assets/pic3.3275b9e6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic3.3275b9e6.jpg -------------------------------------------------------------------------------- /src/Assets/pic3.89b83151.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic3.89b83151.jpg -------------------------------------------------------------------------------- /src/Assets/pic4.28ea761e.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic4.28ea761e.jpg -------------------------------------------------------------------------------- /src/Assets/pic4.f008bc42.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic4.f008bc42.jpg -------------------------------------------------------------------------------- /src/Assets/pic5.44c2a542.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic5.44c2a542.jpg -------------------------------------------------------------------------------- /src/Assets/pic6.42f81537.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic6.42f81537.jpg -------------------------------------------------------------------------------- /src/Assets/pic6.c8e86d3c.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic6.c8e86d3c.jpg -------------------------------------------------------------------------------- /src/Assets/pic7.c1733b79.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic7.c1733b79.jpg -------------------------------------------------------------------------------- /src/Assets/pic8.a59ea2da.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic8.a59ea2da.jpg -------------------------------------------------------------------------------- /src/Assets/pic9.9ca3a042.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic9.9ca3a042.jpg -------------------------------------------------------------------------------- /src/Assets/women.eb5c49c5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/women.eb5c49c5.png -------------------------------------------------------------------------------- /src/Assets/appointment-sec.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/appointment-sec.png -------------------------------------------------------------------------------- /src/Assets/doctor.7c2bc96d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/doctor.7c2bc96d.png -------------------------------------------------------------------------------- /src/Assets/footer.d025f458.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/footer.d025f458.jpg -------------------------------------------------------------------------------- /src/Assets/member1.22ac1d59.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/member1.22ac1d59.jpg -------------------------------------------------------------------------------- /src/Assets/member2.d03a0686.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/member2.d03a0686.jpg -------------------------------------------------------------------------------- /src/Assets/member3.0d822ecc.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/member3.0d822ecc.jpg -------------------------------------------------------------------------------- /src/Assets/member4.9045579a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/member4.9045579a.jpg -------------------------------------------------------------------------------- /src/Assets/member5.24eb1821.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/member5.24eb1821.jpg -------------------------------------------------------------------------------- /src/Assets/member6.be2a77ad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/member6.be2a77ad.jpg -------------------------------------------------------------------------------- /src/Assets/mobile.f82d7322.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/mobile.f82d7322.png -------------------------------------------------------------------------------- /src/Assets/pic1.5a7f5c0888.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic1.5a7f5c0888.jpg -------------------------------------------------------------------------------- /src/Assets/pic2.2c21a722bd1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic2.2c21a722bd1.jpg -------------------------------------------------------------------------------- /src/Assets/pic5.7eb54729bd2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/pic5.7eb54729bd2.jpg -------------------------------------------------------------------------------- /src/Assets/shape1.1112f1ac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/shape1.1112f1ac.png -------------------------------------------------------------------------------- /src/Assets/bdetails1.d8c3c8e3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/bdetails1.d8c3c8e3.jpg -------------------------------------------------------------------------------- /src/Assets/line-bg2.cfded2fd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frozen-dev71/Hospital-Management-System-User-Side/main/src/Assets/line-bg2.cfded2fd.png -------------------------------------------------------------------------------- /src/Redux/booking/types.js: -------------------------------------------------------------------------------- 1 | export const CREATE_BOOKING_REQUEST = "CREATE_BOOKING_REQUEST"; 2 | export const CREATE_BOOKING_SUCCESS = "CREATE_BOOKING_SUCCESS"; 3 | -------------------------------------------------------------------------------- /src/Redux/auth/types.js: -------------------------------------------------------------------------------- 1 | export const LOGIN_USER_REQUEST = "LOGIN_USER_REQUEST"; 2 | export const LOGIN_USER_SUCCESS = "LOGIN_USER_SUCCESS"; 3 | export const LOGIN_USER_ERROR = "LOGIN_USER_ERROR"; 4 | 5 | 6 | export const AUTH_LOGOUT = "AUTH_LOGOUT"; 7 | -------------------------------------------------------------------------------- /src/Redux/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from "redux"; 2 | import authReducer from "./auth/reducer"; 3 | import bookingReducer from "./booking/reducer"; 4 | export const rootReducer = combineReducers({ 5 | auth: authReducer, 6 | booking: bookingReducer, 7 | }); 8 | -------------------------------------------------------------------------------- /src/Sections/totop.js: -------------------------------------------------------------------------------- 1 | import ScrollToTop from "react-scroll-to-top"; 2 | import { FaChevronUp } from "react-icons/fa"; 3 | 4 | function ToTop() { 5 | return ( 6 |
7 | }> 8 |
9 | ); 10 | } 11 | 12 | export default ToTop; 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 12 | Hospital Management System 13 | 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /src/Components/home.js: -------------------------------------------------------------------------------- 1 | import AboutUs from "../Sections/aboutus"; 2 | import Banner from "../Sections/banner"; 3 | import Footer from "../Sections/footer"; 4 | import NavBars from "../Sections/navbar"; 5 | import Services from "../Sections/services"; 6 | import Services2 from "../Sections/services2"; 7 | import ToTop from "../Sections/totop"; 8 | 9 | function Home() { 10 | return ( 11 |
12 | 13 | 14 | 15 | 16 | 17 |
20 | ); 21 | } 22 | 23 | export default Home; 24 | -------------------------------------------------------------------------------- /src/Redux/booking/reducer.js: -------------------------------------------------------------------------------- 1 | import * as types from "./types"; 2 | 3 | const initialState = { 4 | bookingLoading: false, 5 | booking: [], 6 | }; 7 | 8 | export default function bookingReducer( 9 | state = initialState, 10 | { type, payload } 11 | ) { 12 | switch (type) { 13 | case types.CREATE_BOOKING_REQUEST: 14 | return { 15 | ...state, 16 | bookingLoading: true, 17 | }; 18 | case types.CREATE_BOOKING_SUCCESS: 19 | return { 20 | ...state, 21 | bookingLoading: false, 22 | booking: [...state.booking, payload], 23 | }; 24 | default: 25 | return state; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | import "./index.css"; 4 | import App from "./App.js"; 5 | import "bootstrap/dist/css/bootstrap.min.css"; 6 | import "bootstrap/dist/js/bootstrap.min.js"; 7 | import "slick-carousel/slick/slick.min.js"; 8 | import "slick-carousel/slick/slick.css"; 9 | import "slick-carousel/slick/slick-theme.css"; 10 | import { BrowserRouter } from "react-router-dom"; 11 | import { Provider } from "react-redux"; 12 | import { store } from "./Redux/store"; 13 | const root = ReactDOM.createRoot(document.getElementById("root")); 14 | root.render( 15 | 16 | 17 | 18 | 19 | 20 | ); 21 | -------------------------------------------------------------------------------- /src/Components/login.css: -------------------------------------------------------------------------------- 1 | .account-wraper2 { 2 | height: 90vh; 3 | display: flex; 4 | align-items: center; 5 | background-color: #f5f5fc; 6 | } 7 | 8 | .account-wraper2 .logo { 9 | margin-bottom: 30px; 10 | } 11 | 12 | a, 13 | a.active, 14 | a:focus, 15 | a:hover { 16 | text-decoration: none; 17 | outline: none; 18 | color: #565acf; 19 | font-weight: 500; 20 | } 21 | 22 | .mt-40 { 23 | margin-top: 40px; 24 | } 25 | 26 | .mt-0 { 27 | margin-top: 0px; 28 | } 29 | 30 | .text-center p { 31 | color: #444; 32 | font-weight: 500; 33 | } 34 | 35 | .forgotPass input { 36 | width: 100%; 37 | padding: 10px; 38 | border-radius: 5px; 39 | outline: none; 40 | border: 1px solid gray; 41 | } 42 | 43 | .forgotPass button { 44 | border-radius: 10px; 45 | } 46 | -------------------------------------------------------------------------------- /src/Components/notfound.css: -------------------------------------------------------------------------------- 1 | .error-404 .inner-content { 2 | text-align: center; 3 | max-width: 550px; 4 | margin: auto; 5 | } 6 | 7 | .error-404 .error-title { 8 | font-size: 180px !important; 9 | line-height: 180px; 10 | color: #1f2278; 11 | font-family: "Montserrat", sans-serif; 12 | font-weight: 700; 13 | margin-bottom: 15px; 14 | } 15 | 16 | .error-404 .error-title span { 17 | width: 145px; 18 | height: 145px; 19 | display: inline-block; 20 | background-image: url(../Assets/error.4b5472f1.gif); 21 | background-size: 100%; 22 | margin: 0 10px; 23 | } 24 | 25 | .error-404 .error-text { 26 | margin-bottom: 15px; 27 | } 28 | 29 | .error-404 p { 30 | margin-bottom: 30px; 31 | font-weight: 500; 32 | color: #444; 33 | } 34 | 35 | .m-r5 { 36 | margin-right: 5px; 37 | } 38 | -------------------------------------------------------------------------------- /src/Sections/banner.js: -------------------------------------------------------------------------------- 1 | import { Link } from "react-router-dom"; 2 | import doctor from "../Assets/doctor.webp"; 3 | import "./banner.css"; 4 | function Banner() { 5 | return ( 6 |
7 |
8 |
9 |
10 |
Adding Care to your Life.
11 |

Protecting and Taking Care To Of Your Health

12 | 15 |
16 | 17 |
18 | img 19 |
20 |
21 |
22 |
23 | ); 24 | } 25 | 26 | export default Banner; 27 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import "./index.css"; 2 | import Home from "./Components/home"; 3 | import About from "./Components/about"; 4 | import OurTeam from "./Components/ourteam"; 5 | import Booking from "./Components/booking"; 6 | import NotFound from "./Components/notfound"; 7 | import Login from "./Components/login"; 8 | import Service from "./Components/service"; 9 | import Report from "./Components/Report"; 10 | import { Routes, Route } from "react-router-dom"; 11 | import Team from "./Sections/Team"; 12 | 13 | function App() { 14 | return ( 15 | 16 | } /> 17 | } /> 18 | } /> 19 | } /> 20 | } /> 21 | } /> 22 | } /> 23 | } /> 24 | } /> 25 | 26 | ); 27 | } 28 | 29 | export default App; 30 | -------------------------------------------------------------------------------- /src/Redux/store.js: -------------------------------------------------------------------------------- 1 | import { 2 | legacy_createStore as createStore, 3 | applyMiddleware, 4 | compose, 5 | } from "redux"; 6 | import thunk from "redux-thunk"; 7 | import { rootReducer } from "./index.js"; 8 | 9 | function saveToLocalStorage(store) { 10 | try { 11 | const serializedStore = JSON.stringify(store); 12 | window.localStorage.setItem("store", serializedStore); 13 | } catch (e) { 14 | console.log(e); 15 | } 16 | } 17 | 18 | function loadFromLocalStorage() { 19 | try { 20 | const serializedStore = window.localStorage.getItem("store"); 21 | if (serializedStore === null) return undefined; 22 | return JSON.parse(serializedStore); 23 | } catch (e) { 24 | console.log(e); 25 | return undefined; 26 | } 27 | } 28 | const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; 29 | const persistedState = loadFromLocalStorage(); 30 | 31 | export const store = createStore( 32 | rootReducer, 33 | persistedState, 34 | composeEnhancers(applyMiddleware(thunk)) 35 | ); 36 | 37 | store.subscribe(() => saveToLocalStorage(store.getState())); 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/Redux/auth/action.js: -------------------------------------------------------------------------------- 1 | import * as types from "./types"; 2 | import axios from "axios"; 3 | 4 | //login user 5 | export const authLogin = (data) => async (dispatch) => { 6 | try { 7 | dispatch({ type: types.LOGIN_USER_REQUEST }); 8 | const res = await axios.post( 9 | "https://zany-gray-clam-gear.cyclic.app/patients/login", 10 | data 11 | ); 12 | console.log(res); 13 | dispatch({ 14 | type: types.LOGIN_USER_SUCCESS, 15 | payload: { 16 | message: res.data.message, 17 | user: res.data.user, 18 | token: res.data.token, 19 | report: res.data.report, 20 | }, 21 | }); 22 | return res.data; 23 | } catch (error) { 24 | console.log(error); 25 | } 26 | }; 27 | 28 | // logout user 29 | 30 | export const authLogout = () => async (dispatch) => { 31 | try { 32 | dispatch({ 33 | type: types.AUTH_LOGOUT, 34 | }); 35 | } catch (error) { 36 | console.log(error); 37 | } 38 | }; 39 | 40 | //forgot password 41 | export const forgotPassword = (data) => async (dispatch) => { 42 | try { 43 | const res = await axios.post( 44 | `https://zany-gray-clam-gear.cyclic.app/admin/forgot`, 45 | data 46 | ); 47 | return res.data; 48 | } catch (error) { 49 | console.log(error); 50 | } 51 | }; 52 | -------------------------------------------------------------------------------- /src/Redux/booking/action.js: -------------------------------------------------------------------------------- 1 | import * as types from "./types"; 2 | import axios from "axios"; 3 | 4 | // create booking 5 | export const createBooking = (data) => async (dispatch) => { 6 | try { 7 | dispatch({ type: types.CREATE_BOOKING_REQUEST }); 8 | const res = await axios.post( 9 | `https://zany-gray-clam-gear.cyclic.app/appointments/create`, 10 | data 11 | ); 12 | console.log(res); 13 | // dispatch({ type: types.CREATE_BOOKING_SUCCESS, payload: res.data.postData }); 14 | } catch (error) { 15 | console.log(error); 16 | } 17 | }; 18 | // create patient 19 | export const createPatient = (data) => async (dispatch) => { 20 | try { 21 | const res = await axios.post( 22 | `https://zany-gray-clam-gear.cyclic.app/patients/register`, 23 | data 24 | ); 25 | return res.data 26 | } catch (error) { 27 | console.log(error); 28 | } 29 | }; 30 | 31 | // get post 32 | // export const getPost = () => async (dispatch) => { 33 | // try { 34 | // dispatch({ type: types.GET_POST_REQUEST }); 35 | // const res = await axios.get( 36 | // `https://zany-gray-clam-gear.cyclic.app/appointments` 37 | // ); 38 | // dispatch({ type: types.GET_POST_SUCCESS, payload: res.data.post }); 39 | // } catch (error) { 40 | // console.log(error); 41 | // } 42 | // }; 43 | -------------------------------------------------------------------------------- /src/Components/booking.js: -------------------------------------------------------------------------------- 1 | import "./about.css"; 2 | import { FiHome } from "react-icons/fi"; 3 | import NavBars from "../Sections/navbar"; 4 | import Account from "../Sections/account"; 5 | import Footer from "../Sections/footer"; 6 | import ToTop from "../Sections/totop"; 7 | import { Link } from "react-router-dom"; 8 | 9 | function Booking() { 10 | return ( 11 |
12 | 13 |
14 |
15 |
16 |
17 |

Booking

18 | 31 |
32 |
33 |
34 |
35 | 36 |
39 | ); 40 | } 41 | 42 | export default Booking; 43 | -------------------------------------------------------------------------------- /src/Components/about.js: -------------------------------------------------------------------------------- 1 | import AboutUs from "../Sections/aboutus"; 2 | import NavBars from "../Sections/navbar"; 3 | import Footer from "../Sections/footer"; 4 | import ToTop from "../Sections/totop"; 5 | import "./about.css"; 6 | import Services2 from "../Sections/services2"; 7 | import { FiHome } from "react-icons/fi"; 8 | import { Link } from "react-router-dom"; 9 | 10 | function About() { 11 | return ( 12 |
13 | 14 |
15 |
16 |
17 |
18 |

About Us

19 | 32 |
33 |
34 |
35 |
36 | 37 | 38 |
41 | ); 42 | } 43 | 44 | export default About; 45 | -------------------------------------------------------------------------------- /src/Redux/auth/reducer.js: -------------------------------------------------------------------------------- 1 | import * as types from "./types"; 2 | 3 | const TOKEN = localStorage.getItem("token"); 4 | const initialState = { 5 | userLogin: { loading: false, error: false, message: "" }, 6 | userLogout: { message: "" }, 7 | data: { 8 | isAuthenticated: !!TOKEN, 9 | token: TOKEN, 10 | user: null, 11 | report: [], 12 | }, 13 | }; 14 | 15 | export default function authReducer(state = initialState, { type, payload }) { 16 | switch (type) { 17 | case types.LOGIN_USER_REQUEST: 18 | return { 19 | ...state, 20 | userLogin: { loading: true, error: false }, 21 | }; 22 | case types.LOGIN_USER_SUCCESS: 23 | localStorage.setItem("token", payload.token); 24 | return { 25 | ...state, 26 | userLogin: { loading: false, error: false, message: payload.message }, 27 | data: { 28 | isAuthenticated: payload.token ? true : false, 29 | token: payload.token, 30 | report: payload.report, 31 | user: payload.user, 32 | }, 33 | }; 34 | 35 | case "AUTH_LOGIN_RESET": 36 | return { 37 | ...state, 38 | userLogin: { loading: false, error: false, message: "" }, 39 | }; 40 | case types.AUTH_LOGOUT: 41 | localStorage.removeItem("token"); 42 | return { 43 | ...state, 44 | userLogout: { message: "Logout Successfully" }, 45 | data: { 46 | isAuthenticated: false, 47 | token: null, 48 | user: null, 49 | }, 50 | }; 51 | default: 52 | return state; 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "HMS", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@fortawesome/fontawesome-svg-core": "^6.1.2", 7 | "@fortawesome/free-brands-svg-icons": "^6.1.2", 8 | "@fortawesome/free-regular-svg-icons": "^6.1.2", 9 | "@fortawesome/free-solid-svg-icons": "^6.1.2", 10 | "@fortawesome/react-fontawesome": "^0.2.0", 11 | "@testing-library/jest-dom": "^5.16.5", 12 | "@testing-library/react": "^13.4.0", 13 | "@testing-library/user-event": "^13.5.0", 14 | "axios": "^1.2.3", 15 | "bootstrap": "^5.2.0", 16 | "jquery": "^3.6.0", 17 | "react": "^18.2.0", 18 | "react-bootstrap": "^2.5.0", 19 | "react-dom": "^18.2.0", 20 | "react-icons": "^4.4.0", 21 | "react-redux": "^8.0.5", 22 | "react-router-dom": "^6.6.2", 23 | "react-scripts": "5.0.1", 24 | "react-scroll-to-top": "^3.0.0", 25 | "react-slick": "^0.29.0", 26 | "react-toastify": "^9.1.1", 27 | "redux": "^4.2.0", 28 | "redux-thunk": "^2.4.2", 29 | "slick-carousel": "^1.8.1", 30 | "web-vitals": "^2.1.4" 31 | }, 32 | "scripts": { 33 | "start": "react-scripts start", 34 | "build": "react-scripts build", 35 | "test": "react-scripts test", 36 | "eject": "react-scripts eject" 37 | }, 38 | "eslintConfig": { 39 | "extends": [ 40 | "react-app", 41 | "react-app/jest" 42 | ] 43 | }, 44 | "browserslist": { 45 | "production": [ 46 | ">0.2%", 47 | "not dead", 48 | "not op_mini all" 49 | ], 50 | "development": [ 51 | "last 1 chrome version", 52 | "last 1 firefox version", 53 | "last 1 safari version" 54 | ] 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /src/Sections/services2.js: -------------------------------------------------------------------------------- 1 | import "../index.css"; 2 | 3 | function Services2() { 4 | return ( 5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |

10+

13 |
Years With You
14 | 15 |
16 |
17 |
18 |
19 |

200+

20 |
Awards
21 | 22 |
23 |
24 |
25 |
26 |

25+

27 |
Doctors
28 | 29 |
30 |
31 |
32 |
33 |

8000+

34 |
Satisfied Patients
35 | 36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 | ); 44 | } 45 | 46 | export default Services2; 47 | -------------------------------------------------------------------------------- /src/Components/Report.css: -------------------------------------------------------------------------------- 1 | .reportTables { 2 | width: 80%; 3 | margin: 2rem auto; 4 | } 5 | .reportTables table { 6 | font-family: arial, sans-serif; 7 | border-collapse: collapse; 8 | width: 100%; 9 | } 10 | 11 | .reportTables td, 12 | th { 13 | border: 1px solid rgb(174, 174, 255); 14 | text-align: left; 15 | padding: 8px; 16 | } 17 | 18 | .reportTables tr:nth-child(even) { 19 | background-color: rgb(189, 189, 243); 20 | } 21 | .reportContainer { 22 | width: 60%; 23 | margin: 2rem auto; 24 | background-color: rgb(240, 248, 255); 25 | border: 2px solid rgb(174, 174, 255); 26 | border-radius: 5px; 27 | } 28 | .reportLogin { 29 | text-align: center; 30 | } 31 | .reportHeading { 32 | width: 100%; 33 | text-align: center; 34 | background-color: rgb(174, 174, 255); 35 | padding: 3rem 2rem; 36 | } 37 | .reportHeading h1 { 38 | font-weight: bold; 39 | color: white; 40 | } 41 | .reportDetail { 42 | display: flex; 43 | justify-content: space-evenly; 44 | } 45 | .reportDetail > div { 46 | width: 50%; 47 | padding: 2rem 2rem 1rem 2rem; 48 | } 49 | 50 | .reportMedical { 51 | display: flex; 52 | justify-content: space-evenly; 53 | border-top: 1px solid rgb(174, 174, 255); 54 | padding-top: 2rem; 55 | } 56 | .reportMedical > div:nth-child(1) { 57 | width: 40%; 58 | padding: 0 3rem; 59 | } 60 | .reportMedical > div:nth-child(2) { 61 | width: 60%; 62 | padding: 0 2rem; 63 | } 64 | .reportMedical > div:nth-child(1) p { 65 | color: rgb(121, 121, 254); 66 | } 67 | .reportMedicines { 68 | width: 80%; 69 | margin: 2rem auto; 70 | } 71 | .reportMedicines table { 72 | font-family: arial, sans-serif; 73 | border-collapse: collapse; 74 | width: 100%; 75 | } 76 | 77 | .reportMedicines td, 78 | th { 79 | border: 1px solid rgb(174, 174, 255); 80 | text-align: left; 81 | padding: 8px; 82 | } 83 | 84 | .reportMedicines tr:nth-child(even) { 85 | background-color: rgb(189, 189, 243); 86 | } 87 | 88 | .reportDate { 89 | padding: 1rem 2rem 2rem 3rem; 90 | } 91 | .reportDate p { 92 | color: rgb(121, 121, 254); 93 | } 94 | -------------------------------------------------------------------------------- /src/Components/notfound.js: -------------------------------------------------------------------------------- 1 | import NavBars from "../Sections/navbar"; 2 | import Footer from "../Sections/footer"; 3 | import "./about.css"; 4 | import { FiHome } from "react-icons/fi"; 5 | import "./notfound.css"; 6 | import "../index.css"; 7 | import ToTop from "../Sections/totop"; 8 | import { Link } from "react-router-dom"; 9 | 10 | function NotFound() { 11 | return ( 12 |
13 | 14 |
15 |
16 |
17 |
18 |

Page Not Found

19 | 32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |

40 | 44 41 |

42 |

43 | The Page you were looking for, couldn't be found. 44 |

45 |

46 | The page you are looking for might have been removed, had its name 47 | changed, or is temporarily unavailable. 48 |

49 | 57 |
58 |
59 |
60 |
63 | ); 64 | } 65 | 66 | export default NotFound; 67 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## To Run Locally 2 | 3 | Clone the project 4 | 5 | ```bash 6 | git clone https://github.com/piyush-agrawal6/Hospital-Management-System.git 7 | ``` 8 | 9 | Go to the project directory 10 | 11 | ```bash 12 | cd Hospital-Management-System 13 | ``` 14 | 15 | Install dependencies 16 | 17 | ```bash 18 | npm install 19 | ``` 20 | 21 | Start the server 22 | 23 | ```bash 24 | npm run start 25 | ``` 26 | 27 | # Hospital-Management-System-User-Side 28 | This website is made for the user interaction only , where the user or patients can book appointments , can get their reports online , know the details about the hospital, Doctors and many more information... 29 | 30 | ## Tech Stack 31 | 32 | **Client:** 33 | 34 | - **React** 35 | - **Redux Thunk** 36 | - **Axios** 37 | - **Bootstrap** 38 | 39 | **Server:** 40 | 41 | - **Node Js** 42 | - **Mongo DB** 43 | - **Express Js** 44 | - **JWT** 45 | - **Nodemailer** 46 | 47 | ## Deployment 48 | 49 | - **Client** (Netlify) 50 | - **Server** (Cyclic) 51 | 52 | ## Credentials 53 | 54 | ID - 100 55 | 56 | Password - masai 57 | 58 | ## Features 59 | 60 | - Creating appointments 61 | - Getting reports 62 | - Doctor Information 63 | 64 | ## 🔗 Links 65 | 66 | Client - https://hms-user-side.netlify.app/ 67 | 68 | Staff Dashboard - https://hm-system.netlify.app/ 69 | 70 | Server - https://github.com/piyush-agrawal6/HMS-Backend 71 | 72 | ## Screenshots 73 | 74 | 1.Home 75 | 76 | ![31 01 2023_21 51 14_REC](https://user-images.githubusercontent.com/100460788/215819644-9abea62e-87aa-4fc9-9dbb-2dec52ea1c65.png) 77 | 78 | 79 | 2.Doctors 80 | 81 | ![31 01 2023_21 51 42_REC](https://user-images.githubusercontent.com/100460788/215819655-f6bba72e-2fb0-4487-af0c-cc692c86cfa1.png) 82 | 83 | 84 | 3.Book Appointments 85 | 86 | ![31 01 2023_21 52 09_REC](https://user-images.githubusercontent.com/100460788/215819662-c8a1ca12-d7f3-465b-b0dd-22f6361777ae.png) 87 | 88 | 4.Services 89 | 90 | ![31 01 2023_21 51 55_REC](https://user-images.githubusercontent.com/100460788/215819659-ddf130ff-97b1-4a22-9f2b-0d561cff2630.png) 91 | 92 | 5.Report 93 | 94 | ![31 01 2023_21 53 28_REC](https://user-images.githubusercontent.com/100460788/215819675-274806ae-eb74-4ac0-bce4-51c9ede2bc7f.png) 95 | 96 | 6.Login 97 | 98 | ![31 01 2023_21 52 22_REC](https://user-images.githubusercontent.com/100460788/215819668-9e12eb1b-412f-4f27-b4ee-0eb807a19d2a.png) 99 | 100 | 101 | 102 | ## Presentation 103 | 104 | Link - Drive 105 | 106 | ## Team Members / Contributors 107 | 108 | - [@Piyush Agrawal](https://github.com/piyush-agrawal6) 109 | - [@Rajendra Patel](https://github.com/centauricoder01) 110 | - [@Salman Ajani](https://github.com/SalmanAjani) 111 | 112 | -------------------------------------------------------------------------------- /src/Sections/navbar.css: -------------------------------------------------------------------------------- 1 | nav { 2 | width: 100%; 3 | background-color: #f7f7ff !important; 4 | transition: all 0.5s; 5 | z-index: 997; 6 | } 7 | 8 | nav .navbar-nav { 9 | margin-top: 12px; 10 | } 11 | 12 | .navbar-collapse { 13 | flex-grow: 0 !important; 14 | justify-content: flex-end !important; 15 | } 16 | 17 | nav .navbar-nav a { 18 | color: #1f2278; 19 | font-family: "Montserrat", sans-serif; 20 | font-size: 16px; 21 | font-weight: 600; 22 | margin-right: 20px; 23 | transition: all 0.8s; 24 | } 25 | 26 | .navbar-nav a.active { 27 | color: #f17732 !important; 28 | } 29 | 30 | nav .navbar-nav a:hover { 31 | color: #f17732; 32 | } 33 | 34 | .sticked { 35 | background-color: white !important; 36 | position: fixed !important; 37 | width: 100%; 38 | top: 0%; 39 | right: 0; 40 | left: 0; 41 | z-index: 1030; 42 | } 43 | 44 | .container-fluid { 45 | padding: 0px 30px !important; 46 | } 47 | 48 | nav .navbar-nav button { 49 | background-color: #565acf; 50 | padding: 17px 35px; 51 | border-radius: 8px; 52 | color: #fff; 53 | border: none; 54 | text-transform: uppercase; 55 | margin-top: -14px; 56 | text-decoration: none; 57 | font-weight: 500; 58 | font-size: 14px; 59 | transition: all 0.5s; 60 | border-width: 2px; 61 | line-height: 1.2; 62 | box-shadow: 0 5px 20px 0 rgba(86, 90, 207, 0.3) !important; 63 | } 64 | 65 | nav .navbar-nav button span { 66 | width: 40px; 67 | height: 40px; 68 | background: #fff; 69 | color: #565acf; 70 | font-weight: 900; 71 | font-size: 19px; 72 | border-radius: inherit; 73 | line-height: 40px; 74 | display: inline-block; 75 | margin: -12px -27px -12px 15px; 76 | } 77 | 78 | nav .navbar-nav button span svg { 79 | padding-bottom: 2px; 80 | } 81 | 82 | nav .navbar-nav button:hover { 83 | background-color: #494cae; 84 | } 85 | 86 | .navbar-nav .dropdown-menu { 87 | background: #fff; 88 | border: 1px solid #fff; 89 | border-radius: 0 !important; 90 | width: 200px; 91 | overflow: hidden; 92 | position: static; 93 | transition: height 0.3s ease-in-out; 94 | transition-delay: 0.1s; 95 | } 96 | 97 | .navbar-nav .dropdown-menu a { 98 | color: #444; 99 | font-size: 14px; 100 | line-height: 30px !important; 101 | transition: 0.3s ease all; 102 | position: relative; 103 | } 104 | 105 | .navbar-toggler { 106 | border: none !important; 107 | } 108 | 109 | .navbar-nav .dropdown-menu a:hover { 110 | color: #565acf !important; 111 | } 112 | 113 | @media (max-width: 992px) { 114 | nav .navbar-nav a { 115 | margin-bottom: 16px; 116 | } 117 | .navbar-nav .dropdown-menu { 118 | width: 100%; 119 | background-color: rgba(248, 249, 250); 120 | border: none; 121 | } 122 | } 123 | 124 | @media (max-width: 550px) { 125 | .navbar-brand img { 126 | width: 130px; 127 | } 128 | } 129 | -------------------------------------------------------------------------------- /src/Sections/navbar.js: -------------------------------------------------------------------------------- 1 | import Container from "react-bootstrap/Container"; 2 | import Nav from "react-bootstrap/Nav"; 3 | import Navbar from "react-bootstrap/Navbar"; 4 | import NavDropdown from "react-bootstrap/NavDropdown"; 5 | import Logo from "../Assets/Logo.png"; 6 | import { IoIosArrowForward } from "react-icons/io"; 7 | import { Link } from "react-router-dom"; 8 | import "./navbar.css"; 9 | import { useDispatch, useSelector } from "react-redux"; 10 | import { ToastContainer, toast } from "react-toastify"; 11 | import "react-toastify/dist/ReactToastify.css"; 12 | const notify = (text) => toast(text); 13 | 14 | function NavBars() { 15 | const { data } = useSelector((store) => store.auth); 16 | const dispatch = useDispatch(); 17 | return ( 18 |
19 | 20 | 21 | 22 | 23 | img 24 | 25 | 26 | 27 | 72 | 73 | 74 | 75 |
76 | ); 77 | } 78 | 79 | export default NavBars; 80 | -------------------------------------------------------------------------------- /src/Sections/account.css: -------------------------------------------------------------------------------- 1 | .account-wraper1 { 2 | padding-bottom: 100px; 3 | } 4 | 5 | .account-wraper1 .appointment-inner { 6 | background-color: #f5f5fc; 7 | border-radius: 40px; 8 | position: relative; 9 | z-index: 1; 10 | } 11 | 12 | .section-sp2 { 13 | padding-top: 100px; 14 | padding-bottom: 100px; 15 | background-image: url(../Assets/appointment-sec.png); 16 | background-repeat: no-repeat; 17 | background-position: 20px 140px; 18 | } 19 | 20 | .appointment-form { 21 | background-color: #fff; 22 | box-shadow: 0 10px 60px 0 rgb(31 34 120 / 10%); 23 | border-radius: 40px; 24 | padding: 40px 35px; 25 | text-align: center; 26 | position: relative; 27 | margin-left: 50px; 28 | } 29 | 30 | .appointment-form h3 { 31 | margin-bottom: 30px; 32 | font-size: 28px; 33 | font-weight: 700; 34 | color: #1f2278; 35 | line-height: 1.3; 36 | } 37 | 38 | .form-wraper .form-group { 39 | margin-bottom: 20px; 40 | } 41 | 42 | .form-wraper .form-control { 43 | border: 1px solid rgba(86, 90, 207, 0.3); 44 | border-radius: 8px; 45 | height: 60px; 46 | font-weight: 500; 47 | font-size: 16px; 48 | color: #000; 49 | padding: 15px 25px; 50 | transition: all 0.3s ease-in-out; 51 | background: #fff; 52 | } 53 | 54 | .appointment-form button { 55 | margin-top: 15px; 56 | background-color: #f17732; 57 | color: #fff; 58 | font-size: 16px !important; 59 | padding: 20px 35px !important; 60 | line-height: 1 !important; 61 | } 62 | 63 | .appointment-form button:hover { 64 | background-color: #ff853f; 65 | } 66 | 67 | .appointment-form:after { 68 | content: ""; 69 | position: absolute; 70 | top: -20px; 71 | left: -20px; 72 | border-radius: 40px; 73 | width: 100%; 74 | height: 100%; 75 | border: 2px solid #565acf; 76 | z-index: -1; 77 | } 78 | 79 | .appointment-thumb { 80 | width: 650px; 81 | margin-left: 0; 82 | position: relative; 83 | } 84 | 85 | img { 86 | border-style: none; 87 | height: auto; 88 | max-width: 100%; 89 | vertical-align: middle; 90 | } 91 | 92 | .appointment-thumb .images-group .img1 { 93 | height: 400px; 94 | right: 20px; 95 | bottom: 16px; 96 | -webkit-animation: left-right 2s infinite alternate; 97 | animation: left-right 2s infinite alternate; 98 | } 99 | 100 | .appointment-thumb .images-group img { 101 | position: absolute; 102 | } 103 | 104 | @keyframes left-right { 105 | 0% { 106 | right: 20px; 107 | } 108 | 100% { 109 | right: 35px; 110 | } 111 | } 112 | 113 | @media (max-width: 1024px) { 114 | .appointment-thumb { 115 | width: 100%; 116 | margin-top: 40px; 117 | } 118 | 119 | .appointment-thumb .images-group .img1 { 120 | height: 71%; 121 | } 122 | } 123 | 124 | @media (max-width: 732px) { 125 | .appointment-thumb { 126 | width: 100%; 127 | margin-top: 40px; 128 | } 129 | 130 | .appointment-thumb .images-group .img1 { 131 | height: 71%; 132 | } 133 | .appointment-form { 134 | background-color: #fff; 135 | box-shadow: 0 10px 60px 0 rgb(31 34 120 / 10%); 136 | border-radius: 40px; 137 | padding: 40px 35px; 138 | text-align: center; 139 | position: relative; 140 | margin-left: 0; 141 | } 142 | } 143 | -------------------------------------------------------------------------------- /src/Sections/banner.css: -------------------------------------------------------------------------------- 1 | /* Banner Section */ 2 | 3 | .banner { 4 | margin-top: 0px; 5 | position: relative !important; 6 | background-image: url(../Assets/bg1.c53c8971.jpg); 7 | background-repeat: no-repeat; 8 | height: 700px; 9 | background-position: 50%; 10 | background-size: cover; 11 | overflow: hidden; 12 | z-index: 1; 13 | } 14 | 15 | .banner .row h5 { 16 | margin: 0 0 10px; 17 | font-size: 18px; 18 | font-weight: 700 !important; 19 | display: inline-block; 20 | color: #565acf; 21 | padding: 5px 15px; 22 | background-position: 50%; 23 | background-repeat: repeat; 24 | } 25 | 26 | .banner .row h2 { 27 | margin-bottom: 50px; 28 | font-weight: 800 !important; 29 | line-height: 1.3; 30 | color: #1f2278; 31 | font-size: 45px; 32 | } 33 | 34 | .banner .row a { 35 | padding: 20px 45px; 36 | box-shadow: 0 5px 20px 0 rgba(241, 119, 50, 0.3) !important; 37 | background-color: #f17732; 38 | color: #fff !important; 39 | font-size: 16px; 40 | line-height: 1; 41 | border-radius: 8px; 42 | text-decoration: none !important; 43 | font-weight: 500; 44 | font-family: "Montserrat", sans-serif; 45 | transition: all 0.5s; 46 | } 47 | 48 | .row button { 49 | border: none !important; 50 | } 51 | 52 | .banner .row a:hover { 53 | background-color: #ff853f; 54 | } 55 | .bannerImg img { 56 | width: 90%; 57 | } 58 | 59 | .banner .row img { 60 | margin-right: 0; 61 | margin-left: 0; 62 | border-style: none; 63 | height: auto; 64 | max-width: 100%; 65 | vertical-align: middle; 66 | animation: up-down 2.5s infinite alternate; 67 | position: relative; 68 | } 69 | 70 | @keyframes up-down { 71 | 0% { 72 | top: 0px; 73 | } 74 | 100% { 75 | top: 12px; 76 | } 77 | } 78 | 79 | .banner:after { 80 | content: ""; 81 | height: 100%; 82 | width: 100%; 83 | left: 0; 84 | bottom: 0; 85 | position: absolute; 86 | background-image: url(../Assets/shape1.1112f1ac.png); 87 | background-repeat: no-repeat; 88 | background-position: 0 100%; 89 | background-size: 100%; 90 | z-index: -1; 91 | } 92 | 93 | @media (max-width: 992px) { 94 | .banner { 95 | padding-top: 20px; 96 | height: 400px; 97 | } 98 | .banner .row h2 { 99 | font-size: 30px; 100 | } 101 | 102 | .banner .row h5 { 103 | padding: 10px 0px; 104 | } 105 | .banner .row a { 106 | padding: 15px 30px; 107 | font-size: 14px; 108 | } 109 | } 110 | @media (max-width: 768px) { 111 | .banner { 112 | padding-top: 20px; 113 | height: 600px; 114 | } 115 | .bannerImg { 116 | display: flex; 117 | justify-content: center; 118 | padding: 10px 0; 119 | } 120 | .bannerImg img { 121 | width: 50%; 122 | } 123 | } 124 | @media (max-width: 450px) { 125 | .banner .row h5 { 126 | font-size: 15px; 127 | } 128 | .banner .row h2 { 129 | font-size: 25px; 130 | } 131 | .banner .row a { 132 | padding: 10px 20px; 133 | font-size: 12px; 134 | } 135 | .bannerImg { 136 | padding-top: 25px; 137 | } 138 | .bannerImg img { 139 | width: 60%; 140 | } 141 | } 142 | @media (max-width: 350px) { 143 | .banner { 144 | padding-top: 20px; 145 | height: 500px; 146 | } 147 | .banner .row h2 { 148 | font-size: 22px; 149 | } 150 | } 151 | -------------------------------------------------------------------------------- /src/Sections/footer.css: -------------------------------------------------------------------------------- 1 | footer { 2 | position: relative; 3 | z-index: 1; 4 | overflow: hidden; 5 | font-size: 15px; 6 | background-image: url(../Assets/footer.d025f458.jpg); 7 | background-repeat: no-repeat; 8 | background-position: 50%; 9 | background-size: cover; 10 | } 11 | 12 | footer .footer-top { 13 | padding: 150px 0 0; 14 | } 15 | 16 | .widget { 17 | margin-bottom: 40px; 18 | } 19 | 20 | footer .footer-logo { 21 | max-width: 190px; 22 | margin-bottom: 25px; 23 | } 24 | 25 | footer .ft-contact p { 26 | font-size: 16px; 27 | line-height: 28px; 28 | font-weight: 500; 29 | margin-bottom: 30px; 30 | } 31 | 32 | footer .ft-contact .contact-bx { 33 | display: flex; 34 | align-items: center; 35 | } 36 | 37 | footer .ft-contact .contact-bx .icon svg { 38 | font-size: 24px; 39 | color: #fff; 40 | margin-right: 15px; 41 | background-color: #f17732; 42 | padding: 17px; 43 | border-radius: 30px 30px 0 30px; 44 | width: 58px; 45 | height: 58px; 46 | line-height: 58px; 47 | text-align: center; 48 | } 49 | 50 | footer .ft-contact .contact-bx .contact-number span { 51 | color: #f17732; 52 | font-size: 14px; 53 | margin-bottom: 5px; 54 | font-weight: 600; 55 | display: block; 56 | } 57 | 58 | footer .ft-contact .contact-bx .contact-number .number { 59 | margin-bottom: 0; 60 | font-size: 20px; 61 | color: #1f2278; 62 | font-weight: 700; 63 | } 64 | 65 | footer .widget .footer-title { 66 | margin-bottom: 30px; 67 | position: relative; 68 | padding-bottom: 20px; 69 | font-size: 24px; 70 | } 71 | 72 | footer .widget .footer-title:after { 73 | content: ""; 74 | position: absolute; 75 | bottom: 0; 76 | left: 0; 77 | width: 85px; 78 | height: 4px; 79 | background-color: #565acf; 80 | background-repeat: no-repeat; 81 | } 82 | 83 | footer .widget ul { 84 | margin-bottom: 0; 85 | padding-left: 0; 86 | } 87 | 88 | .footer .footer-widget ul li a { 89 | font-size: 16px; 90 | font-weight: 500; 91 | padding: 6px 0; 92 | text-decoration: none; 93 | display: block; 94 | line-height: 25px; 95 | color: #444; 96 | position: relative; 97 | } 98 | 99 | .footer .footer-widget ul li a:hover { 100 | color: #565acf; 101 | } 102 | 103 | .w-100 { 104 | width: 100% !important; 105 | } 106 | 107 | button.btn.btn-secondary.shadow:hover { 108 | background-color: #f38f5e !important; 109 | } 110 | 111 | .footer .footer-social-link ul { 112 | margin: 0 -8px; 113 | } 114 | 115 | .footer .footer-social-link ul li { 116 | display: inline-block; 117 | padding: 0 8px; 118 | } 119 | 120 | .footer .footer-social-link ul li a { 121 | text-decoration: none; 122 | } 123 | 124 | .footer .footer-social-link ul li a svg { 125 | font-size: 30px; 126 | color: #565acf; 127 | } 128 | 129 | .footer .footer-bottom { 130 | border-top: 1px solid #d4d5f1; 131 | padding: 25px 0; 132 | font-size: 15px; 133 | } 134 | 135 | .footer .footer-bottom .copyright-text { 136 | margin: 0; 137 | } 138 | 139 | footer p { 140 | font-weight: 500; 141 | } 142 | 143 | .footer .footer-bottom .copyright-text a { 144 | text-decoration: none; 145 | color: #f17732 !important; 146 | font-weight: 500 !important; 147 | margin-left: 5px; 148 | } 149 | 150 | .footer:after { 151 | content: ""; 152 | background-image: url(../Assets/footerback111.png); 153 | position: absolute; 154 | top: 0; 155 | left: 0; 156 | width: 100%; 157 | height: 100%; 158 | background-repeat: no-repeat; 159 | background-size: 100%; 160 | z-index: -1; 161 | background-position: 0 0; 162 | } 163 | 164 | @media (max-width: 732px) { 165 | footer .widget.footer-widget ul { 166 | margin-bottom: 0; 167 | padding-left: 0; 168 | } 169 | 170 | footer .widget .footer-title { 171 | margin-bottom: 30px; 172 | position: relative; 173 | padding-bottom: 20px; 174 | font-size: 20px !important; 175 | } 176 | 177 | .footer .footer-social-link ul { 178 | text-align: center; 179 | padding-left: 0; 180 | } 181 | } 182 | -------------------------------------------------------------------------------- /src/Sections/aboutus.js: -------------------------------------------------------------------------------- 1 | import about1 from "../Assets/pic-1.ad1ed7ee.jpg"; 2 | import about2 from "../Assets/pic-2.0593bc2f.jpg"; 3 | import about3 from "../Assets/pic-3.fa689b10.jpg"; 4 | import { FaAmbulance, FaBed, FaSyringe } from "react-icons/fa"; 5 | import { IoWater } from "react-icons/io5"; 6 | import "./aboutus.css" 7 | function AboutUs() { 8 | return ( 9 |
10 |
11 |
12 |
13 |
14 |
15 |
    16 |
  • 17 | img 18 |
    • 19 |
  • 20 | img 21 |
    • 22 |
  • 23 | img 24 |
    • 25 |
  • 26 |
    27 | 10 28 | Years of Experience 29 |
    30 |
    • 31 |
32 |
33 |
34 |
35 |
36 |
About Us
37 |

38 | The Great Place Of Medical Hospital Center 39 |

40 |

41 | We provide the special tips and advice’s of heath care 42 | treatment and high level of best technology involve in the our 43 | hospital. 44 |

45 |
46 |
47 |
48 |
49 |
50 | 51 | 52 | 53 |
54 |
55 |

Emergency Help

56 |
57 |
58 |
59 |
60 |
61 |
62 | 63 | 64 | 65 |
66 |
67 |

Qualified Doctors

68 |
69 |
70 |
71 |
72 |
73 |
74 | 75 | 76 | 77 |
78 |
79 |

Best Professionals

80 |
81 |
82 |
83 |
84 |
85 |
86 | 87 | 88 | 89 |
90 |
91 |

Medical Treatment

92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 | ); 102 | } 103 | 104 | export default AboutUs; 105 | -------------------------------------------------------------------------------- /src/Sections/aboutus.css: -------------------------------------------------------------------------------- 1 | .section { 2 | padding-top: 100px; 3 | padding-bottom: 70px; 4 | } 5 | 6 | .mb-30 { 7 | margin-bottom: 30px !important; 8 | } 9 | 10 | .about-images { 11 | margin-right: 30px; 12 | position: relative; 13 | } 14 | 15 | .about-images ul { 16 | display: flex; 17 | flex-wrap: wrap; 18 | margin: 0 -20px; 19 | } 20 | 21 | .about-images ul li { 22 | display: inline-flex; 23 | padding: 0 10px; 24 | margin-bottom: 20px; 25 | } 26 | 27 | .about-images ul li:first-child, 28 | .about-images ul li:nth-child(3) { 29 | width: 45%; 30 | } 31 | 32 | .about-images ul li:nth-child(2), 33 | .about-images ul li:nth-child(4) { 34 | width: 55%; 35 | } 36 | 37 | .about-images .img1 { 38 | border-radius: 0 60px 60px; 39 | margin-top: auto; 40 | margin-left: auto; 41 | } 42 | 43 | .about-images .img2 { 44 | border-radius: 60px 0 60px 60px; 45 | margin-top: auto; 46 | margin-right: auto; 47 | } 48 | 49 | .about-images .img3 { 50 | border-radius: 60px 60px 60px 0; 51 | margin-bottom: auto; 52 | margin-left: auto; 53 | } 54 | 55 | .about-images .exp-bx { 56 | background-color: #e6e7ff; 57 | border-radius: 60px 60px 0 60px; 58 | padding: 60px 0 30px; 59 | text-align: center; 60 | line-height: 75px; 61 | font-size: 120px; 62 | font-weight: 800; 63 | position: relative; 64 | display: block; 65 | color: #565acf; 66 | z-index: 2; 67 | width: 220px; 68 | } 69 | 70 | .about-images .exp-bx span { 71 | display: block; 72 | font-size: 18px; 73 | color: #1f2278; 74 | } 75 | 76 | .about-images .exp-bx:after { 77 | content: ""; 78 | position: absolute; 79 | top: 10px; 80 | left: 10px; 81 | width: 100%; 82 | height: 100%; 83 | border: 2px solid #565acf; 84 | border-radius: 60px 60px 0 60px; 85 | z-index: -1; 86 | } 87 | 88 | img { 89 | border-style: none; 90 | height: auto; 91 | max-width: 100%; 92 | vertical-align: middle; 93 | } 94 | 95 | .about-images:after { 96 | content: ""; 97 | position: absolute; 98 | top: 49%; 99 | left: 43%; 100 | width: 50px; 101 | height: 50px; 102 | background-color: #f17732; 103 | border-radius: 15px; 104 | -webkit-transform: rotate(45deg); 105 | transform: rotate(45deg); 106 | } 107 | 108 | .heading-bx { 109 | margin-bottom: 45px; 110 | } 111 | 112 | .heading-bx h6 { 113 | font-weight: 700; 114 | display: inline-block; 115 | padding: 3px 15px; 116 | font-size: 18px; 117 | background-position: 50%; 118 | background-repeat: repeat; 119 | margin-bottom: 15px; 120 | color: #f17732 !important; 121 | } 122 | 123 | .heading-bx h2.title { 124 | font-size: 36px; 125 | font-weight: 700; 126 | color: #1f2278; 127 | } 128 | 129 | .heading-bx p { 130 | padding-top: 5px; 131 | font-size: 15px; 132 | font-weight: 500; 133 | } 134 | 135 | .feature1 { 136 | border-color: #b2f0fb; 137 | align-items: center; 138 | display: flex; 139 | background-color: #fff; 140 | border-radius: 8px; 141 | padding: 10px 20px 10px 15px; 142 | z-index: 1; 143 | overflow: hidden; 144 | box-shadow: 0 5px 30px 0 rgb(31 34 120 / 8%); 145 | border: 1px solid #565acf; 146 | position: relative; 147 | } 148 | 149 | .icon-md { 150 | display: inline-block; 151 | text-align: center; 152 | } 153 | 154 | .feature1 .icon-cell { 155 | margin-right: 30px; 156 | } 157 | 158 | .feature1 .icon-cell svg { 159 | width: 45px; 160 | height: 45px; 161 | color: #565acf; 162 | } 163 | 164 | .icon-content { 165 | overflow: hidden; 166 | } 167 | 168 | .feature1 .icon-content h4 { 169 | font-size: 16px; 170 | font-weight: 600; 171 | color: #1f2278; 172 | margin: 0; 173 | } 174 | 175 | .feature1:after { 176 | content: ""; 177 | width: 85px; 178 | height: 85px; 179 | background-color: #ecfcff; 180 | position: absolute; 181 | border-radius: 50%; 182 | z-index: -1; 183 | top: -8px; 184 | left: -12px; 185 | } 186 | 187 | .btn { 188 | padding: 15px 30px !important; 189 | border-radius: 8px !important; 190 | text-decoration: none; 191 | font-weight: 500 !important; 192 | font-size: 14px !important; 193 | transition: all 0.5s; 194 | border-width: 2px !important; 195 | line-height: 1.2 !important; 196 | } 197 | 198 | @media (max-width: 990px) { 199 | .about-images { 200 | display: none; 201 | } 202 | .section { 203 | padding-bottom: 0; 204 | } 205 | 206 | .heading-bx h2.title { 207 | font-size: 24px; 208 | } 209 | .heading-bx h6 { 210 | padding: 3px 0px; 211 | } 212 | } 213 | -------------------------------------------------------------------------------- /src/Sections/services.js: -------------------------------------------------------------------------------- 1 | import { 2 | FaAmbulance, 3 | FaSyringe, 4 | FaStethoscope, 5 | FaBriefcaseMedical, 6 | } from "react-icons/fa"; 7 | import { TbMedicineSyrup } from "react-icons/tb"; 8 | import { Link } from "react-router-dom"; 9 | import Slider from "react-slick"; 10 | import "./services.css"; 11 | const settings = { 12 | dots: true, 13 | arrows: true, 14 | infinite: true, 15 | speed: 500, 16 | slidesToShow: 3, 17 | slidesToScroll: 1, 18 | responsive: [ 19 | { 20 | breakpoint: 1024, 21 | settings: { 22 | slidesToShow: 3, 23 | infinite: true, 24 | }, 25 | }, 26 | { 27 | breakpoint: 600, 28 | settings: { 29 | slidesToShow: 1, 30 | slidesToScroll: 1, 31 | }, 32 | }, 33 | { 34 | breakpoint: 450, 35 | settings: "unslick", 36 | }, 37 | ], 38 | }; 39 | 40 | function Services() { 41 | return ( 42 |
43 |
44 |
45 |
46 |
47 |
48 |
Services
49 |

50 | We Cover A Big Variety Of Medical Services 51 |

52 |

53 | We provide the special tips and advice’s of heath care 54 | treatment. 55 |

56 |
57 | 58 | All Services 59 | 60 |
61 | 65 |
66 |
67 | 68 | 69 | 70 |
71 | 72 |
73 |

Surgery

74 |
75 |
76 |
77 |
78 | 79 | 80 | 81 |
82 | 83 |
84 |

Vaccine

85 |
86 |
87 |
88 |
89 | 90 | 91 | 92 |
93 | 94 |
95 |

Emergency

96 |
97 |
98 |
99 |
100 | 101 | 102 | 103 |
104 | 105 |
106 |

Diagnostics

107 |
108 |
109 |
110 |
111 | 112 | 113 | 114 |
115 | 116 |
117 |

Treatment

118 |
119 |
120 | 121 |
122 |
123 |
124 |
125 | ); 126 | } 127 | 128 | export default Services; 129 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"); 2 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); 3 | 4 | * { 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | scroll-behavior: smooth; 9 | font-family: "Montserrat", sans-serif; 10 | } 11 | 12 | p { 13 | color: #444; 14 | font-weight: 500; 15 | } 16 | 17 | h1, 18 | h2, 19 | h3, 20 | h4, 21 | h5, 22 | h6 { 23 | font-family: "Montserrat", sans-serif; 24 | color: #1f2278; 25 | line-height: 1.3; 26 | } 27 | 28 | .h6, 29 | h6 { 30 | font-size: 18px !important; 31 | font-weight: 700 !important; 32 | } 33 | 34 | h5 a { 35 | font-size: 20px; 36 | font-weight: 700 !important; 37 | } 38 | 39 | h5 { 40 | font-size: 20px; 41 | font-weight: 700 !important; 42 | } 43 | 44 | .h1 a, 45 | .h2 a, 46 | .h3 a, 47 | .h4 a, 48 | .h5 a, 49 | .h6 a, 50 | h1 a, 51 | h2 a, 52 | h3 a, 53 | h4 a, 54 | h5 a, 55 | h6 a { 56 | color: #1f2278; 57 | text-decoration: none; 58 | } 59 | 60 | a { 61 | text-decoration: none; 62 | } 63 | 64 | .scroll-to-top { 65 | width: 50px !important; 66 | height: 50px !important; 67 | background: #565acf !important; 68 | font-size: 17px !important; 69 | padding: 6px !important; 70 | border-radius: 30% !important; 71 | text-align: center !important; 72 | } 73 | 74 | .scroll-to-top svg { 75 | color: #fff !important; 76 | } 77 | 78 | 79 | /* services section */ 80 | 81 | .btn-secondary.shadow, 82 | .btn-secondary:hover { 83 | box-shadow: 0 5px 20px 0 rgba(241, 119, 50, 0.3) !important; 84 | } 85 | 86 | .btn-secondary { 87 | background-color: #f17732 !important; 88 | color: #fff; 89 | border-color: #f17732 !important; 90 | } 91 | 92 | .btn-lg { 93 | font-size: 16px !important; 94 | padding: 20px 35px !important; 95 | line-height: 1; 96 | } 97 | 98 | .btn { 99 | border-radius: 8px; 100 | text-decoration: none; 101 | font-weight: 500 !important; 102 | transition: all 0.5s; 103 | border-width: 2px; 104 | } 105 | 106 | .bhover a:hover { 107 | background-color: #f38f5e !important; 108 | border-color: #f38f5e !important; 109 | } 110 | 111 | .service-wraper { 112 | position: relative; 113 | } 114 | 115 | .service-wraper .feature-container { 116 | margin: 15px !important; 117 | position: relative; 118 | } 119 | 120 | .feature-bx2 { 121 | border-radius: 20px; 122 | background-color: #fff; 123 | z-index: 1; 124 | overflow: hidden; 125 | padding: 30px; 126 | box-shadow: 1px 1px 50px rgb(0 0 0 / 8%); 127 | background-image: url(./Assets/slidderback.png); 128 | background-repeat: no-repeat; 129 | background-size: 100%; 130 | } 131 | 132 | .feature-bx2 .feature-box-xl { 133 | background: #fff; 134 | border: 2px solid rgba(86, 90, 207, 0.1); 135 | border-radius: 13px; 136 | width: 130px; 137 | height: 130px; 138 | display: inline-block; 139 | text-align: center; 140 | line-height: 130px; 141 | } 142 | 143 | .feature-bx2 .feature-box-xl img, 144 | .feature-bx2 .feature-box-xl svg { 145 | width: 60px; 146 | height: 60px; 147 | margin-bottom: 10px; 148 | color: #565acf; 149 | } 150 | 151 | .feature-bx2 .icon-content p { 152 | font-size: 15px; 153 | margin-bottom: 20px; 154 | } 155 | 156 | h3 { 157 | font-size: 28px !important; 158 | font-weight: 700 !important; 159 | color: #1f2278; 160 | line-height: 1.3 !important; 161 | } 162 | 163 | .service-wraper .slick-slider { 164 | margin-right: -100px; 165 | } 166 | 167 | .service-wraper:after { 168 | content: ""; 169 | background-color: #565acf; 170 | height: 100%; 171 | width: 45%; 172 | position: absolute; 173 | right: 0; 174 | top: 0; 175 | z-index: -1; 176 | border-radius: 40px 0 0 40px; 177 | } 178 | 179 | .slick-slide { 180 | padding: 10px; 181 | } 182 | 183 | .mb-20 { 184 | margin-bottom: 20px; 185 | } 186 | 187 | .mb-15 { 188 | margin-bottom: 15px; 189 | } 190 | 191 | @media (max-width: 1024px) { 192 | .page-banner-entry nav { 193 | width: 70% !important; 194 | } 195 | } 196 | 197 | @media (max-width: 732px) { 198 | .thumb-wraper ul li a { 199 | width: 50px; 200 | height: 50px; 201 | } 202 | 203 | .page-banner-entry nav { 204 | width: 70% !important; 205 | } 206 | .social-media li { 207 | display: inline-block; 208 | padding: 0 3px; 209 | margin-top: 6px; 210 | } 211 | 212 | h4 { 213 | font-size: 20px; 214 | } 215 | } 216 | -------------------------------------------------------------------------------- /src/Components/login.js: -------------------------------------------------------------------------------- 1 | import "./login.css"; 2 | import "../index.css"; 3 | import logo from "../Assets/Logo.png"; 4 | import { Link, useNavigate } from "react-router-dom"; 5 | import NavBars from "../Sections/navbar"; 6 | import { useState } from "react"; 7 | import { useDispatch } from "react-redux"; 8 | import { authLogin, forgotPassword } from "../Redux/auth/action"; 9 | 10 | import { ToastContainer, toast } from "react-toastify"; 11 | import "react-toastify/dist/ReactToastify.css"; 12 | const notify = (text) => toast(text); 13 | 14 | function Login() { 15 | const [form, setForm] = useState({ patientID: "", password: "" }); 16 | const [email, setemail] = useState(""); 17 | const dispatch = useDispatch(); 18 | const onChange = (e) => { 19 | setForm({ ...form, [e.target.name]: e.target.value }); 20 | }; 21 | const navigate = useNavigate(); 22 | const handleClick = (e) => { 23 | try { 24 | dispatch(authLogin(form)).then((res) => { 25 | if (res.message === "Login Successful.") { 26 | notify("Login Successful."); 27 | return navigate("/"); 28 | } 29 | if (res.message === "Wrong credentials, Please try again.") { 30 | return notify("Wrong credentials, Please try again."); 31 | } 32 | if (res.message === "Error occurred, unable to Login.") { 33 | } 34 | }); 35 | } catch (error) { 36 | console.log(error); 37 | return notify("Error occurred, unable to Login."); 38 | } 39 | }; 40 | const [forgotLoading, setforgetLoading] = useState(false); 41 | const HandlePassword = () => { 42 | let data = { email, type: "patient" }; 43 | setforgetLoading(true); 44 | dispatch(forgotPassword(data)).then((res) => { 45 | if (res.message === "User not found") { 46 | setforgetLoading(false); 47 | return notify("User Not Found"); 48 | } 49 | setemail(""); 50 | setforgetLoading(false); 51 | return notify("Account Details Send"); 52 | }); 53 | }; 54 | 55 | return ( 56 | <> 57 | 58 | 59 |
60 |
61 |
62 |
63 |
64 |
65 | img 66 |
67 |
68 |
69 |
Patient ID
70 | 78 |
79 |
80 |
Password
81 | 89 |
90 |
91 | 95 | Login 96 | 97 |

Forgot Account Details?

98 |
99 |
100 |
101 | setemail(target.value)} 106 | placeholder="Enter email" 107 | /> 108 |
109 | 112 |
113 |
114 |
115 |
116 |
117 |
118 | 119 | ); 120 | } 121 | 122 | export default Login; 123 | -------------------------------------------------------------------------------- /src/Components/service.js: -------------------------------------------------------------------------------- 1 | import { 2 | FaAmbulance, 3 | FaSyringe, 4 | FaStethoscope, 5 | FaBriefcaseMedical, 6 | } from "react-icons/fa"; 7 | import { TbMedicineSyrup } from "react-icons/tb"; 8 | import "./about.css"; 9 | import "../index.css"; 10 | import NavBars from "../Sections/navbar"; 11 | import { FiHome } from "react-icons/fi"; 12 | import { RiSurgicalMaskFill } from "react-icons/ri"; 13 | import Footer from "../Sections/footer"; 14 | import ToTop from "../Sections/totop"; 15 | import { Link } from "react-router-dom"; 16 | 17 | function Service() { 18 | return ( 19 |
20 | 21 |
22 |
23 |
24 |
25 |

Services

26 | 39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 | 50 | 51 | 52 |
53 | 54 |
55 |

Operations

56 |
57 |
58 |
59 |
60 |
61 |
62 | 63 | 64 | 65 |
66 | 67 |
68 |

Surgery

69 |
70 |
71 |
72 |
73 |
74 |
75 | 76 | 77 | 78 |
79 | 80 |
81 |

Vaccine

82 |
83 |
84 |
85 |
86 |
87 |
88 | 89 | 90 | 91 |
92 | 93 |
94 |

Emergency

95 |
96 |
97 |
98 |
99 |
100 |
101 | 102 | 103 | 104 |
105 | 106 |
107 |

Diagnostics

108 |
109 |
110 |
111 |
112 |
113 |
114 | 115 | 116 | 117 |
118 | 119 |
120 |

Treatment

121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 | 129 |
130 | ); 131 | } 132 | 133 | export default Service; 134 | -------------------------------------------------------------------------------- /src/Sections/Team.js: -------------------------------------------------------------------------------- 1 | import "../index.css"; 2 | import { BsGithub, BsLinkedin, BsLink45Deg } from "react-icons/bs"; 3 | import salman from "../Assets/salman.jpg"; 4 | import rajendra from "../Assets/rajendra.jpg"; 5 | import piyush from "../Assets/piyush.png"; 6 | import NavBars from "./navbar"; 7 | import Footer from "./footer"; 8 | 9 | function Team() { 10 | return ( 11 |
12 | 13 |
14 |
15 |
16 |
Our Team
17 |

Meet the creators

18 |
19 |
20 |
21 |
22 |
23 | img 24 |
25 |
26 |
27 |

Rajendra Patel

28 | MERN 29 |
30 | 56 |
57 |
58 |
59 |
60 |
61 |
62 | img 63 |
64 |
65 |
66 |

Piyush Agrawal

67 | MERN 68 |
69 | 95 |
96 |
97 |
98 |
99 |
100 |
101 | img 102 |
103 |
104 |
105 |

Salman Ajani

106 | MERN 107 |
108 | 128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 | ); 137 | } 138 | 139 | export default Team; 140 | -------------------------------------------------------------------------------- /src/Sections/footer.js: -------------------------------------------------------------------------------- 1 | import Logo from "../Assets/Logo.png"; 2 | import "./footer.css"; 3 | import { 4 | FaFacebookF, 5 | FaTwitter, 6 | FaInstagram, 7 | FaLinkedin, 8 | } from "react-icons/fa"; 9 | import { Link } from "react-router-dom"; 10 | function Footer() { 11 | return ( 12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | 21 | img 22 | 23 |
24 |
25 |

Protecting and Taking Care To Of Your Health

26 |
27 |
28 |
29 |
30 |
31 |

Quick Links

32 |
    33 |
  • 34 | 35 | Doctors 36 | 37 |
    • 38 |
  • 39 | 40 | Creators 41 | 42 |
    • 43 |
  • 44 | 45 | About Us 46 | 47 |
    • 48 |
  • 49 | 50 | Services 51 | 52 |
    • 53 |
  • 54 | 55 | Booking 56 | 57 |
    • 58 | 59 |
60 |
61 |
62 |
63 |
64 |

Our Services

65 |
    66 |
  • 67 | 68 | Dental Care 69 | 70 |
    • 71 |
  • 72 | 73 | ENT Clinic 74 | 75 |
    • 76 |
  • 77 | 78 | Cardiology 79 | 80 |
    • 81 |
  • 82 | 83 | Precise Diagnosis 84 | 85 |
    • 86 |
  • 87 | 88 | Ambulance Services 89 | 90 |
    • 91 |
92 |
93 |
94 |
95 |
96 |

More About us

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 | Copyright © 2023 Redesign & Redeveloped by 133 | 138 | Piyush Agrawal 139 | 140 |

141 |
142 |
143 |
144 |
145 |
146 |
147 | ); 148 | } 149 | 150 | export default Footer; 151 | -------------------------------------------------------------------------------- /src/Components/Report.js: -------------------------------------------------------------------------------- 1 | import "./Report.css"; 2 | import "./about.css"; 3 | import "../index.css"; 4 | import NavBars from "../Sections/navbar"; 5 | import { FiHome } from "react-icons/fi"; 6 | import Footer from "../Sections/footer"; 7 | import ToTop from "../Sections/totop"; 8 | import { Link, Navigate } from "react-router-dom"; 9 | import { useSelector } from "react-redux"; 10 | 11 | import { ToastContainer, toast } from "react-toastify"; 12 | import "react-toastify/dist/ReactToastify.css"; 13 | const notify = (text) => toast(text); 14 | 15 | function Service() { 16 | let { data } = useSelector((store) => store.auth); 17 | if (data.isAuthenticated !== true) { 18 | notify("Please Login to get your reports"); 19 | } 20 | return ( 21 |
22 | 23 |
24 |
25 |
26 |
27 |

Reports

28 | 41 |
42 |
43 |
44 |
45 | {data.isAuthenticated !== true ? null : ( 46 |
47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | {data?.report.map((elem) => { 59 | return ( 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | ); 68 | })} 69 | 70 |
PatientDiseaseDoctorDepartmentDate
{elem.patientName}{elem.patientDisease}{elem.docName}{elem.docDepartment}{elem.date}
71 |
72 | )} 73 | {data.isAuthenticated !== true ? ( 74 |
75 |

No reports available

76 |

Please login !

77 |
78 | ) : ( 79 | <> 80 | {data?.report.map((elem) => { 81 | return ( 82 |
83 |
84 |

HEALTH REPORT

85 |
86 |
87 |
88 |

Doctor Name : {elem.docName}

89 |

Number : {elem.docMobile}

90 |

Department : {elem.docDepartment}

91 |
92 |
93 |

Patient Name : {elem.patientName}

94 |

Age :{elem.patientAge}

95 |

Gender : {elem.patientGender}

96 |
97 |
98 |
99 |
100 |

Blood Group :

101 |

Disease :

102 |

Temperature :

103 |

Weight :

104 |

BP :

105 |

Blood Sugar :

106 |

Remarks :

107 |
108 |
109 |

{elem.patientBloodGroup}

110 |

{elem.patientDisease}

111 |

{elem.patientTemperature} C

112 |

{elem.patientWeight} KG

113 |

{elem.patientBP} mm/hg

114 |

{elem.patientGlucose} mg/dl

115 |

{elem.extrainfo}

116 |
117 |
118 |
119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | {elem.medicines.map((ele) => { 129 | return ( 130 | 131 | 132 | 133 | 134 | 135 | ); 136 | })} 137 | 138 |
NameDosageDuration
{ele.medName}{ele.dosage}{ele.duration}
139 |
140 |
141 |

Date : { elem.date}

142 |

Time : {elem.time }

143 |
144 |
145 | ); 146 | })} 147 | 148 | )} 149 |
150 | 151 |
152 | ); 153 | } 154 | 155 | export default Service; 156 | -------------------------------------------------------------------------------- /src/Components/about.css: -------------------------------------------------------------------------------- 1 | .service-wraper:after { 2 | content: ""; 3 | height: 100%; 4 | width: 45%; 5 | background-color: #fff !important; 6 | position: absolute; 7 | right: 0; 8 | top: 0; 9 | z-index: -1; 10 | border-radius: 40px 0 0 40px; 11 | } 12 | 13 | /* Banner About Section */ 14 | 15 | .page-banner { 16 | background: #fff; 17 | background-repeat: no-repeat; 18 | background-size: cover; 19 | background-image: url(../Assets/img1.815eb17a.jpg); 20 | position: relative; 21 | overflow: hidden; 22 | height: 420px; 23 | width: 100%; 24 | z-index: 1; 25 | } 26 | 27 | .page-banner .page-banner-entry { 28 | height: 420px; 29 | padding-top: 6em; 30 | padding-bottom: 60px; 31 | } 32 | 33 | .page-banner h1 { 34 | font-size: 62px; 35 | font-weight: 700; 36 | margin-bottom: 20px; 37 | color: #1f2278; 38 | text-transform: capitalize; 39 | } 40 | 41 | .breadcrumb-row { 42 | box-shadow: 0 5px 30px 0 rgb(86 90 207 / 30%); 43 | font-family: "Montserrat", sans-serif; 44 | background-color: #565acf !important; 45 | padding: 12px 30px; 46 | border-radius: 10px; 47 | display: inline-block; 48 | } 49 | 50 | .breadcrumb-row ul { 51 | background: transparent; 52 | padding: 0; 53 | justify-content: center; 54 | margin: 0; 55 | } 56 | 57 | .breadcrumb-row ul li { 58 | font-size: 14px; 59 | padding: 0; 60 | display: inline-flex; 61 | font-weight: 500; 62 | align-items: center; 63 | } 64 | 65 | .breadcrumb-row ul li a { 66 | color: #fff; 67 | display: flex; 68 | align-items: center; 69 | text-decoration: none; 70 | } 71 | 72 | .breadcrumb-row ul li a svg { 73 | margin-right: 10px; 74 | -webkit-transform: translateY(-2px); 75 | transform: translateY(-2px); 76 | color: #fff; 77 | font-size: 20px; 78 | } 79 | 80 | .page-banner-entry nav { 81 | width: 27%; 82 | transition: all 0.5s; 83 | z-index: 997; 84 | } 85 | 86 | .text-center { 87 | text-align: center !important; 88 | } 89 | 90 | .breadcrumb-item.active { 91 | color: white !important; 92 | } 93 | 94 | .breadcrumb-item + .breadcrumb-item:before { 95 | font-size: 18px; 96 | padding-right: 10px; 97 | line-height: 18px; 98 | color: #fff; 99 | content: "/"; 100 | opacity: 0.4; 101 | font-weight: 300; 102 | margin-top: 5px; 103 | } 104 | 105 | .page-banner:after { 106 | content: ""; 107 | background-image: url(../Assets/download4554.png); 108 | position: absolute; 109 | bottom: 0; 110 | left: 0; 111 | width: 100%; 112 | height: 100%; 113 | background-repeat: no-repeat; 114 | background-position: bottom; 115 | background-size: contain; 116 | z-index: -1; 117 | } 118 | 119 | /* Services About Section */ 120 | 121 | .service-wraper2 { 122 | background-color: rgba(86, 90, 207, 0.1); 123 | } 124 | 125 | .feature-bx3 { 126 | border-radius: 20px; 127 | padding: 50px 30px; 128 | transition: all 0.5s; 129 | background-color: #fff; 130 | position: relative; 131 | margin: 15px 0 0 15px; 132 | } 133 | 134 | .feature-bx3 .counter { 135 | font-size: 60px; 136 | line-height: 1; 137 | font-weight: 700; 138 | color: #f17732; 139 | margin-bottom: 10px; 140 | transition: 0.7s; 141 | } 142 | 143 | .feature-bx3 .ttr-title { 144 | margin-bottom: 12px; 145 | font-size: 20px; 146 | font-weight: 700; 147 | } 148 | 149 | .feature-container p:last-child { 150 | margin: 0; 151 | } 152 | 153 | .feature-bx3 p { 154 | font-size: 14px; 155 | } 156 | 157 | .feature-bx3:hover { 158 | background: #565acf; 159 | color: #fff !important; 160 | } 161 | 162 | .feature-bx3:hover h2, 163 | .feature-bx3:hover h5, 164 | .feature-bx3:hover p { 165 | color: #fff !important; 166 | transition: all 0.7s; 167 | } 168 | 169 | .feature-bx3:after { 170 | content: ""; 171 | position: absolute; 172 | top: -15px; 173 | left: -15px; 174 | border-radius: 20px; 175 | width: 100%; 176 | height: 100%; 177 | border: 2px solid #565acf; 178 | z-index: -1; 179 | } 180 | 181 | /* Team Section */ 182 | 183 | .team-member { 184 | background-color: #fff; 185 | text-align: center; 186 | padding: 35px 40px 50px; 187 | border-radius: 20px; 188 | transition: all 0.5s; 189 | z-index: 1; 190 | position: relative; 191 | border: 2px solid rgba(86, 90, 207, 0.2); 192 | } 193 | 194 | .team-member .team-media { 195 | padding: 20%; 196 | position: relative; 197 | margin-bottom: 20px; 198 | } 199 | 200 | .team-member .team-media:before { 201 | background-image: url(../Assets/download4349.png); 202 | background-size: 77%; 203 | } 204 | 205 | .team-member .team-media:after, 206 | .team-member .team-media:before { 207 | content: ""; 208 | position: absolute; 209 | z-index: -1; 210 | width: 100%; 211 | height: 100%; 212 | background-repeat: no-repeat; 213 | background-position: 50%; 214 | transition: all 0.5s; 215 | opacity: 0.2; 216 | -webkit-transform: translate(-50%, -50%); 217 | transform: translate(-50%, -50%); 218 | top: 50%; 219 | left: 50%; 220 | } 221 | 222 | .team-member .team-media:after { 223 | background-image: url(../Assets/download3232.png); 224 | background-size: 100%; 225 | } 226 | 227 | .team-member .team-media img { 228 | -webkit-mask-image: url(../Assets/download2323.png); 229 | mask-image: url(../Assets/download2323.png); 230 | -webkit-mask-position: center center; 231 | mask-position: center center; 232 | -webkit-mask-repeat: no-repeat; 233 | mask-repeat: no-repeat; 234 | -webkit-mask-size: 100%; 235 | mask-size: 100%; 236 | } 237 | 238 | .team-member .team-info .team-info-comntent { 239 | margin-bottom: 25px; 240 | } 241 | 242 | h4 { 243 | font-size: 24px; 244 | font-weight: 700; 245 | font-family: "Montserrat", sans-serif; 246 | color: #1f2278; 247 | line-height: 1.3; 248 | } 249 | 250 | .team-member .team-info .team-info-comntent span { 251 | font-size: 16px; 252 | font-weight: 600; 253 | color: #f17732 !important; 254 | } 255 | 256 | .team-member .social-media { 257 | display: flex; 258 | justify-content: center; 259 | margin: 0 -6px; 260 | } 261 | 262 | .team-member .social-media li { 263 | display: inline-block; 264 | padding: 0 6px; 265 | } 266 | 267 | .team-member .social-media li a { 268 | display: block; 269 | height: 40px; 270 | width: 40px; 271 | background-color: #565acf; 272 | border-radius: 8px; 273 | transition: all 0.5s; 274 | text-decoration: none; 275 | color: #fff; 276 | line-height: 42px; 277 | text-align: center; 278 | box-shadow: 0 10px 40px 0 rgb(31 34 120 / 10%); 279 | } 280 | 281 | .team-member ul.social-media { 282 | padding-left: 0rem !important; 283 | } 284 | 285 | .team-member .social-media li a svg { 286 | font-size: 25px; 287 | padding-bottom: 5px; 288 | } 289 | 290 | .team-member .social-media li a:hover { 291 | background-color: #f17732; 292 | } 293 | 294 | .team-member.active, 295 | .team-member:hover { 296 | box-shadow: 0 10px 50px 0 rgb(0 2 72 / 10%); 297 | z-index: 9; 298 | border-color: #fff; 299 | } 300 | 301 | .team-member.active .team-media:after, 302 | .team-member.active .team-media:before, 303 | .team-member:hover .team-media:after, 304 | .team-member:hover .team-media:before { 305 | opacity: 1; 306 | } 307 | 308 | .margn { 309 | margin-bottom: 5em; 310 | } 311 | 312 | .blog-slide .blog-card { 313 | margin: 0px; 314 | } 315 | @media (max-width: 824px) { 316 | .page-banner h1 { 317 | font-size: 32px; 318 | } 319 | } 320 | -------------------------------------------------------------------------------- /src/Sections/account.js: -------------------------------------------------------------------------------- 1 | import MobileImg from "../Assets/mobile.f82d7322.png"; 2 | import WomanImg from "../Assets/women.eb5c49c5.png"; 3 | import "./account.css"; 4 | import { useState } from "react"; 5 | import { useDispatch } from "react-redux"; 6 | import { createBooking, createPatient } from "../Redux/booking/action"; 7 | 8 | import { ToastContainer, toast } from "react-toastify"; 9 | import "react-toastify/dist/ReactToastify.css"; 10 | const notify = (text) => toast(text); 11 | 12 | function Account() { 13 | let initialData = { 14 | patientName: "", 15 | age: "", 16 | gender: "", 17 | mobile: "", 18 | address: "", 19 | email: "", 20 | disease: "", 21 | time: "", 22 | date: "", 23 | }; 24 | const [formData, setFormData] = useState(initialData); 25 | const [loading, setLoading] = useState(false); 26 | const dispatch = useDispatch(); 27 | const handleFormChange = (e) => { 28 | setFormData({ ...formData, [e.target.name]: e.target.value }); 29 | }; 30 | const handleSubmit = (e) => { 31 | e.preventDefault(); 32 | try { 33 | setLoading(true); 34 | dispatch(createPatient({ ...formData, patientID: Date.now() })).then( 35 | (res) => { 36 | console.log(res); 37 | let data = { ...formData, patientID: res.id }; 38 | dispatch(createBooking(data)); 39 | setFormData(initialData); 40 | notify("Appointment Booked Successfully"); 41 | setLoading(false); 42 | } 43 | ); 44 | } catch (error) { 45 | console.log(error); 46 | } 47 | }; 48 | return ( 49 |
50 | 51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |

Book Appointment

59 |
60 |
61 | 70 |
71 |
72 | 81 |
82 |
83 | 92 |
93 |
94 | 103 |
104 |
105 | 114 |
115 |
116 | 127 |
128 |
129 | 138 |
139 |
140 | 148 |
149 |
150 | 158 |
159 | 166 |
167 |
168 |
169 |
170 |
171 | img 172 |
173 | img 174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
183 | ); 184 | } 185 | 186 | export default Account; 187 | -------------------------------------------------------------------------------- /src/Components/ourteam.js: -------------------------------------------------------------------------------- 1 | import "./about.css"; 2 | import { FiHome } from "react-icons/fi"; 3 | import NavBars from "../Sections/navbar"; 4 | import Footer from "../Sections/footer"; 5 | import { FaTwitter, FaInstagram, FaLinkedin } from "react-icons/fa"; 6 | import member1 from "../Assets/member1.22ac1d59.jpg"; 7 | import member2 from "../Assets/member2.d03a0686.jpg"; 8 | import member3 from "../Assets/member3.0d822ecc.jpg"; 9 | import member4 from "../Assets/member4.9045579a.jpg"; 10 | import member5 from "../Assets/member5.24eb1821.jpg"; 11 | import member6 from "../Assets/member6.be2a77ad.jpg"; 12 | import ToTop from "../Sections/totop"; 13 | import { Link } from "react-router-dom"; 14 | 15 | function OurTeam() { 16 | return ( 17 |
18 | 19 |
20 |
21 |
22 |
23 |

Doctors

24 | 37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 | img 47 |
48 |
49 |
50 |

Dr. Piyush Agrawal

51 | Dentist 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 | img 77 |
78 |
79 |
80 |

Dr. Rajendra Patel

81 | Cardiologist 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 | img 107 |
108 |
109 |
110 |

Dr. Salman Ajani

111 | Neurologist 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 | img 141 |
142 |
143 |
144 |

Dr. Addition Smith

145 | Physiotherapist 146 |
147 |
    148 |
  • 149 | 150 | 151 | 152 |
    • 153 |
  • 154 | 155 | 156 | 157 |
    • 158 |
  • 159 | 160 | 161 | 162 |
    • 163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 | img 171 |
172 |
173 |
174 |

Dr. Mahfuz Riad

175 | ENT 176 |
177 |
    178 |
  • 179 | 180 | 181 | 182 |
    • 183 |
  • 184 | 185 | 186 | 187 |
    • 188 |
  • 189 | 190 | 191 | 192 |
    • 193 |
194 |
195 |
196 |
197 |
198 |
199 |
200 | img 201 |
202 |
203 |
204 |

Dr. David Benjamin

205 | Operations 206 |
207 |
    208 |
  • 209 | 210 | 211 | 212 |
    • 213 |
  • 214 | 215 | 216 | 217 |
    • 218 |
  • 219 | 220 | 221 | 222 |
    • 223 |
224 |
225 |
226 |
227 |
228 |
229 |
232 | ); 233 | } 234 | 235 | export default OurTeam; 236 | --------------------------------------------------------------------------------