- There are many types of therapy, and different types work better for different people or problems.
+ Find the therapy best for your needs.
The benefits and the reasons to go.
- View therapists and their ratings, and leave a review of your own to help others.
+ Find and review different therapists.
diff --git a/src/therapist/Therapists.css b/src/therapist/Therapists.css
index cd30c13..c08b409 100644
--- a/src/therapist/Therapists.css
+++ b/src/therapist/Therapists.css
@@ -1,12 +1,17 @@
+body {
+ background-color: lemonchiffon;
+}
.flex-card {
margin: 0.5rem;
flex: 1 0 1;
position: relative;
transition: 0.2s ease all;
top: 5px;
+ box-shadow: 0 4px 8px 0 rgb(69, 161, 253);
}
.flex-card:hover {
+ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
top: 0;
}
diff --git a/src/type/Types.js b/src/type/Types.js
index f9adef8..2c1b566 100644
--- a/src/type/Types.js
+++ b/src/type/Types.js
@@ -1,24 +1,250 @@
import React from 'react';
+import ReactDOM from 'react-dom';
+import './types.css';
const Types = () => {
return (
<>
+
+
-
- - Cognitive Behavioural therapy
- - Guided Self Help therapy
- - Counselling therapy
- - Behavioural Activation therapy
- - Interpersonal therapy
- - Eye movement desensitisation and reprocessing therapy
+
+ - A
+
+
+ - B
+
+
+ - C
+
+
+ - D
+
+
+ - E
+
+ - F
+
+
+ - G
+
+
+ - H
+
+ - I
+
+ - J
+
+
+ - K
+
+
+ - L
+
+
+ - M
+
+
+ - N
+
+
+ - O
+
+
+ - P
+
+
+ - Q
+
+
+ - R
+
+
+ - S
+
+
+ - T
+
+
+ - U
+
+
+ - V
+
+
+ - W
+
+ - X
+
+ - Y
+
+ - Z
+
+
+
)
}
diff --git a/src/type/home.css b/src/type/home.css
new file mode 100644
index 0000000..aed5445
--- /dev/null
+++ b/src/type/home.css
@@ -0,0 +1,13 @@
+body {
+ background-color: lemonchiffon;
+}
+.card {
+ box-shadow: 0 4px 8px 0 rgb(69, 161, 253);
+ transition: 0.3s;
+ }
+ .card:hover {
+ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+ }
+ .container {
+ padding: 2px 16px;
+ }
\ No newline at end of file
diff --git a/src/type/types.css b/src/type/types.css
new file mode 100644
index 0000000..e283bb4
--- /dev/null
+++ b/src/type/types.css
@@ -0,0 +1,35 @@
+body {
+ background-color: lemonchiffon;
+}
+h1 {
+ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+ font-size: 300%;
+ font-weight: bold;
+}
+p {
+ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+ font-size: 100%;
+ font-weight: lighter;
+}
+.card {
+ box-shadow: 0 4px 8px 0 rgb(92, 169, 247);
+ transition: 0.3s;
+ }
+ .card:hover {
+ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+ }
+ .container {
+ padding: 2px 16px;
+ }
+h2 {
+ width: 900px;
+ padding-left: 40px;
+ padding-right: 40px;
+
+ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+ font-size: 175%;
+ }
+ul {
+ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+ font-size: 100%;
+}
\ No newline at end of file