+ )
+ }
+ }
+}
+
+export default AdminAfterLogin
\ No newline at end of file
diff --git a/frontend/src/components/contact.js b/frontend/src/components/contact.js
new file mode 100644
index 0000000..7802216
--- /dev/null
+++ b/frontend/src/components/contact.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import Navbar from './nav'
+import './css/basic.css'
+
+class Contact extends React.Component {
+ render(){
+ return(
+
+
+
This is Contact us Page
+
+ );
+ }
+}
+
+export default Contact
\ No newline at end of file
diff --git a/frontend/src/components/department.js b/frontend/src/components/department.js
new file mode 100644
index 0000000..f35cbdc
--- /dev/null
+++ b/frontend/src/components/department.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import Navbar from './nav'
+// import healthimg from '../img/healthcare.jfif'
+// import dentistimg from '../img/Dentist.jfif'
+// import pediatricianimg from '../img/Pediatrician.jfif'
+import './css/department.css'
+class Department extends React.Component {
+ render(){
+ return(
+
+
+
+
+
+
+ );
+ }
+}
+
+export default Department
\ No newline at end of file
diff --git a/frontend/src/components/doctors.js b/frontend/src/components/doctors.js
new file mode 100644
index 0000000..c04f4dc
--- /dev/null
+++ b/frontend/src/components/doctors.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import Navbar from './nav'
+import './css/doctor.css'
+class Doctors extends React.Component {
+ render(){
+ return(
+
+
+
+
+
+
+ );
+ }
+}
+
+export default Doctors
\ No newline at end of file
diff --git a/frontend/src/components/footer.js b/frontend/src/components/footer.js
new file mode 100644
index 0000000..6f0383c
--- /dev/null
+++ b/frontend/src/components/footer.js
@@ -0,0 +1,17 @@
+import React from "react";
+import "./css/footer.css";
+class Footer extends React.Component {
+ render() {
+ return (
+
+
+
+ );
+ }
+}
+
+export default Footer;
diff --git a/frontend/src/components/header.js b/frontend/src/components/header.js
new file mode 100644
index 0000000..c9c6ef5
--- /dev/null
+++ b/frontend/src/components/header.js
@@ -0,0 +1,39 @@
+import React from 'react'
+import './css/header.css'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faFacebook,faWhatsapp,faInstagram,faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faClock } from '@fortawesome/free-regular-svg-icons'
+import { faPhoneVolume } from '@fortawesome/free-solid-svg-icons'
+
+function Header(){
+ return(
+
+
+
+ );
+}
+
+export default Header
\ No newline at end of file
diff --git a/frontend/src/components/home.js b/frontend/src/components/home.js
new file mode 100644
index 0000000..d6472dd
--- /dev/null
+++ b/frontend/src/components/home.js
@@ -0,0 +1,90 @@
+import React from 'react';
+import './css/home.css';
+import logo from './img/logo.png'
+import Navbar from './nav'
+
+
+class Home extends React.Component{
+
+ constructor(props){
+ super();
+ this.onClick=this.onClick.bind(this);
+ }
+
+ onClick(e){
+ e.preventDefault();
+ this.props.history.push('/adminLogin')
+ }
+
+ render(){
+
+ return(
+
+
+
+
+
+
Your doctor your treatment
+
+ Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing.
+
+
+
+
+
+
+
+
+
+
+
+
+
Health care
+
+
+ For all your family needs
+
+
+ Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
+
+
+
+
+
+
+
+
+
+
Dentist
+
+ For your child whitest teeths
+
+
+ Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.
+