From e2e1796308c1f3e3f97d5b1d0a8b905389cc610d Mon Sep 17 00:00:00 2001
From: cathrkri <cathrkri@stud.ntnu.com>
Date: Thu, 26 Mar 2026 19:54:33 +0100
Subject: [PATCH] feat: add available organization layout

---
 helpmehelpapplication/src/main/main.iml       |  11 +
 .../resources/fxml/availableOrganization.fxml | 759 ++++++++++++++++++
 helpmehelpapplication/src/test/test.iml       |  11 +
 3 files changed, 781 insertions(+)
 create mode 100644 helpmehelpapplication/src/main/main.iml
 create mode 100644 helpmehelpapplication/src/main/resources/fxml/availableOrganization.fxml
 create mode 100644 helpmehelpapplication/src/test/test.iml

diff --git a/helpmehelpapplication/src/main/main.iml b/helpmehelpapplication/src/main/main.iml
new file mode 100644
index 0000000..908ad4f
--- /dev/null
+++ b/helpmehelpapplication/src/main/main.iml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/java" isTestSource="false" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/helpmehelpapplication/src/main/resources/fxml/availableOrganization.fxml b/helpmehelpapplication/src/main/resources/fxml/availableOrganization.fxml
new file mode 100644
index 0000000..277b54a
--- /dev/null
+++ b/helpmehelpapplication/src/main/resources/fxml/availableOrganization.fxml
@@ -0,0 +1,759 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.Cursor?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.effect.DropShadow?>
+<?import javafx.scene.image.Image?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.paint.Color?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.text.Font?>
+
+<GridPane hgap="0.0"
+          prefHeight="1400.0"
+          prefWidth="1200.0"
+          vgap="0.0"
+          xmlns="http://javafx.com/javafx/17.0.12"
+          xmlns:fx="http://javafx.com/fxml/1">
+
+  <columnConstraints>
+    <ColumnConstraints percentWidth="100.0" />
+  </columnConstraints>
+
+  <rowConstraints>
+    <RowConstraints minHeight="92.0" maxHeight="92.0" prefHeight="92.0" />
+    <RowConstraints vgrow="ALWAYS" />
+    <RowConstraints minHeight="180.0" maxHeight="180.0" prefHeight="180.0" />
+  </rowConstraints>
+
+  <!-- NAVBAR -->
+  <GridPane prefHeight="92.0"
+            prefWidth="1200.0"
+            style="-fx-background-color: #5F9895;"
+            GridPane.rowIndex="0">
+
+    <padding>
+      <Insets top="10.0" right="20.0" bottom="10.0" left="20.0" />
+    </padding>
+
+    <columnConstraints>
+      <ColumnConstraints percentWidth="8.0" />
+      <ColumnConstraints percentWidth="24.0" />
+      <ColumnConstraints percentWidth="43.0" />
+      <ColumnConstraints percentWidth="25.0" />
+    </columnConstraints>
+
+    <rowConstraints>
+      <RowConstraints prefHeight="72.0" />
+    </rowConstraints>
+
+    <children>
+      <Button mnemonicParsing="false"
+              prefHeight="0.0"
+              prefWidth="0.0"
+              style="-fx-background-color: #2f8f8b">
+        <graphic>
+          <ImageView fitHeight="54.0"
+                     fitWidth="67.0"
+                     pickOnBounds="true"
+                     preserveRatio="true">
+            <image>
+              <Image url="@../images/Logo.png" />
+            </image>
+            <cursor>
+              <Cursor fx:constant="HAND" />
+            </cursor>
+          </ImageView>
+        </graphic>
+      </Button>
+
+      <HBox alignment="CENTER_LEFT"
+            spacing="0.0"
+            GridPane.columnIndex="1"
+            GridPane.rowIndex="0">
+        <children>
+          <Label text="Help" textFill="WHITE">
+            <font>
+              <Font name="System Bold" size="28.0" />
+            </font>
+          </Label>
+
+          <Label text="Me" textFill="#C8E6C9">
+            <font>
+              <Font name="System Bold" size="28.0" />
+            </font>
+          </Label>
+
+          <Label text="Help" textFill="WHITE">
+            <font>
+              <Font name="System Bold" size="28.0" />
+            </font>
+          </Label>
+        </children>
+      </HBox>
+
+      <HBox alignment="CENTER"
+            GridPane.columnIndex="2"
+            GridPane.rowIndex="0">
+        <children>
+          <TextField maxWidth="430.0"
+                     prefHeight="48.0"
+                     prefWidth="430.0"
+                     promptText="Search"
+                     style="-fx-background-radius: 24; -fx-border-radius: 24; -fx-font-size: 16px; -fx-padding: 0 0 0 16;" />
+        </children>
+      </HBox>
+
+      <HBox alignment="CENTER_RIGHT"
+            GridPane.columnIndex="3"
+            GridPane.rowIndex="0">
+        <children>
+          <Button prefHeight="48.0"
+                  prefWidth="180.0"
+                  style="-fx-background-color: #4453D9; -fx-background-radius: 24; -fx-text-fill: white; -fx-font-size: 16px; -fx-font-weight: bold;"
+                  text="Login">
+            <cursor>
+              <Cursor fx:constant="HAND" />
+            </cursor>
+          </Button>
+        </children>
+      </HBox>
+    </children>
+  </GridPane>
+
+  <!-- SCROLLABLE MAIN CONTENT -->
+  <ScrollPane fitToWidth="true"
+              hbarPolicy="NEVER"
+              vbarPolicy="AS_NEEDED"
+              style="-fx-background: #F5F5F5; -fx-background-color: #F5F5F5;"
+              GridPane.rowIndex="1">
+
+    <content>
+      <VBox spacing="30.0"
+            style="-fx-background-color: #F5F5F5;">
+        <padding>
+          <Insets top="30.0" right="35.0" bottom="40.0" left="35.0" />
+        </padding>
+
+        <children>
+
+          <!-- TITLE -->
+          <Label text="Available Organizations"
+                 textFill="#2D3C8F">
+            <font>
+              <Font name="System Bold" size="34.0" />
+            </font>
+            <padding>
+              <Insets left="10.0" />
+            </padding>
+          </Label>
+
+          <!-- CARDS GRID -->
+          <GridPane hgap="28.0" vgap="28.0">
+            <columnConstraints>
+              <ColumnConstraints percentWidth="33.33" />
+              <ColumnConstraints percentWidth="33.33" />
+              <ColumnConstraints percentWidth="33.33" />
+            </columnConstraints>
+
+            <!-- ROW 1 -->
+            <StackPane GridPane.columnIndex="0" GridPane.rowIndex="0">
+              <children>
+                <Rectangle arcHeight="20.0"
+                           arcWidth="20.0"
+                           fill="WHITE"
+                           height="190.0"
+                           stroke="#8B8B8B"
+                           strokeType="INSIDE"
+                           width="340.0">
+                  <effect>
+                    <DropShadow radius="6.0" offsetY="2.0">
+                      <color>
+                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.18" />
+                      </color>
+                    </DropShadow>
+                  </effect>
+                </Rectangle>
+
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding>
+                    <Insets top="14.0" right="14.0" bottom="14.0" left="14.0" />
+                  </padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image>
+                            <Image url="@../images/leggTilBilde.jpg" />
+                          </image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified"
+                               style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;"
+                              translateX="-10.0">
+                          <font>
+                            <Font size="12.0" />
+                          </font>
+                        </Label>
+                      </children>
+                    </HBox>
+
+                    <Label text="Redd Barna" textFill="#1A1A1A" translateX="15.0">
+                      <font>
+                        <Font name="System Bold" size="18.0" />
+                      </font>
+                    </Label>
+
+                    <Label text="Protecting children's rights and providing aid to vulnerable children worldwide since 1946."
+                           wrapText="true"
+                           maxWidth="280.0"
+                           textFill="#333333"
+                           translateX="15.0">
+                      <font>
+                        <Font size="13.0" />
+                      </font>
+                    </Label>
+
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate"
+                                prefHeight="30.0"
+                                prefWidth="95.0"
+                                style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;"
+                                translateX="35.0">
+                          <cursor>
+                            <Cursor fx:constant="HAND" />
+                          </cursor>
+                        </Button>
+
+                        <Button text="View details"
+                                prefHeight="30.0"
+                                prefWidth="95.0"
+                                style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;"
+                                translateX="40.0">
+                          <cursor>
+                            <Cursor fx:constant="HAND" />
+                          </cursor>
+                        </Button>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="1" GridPane.rowIndex="0">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0">
+                  <effect>
+                    <DropShadow radius="6.0" offsetY="2.0">
+                      <color>
+                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.18" />
+                      </color>
+                    </DropShadow>
+                  </effect>
+                </Rectangle>
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding>
+                    <Insets top="14.0" right="14.0" bottom="14.0" left="14.0" />
+                  </padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image>
+                            <Image url="@../images/leggTilBilde.jpg" />
+                          </image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0">>
+                          <font>
+                            <Font size="12.0" />
+                          </font>
+                        </Label>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" textFill="#1A1A1A" translateX="15.0">
+                      <font>
+                        <Font name="System Bold" size="16.0" />
+                      </font>
+                    </Label>
+                    <Label text="Some interesting information about the organization..."
+                           wrapText="true"
+                           maxWidth="280.0"
+                           textFill="#333333"
+                           translateX="15.0">
+                      <font>
+                        <Font size="13.0" />
+                      </font>
+                    </Label>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="2" GridPane.rowIndex="0">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0">
+                  <effect>
+                    <DropShadow radius="6.0" offsetY="2.0">
+                      <color>
+                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.18" />
+                      </color>
+                    </DropShadow>
+                  </effect>
+                </Rectangle>
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding>
+                    <Insets top="14.0" right="14.0" bottom="14.0" left="14.0" />
+                  </padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image>
+                            <Image url="@../images/leggTilBilde.jpg" />
+                          </image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0">>
+                          <font>
+                            <Font size="12.0" />
+                          </font>
+                        </Label>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" textFill="#1A1A1A" translateX="15.0">
+                      <font>
+                        <Font name="System Bold" size="16.0" />
+                      </font>
+                    </Label>
+                    <Label text="Some interesting information about the organization..."
+                           wrapText="true"
+                           maxWidth="280.0"
+                           textFill="#333333"
+                           translateX="15.0">
+                      <font>
+                        <Font size="13.0" />
+                      </font>
+                    </Label>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <!-- ROW 2 -->
+            <StackPane GridPane.columnIndex="0" GridPane.rowIndex="1">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="1" GridPane.rowIndex="1">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="2" GridPane.rowIndex="1">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <!-- ROW 3 -->
+            <StackPane GridPane.columnIndex="0" GridPane.rowIndex="2">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="1" GridPane.rowIndex="2">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="2" GridPane.rowIndex="2">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <!-- ROW 4 -->
+            <StackPane GridPane.columnIndex="0" GridPane.rowIndex="3">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="1" GridPane.rowIndex="3">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+
+            <StackPane GridPane.columnIndex="2" GridPane.rowIndex="3">
+              <children>
+                <Rectangle arcHeight="20.0" arcWidth="20.0" fill="WHITE" height="190.0" stroke="#8B8B8B" strokeType="INSIDE" width="340.0" />
+                <VBox prefWidth="300.0" spacing="12.0">
+                  <padding><Insets top="14.0" right="14.0" bottom="14.0" left="14.0" /></padding>
+                  <children>
+                    <HBox alignment="CENTER_LEFT">
+                      <children>
+                        <ImageView fitHeight="42.0" fitWidth="54.0" preserveRatio="true">
+                          <image><Image url="@../images/leggTilBilde.jpg" /></image>
+                        </ImageView>
+                        <HBox HBox.hgrow="ALWAYS" />
+                        <Label text="✓ Verified" style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:4 10 4 10;" translateX="-10.0"/>
+                      </children>
+                    </HBox>
+                    <Label text="Organization" translateX="15.0"><font><Font name="System Bold" size="16.0" /></font></Label>
+                    <Label text="Some interesting information about the organization..." wrapText="true" maxWidth="280.0" translateX="15.0"/>
+                    <HBox spacing="20.0" alignment="CENTER_LEFT">
+                      <children>
+                        <Button text="♡ Donate" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="35.0"/>
+                        <Button text="View details" prefHeight="30.0" prefWidth="95.0" style="-fx-background-color:#4453D9; -fx-background-radius:15; -fx-text-fill:white; -fx-font-size:12px;" translateX="40.0"/>
+                      </children>
+                    </HBox>
+                  </children>
+                </VBox>
+              </children>
+            </StackPane>
+          </GridPane>
+        </children>
+      </VBox>
+    </content>
+  </ScrollPane>
+
+  <!-- FOOTER -->
+  <HBox alignment="BOTTOM_CENTER"
+        prefHeight="180.0"
+        prefWidth="1200.0"
+        style="-fx-background-color: #5F9895;"
+        GridPane.rowIndex="2">
+
+    <children>
+      <GridPane prefHeight="180.0"
+                prefWidth="1200.0"
+                HBox.hgrow="ALWAYS">
+
+        <columnConstraints>
+          <ColumnConstraints percentWidth="60.0" />
+          <ColumnConstraints percentWidth="40.0" />
+        </columnConstraints>
+
+        <rowConstraints>
+          <RowConstraints prefHeight="180.0" />
+        </rowConstraints>
+
+        <children>
+
+          <!-- LEFT FOOTER SIDE -->
+          <StackPane prefHeight="180.0"
+                     prefWidth="720.0"
+                     GridPane.columnIndex="0"
+                     GridPane.rowIndex="0">
+
+            <children>
+              <HBox alignment="CENTER_LEFT"
+                    spacing="0.0"
+                    translateX="60.0">
+                <children>
+                  <Label text="Help" textFill="WHITE">
+                    <font>
+                      <Font name="System Bold" size="36.0" />
+                    </font>
+                  </Label>
+
+                  <Label text="Me" textFill="#C8E6C9">
+                    <font>
+                      <Font name="System Bold" size="36.0" />
+                    </font>
+                  </Label>
+
+                  <Label text="Help" textFill="WHITE">
+                    <font>
+                      <Font name="System Bold" size="36.0" />
+                    </font>
+                  </Label>
+                </children>
+              </HBox>
+
+              <Rectangle fill="WHITE"
+                         height="90.0"
+                         translateX="-20.0"
+                         width="2.0" />
+
+              <VBox alignment="CENTER"
+                    spacing="5.0"
+                    translateX="120.0">
+                <children>
+                  <Label text="About us" textFill="WHITE">
+                    <font>
+                      <Font name="System Bold" size="18.0" />
+                    </font>
+                    <cursor>
+                      <Cursor fx:constant="HAND" />
+                    </cursor>
+                  </Label>
+
+                  <Label text="Something else" textFill="WHITE">
+                    <font>
+                      <Font name="System Bold" size="18.0" />
+                    </font>
+                    <cursor>
+                      <Cursor fx:constant="HAND" />
+                    </cursor>
+                  </Label>
+
+                  <Label text="Third Link" textFill="WHITE">
+                    <font>
+                      <Font name="System Bold" size="18.0" />
+                    </font>
+                    <cursor>
+                      <Cursor fx:constant="HAND" />
+                    </cursor>
+                  </Label>
+                </children>
+              </VBox>
+            </children>
+          </StackPane>
+
+          <!-- RIGHT FOOTER SIDE -->
+          <StackPane alignment="CENTER"
+                     prefHeight="180.0"
+                     prefWidth="480.0"
+                     GridPane.columnIndex="1"
+                     GridPane.rowIndex="0">
+
+            <children>
+              <VBox alignment="CENTER"
+                    spacing="10.0">
+                <children>
+                  <ImageView fitHeight="80.0"
+                             fitWidth="150.0"
+                             pickOnBounds="true"
+                             preserveRatio="true">
+                    <image>
+                      <Image url="@../images/img.png" />
+                    </image>
+                  </ImageView>
+
+                  <Label maxWidth="250.0"
+                         text="All data is consistently updated and reverified"
+                         textAlignment="CENTER"
+                         textFill="WHITE"
+                         wrapText="true">
+                    <font>
+                      <Font name="System Bold" size="17.0" />
+                    </font>
+                  </Label>
+                </children>
+              </VBox>
+            </children>
+          </StackPane>
+
+        </children>
+      </GridPane>
+    </children>
+  </HBox>
+</GridPane>
\ No newline at end of file
diff --git a/helpmehelpapplication/src/test/test.iml b/helpmehelpapplication/src/test/test.iml
new file mode 100644
index 0000000..a0e49a3
--- /dev/null
+++ b/helpmehelpapplication/src/test/test.iml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/java" isTestSource="true" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file