From 281684957ffe189ecd77cfed623135712732bd89 Mon Sep 17 00:00:00 2001
From: cathrkri <cathrkri@stud.ntnu.com>
Date: Wed, 11 Mar 2026 16:08:42 +0100
Subject: [PATCH] feat: scene builder update

---
 .../src/main/resources/fxml/charityPage.fxml  | 780 ++++++++++++------
 1 file changed, 517 insertions(+), 263 deletions(-)

diff --git a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
index e9c2001..3836445 100644
--- a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
@@ -3,7 +3,10 @@
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.Cursor?>
 <?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Hyperlink?>
 <?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextArea?>
 <?import javafx.scene.control.TextField?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
@@ -13,6 +16,7 @@
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
+<?import javafx.scene.shape.Circle?>
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
@@ -24,279 +28,529 @@
           xmlns:fx="http://javafx.com/fxml/1"
           fx:controller="ntnu.systemutvikling.team6.controller.CharityPageController">
 
-    <columnConstraints>
-        <ColumnConstraints percentWidth="100.0" />
-    </columnConstraints>
-
-    <rowConstraints>
-        <RowConstraints prefHeight="92.0" />
-        <RowConstraints vgrow="ALWAYS" />
-        <RowConstraints prefHeight="180.0" />
-    </rowConstraints>
-
-    <children>
-
-        <!-- NAVBAR -->
-        <GridPane prefHeight="92.0"
-                  prefWidth="1200.0"
-                  style="-fx-background-color: #5F9895;"
-                  GridPane.columnIndex="0"
+   <columnConstraints>
+      <ColumnConstraints percentWidth="100.0" />
+   </columnConstraints>
+
+   <rowConstraints>
+      <RowConstraints prefHeight="92.0" minHeight="92.0" maxHeight="92.0" />
+      <RowConstraints vgrow="ALWAYS" />
+      <RowConstraints prefHeight="180.0" minHeight="180.0" maxHeight="180.0" />
+   </rowConstraints>
+
+   <children>
+
+      <!-- NAVBAR -->
+      <GridPane prefHeight="92.0"
+                prefWidth="1200.0"
+                style="-fx-background-color: #5F9895;"
+                GridPane.columnIndex="0"
+                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>
+
+            <ImageView fitHeight="58.0"
+                       fitWidth="58.0"
+                       pickOnBounds="true"
+                       preserveRatio="true"
+                       GridPane.columnIndex="0"
+                       GridPane.rowIndex="0">
+               <image>
+                  <Image url="@../images/Logo.png" />
+               </image>
+               <cursor>
+                  <Cursor fx:constant="HAND" />
+               </cursor>
+            </ImageView>
+
+            <HBox alignment="CENTER_LEFT"
+                  spacing="0.0"
+                  GridPane.columnIndex="1"
                   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>
-
-                <ImageView fitHeight="58.0"
-                           fitWidth="58.0"
-                           pickOnBounds="true"
-                           preserveRatio="true"
-                           GridPane.columnIndex="0"
-                           GridPane.rowIndex="0">
-                    <image>
-                        <Image url="@../images/Logo.png" />
-                    </image>
-                    <cursor>
+               <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 promptText="Search"
+                             prefHeight="48.0"
+                             prefWidth="430.0"
+                             maxWidth="430.0"
+                             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 text="Login"
+                          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;">
+                     <cursor>
                         <Cursor fx:constant="HAND" />
-                    </cursor>
-                </ImageView>
+                     </cursor>
+                  </Button>
+               </children>
+            </HBox>
+
+         </children>
+      </GridPane>
+
+      <!-- MAIN CONTENT -->
+      <GridPane prefHeight="628.0"
+                prefWidth="1200.0"
+                style="-fx-background-color: #F5F5F5;"
+                GridPane.columnIndex="0"
+                GridPane.rowIndex="1">
+
+         <padding>
+            <Insets top="25.0" right="30.0" bottom="25.0" left="30.0" />
+         </padding>
+
+         <columnConstraints>
+            <ColumnConstraints percentWidth="25.0" />
+            <ColumnConstraints percentWidth="75.0" />
+         </columnConstraints>
+
+         <rowConstraints>
+            <RowConstraints vgrow="ALWAYS" />
+         </rowConstraints>
+
+         <children>
+
+            <!-- LEFT SIDE -->
+            <GridPane prefWidth="300.0"
+                      style="-fx-background-color: #F5F5F5;"
+                      GridPane.columnIndex="0"
+                      GridPane.rowIndex="0">
 
-                <HBox alignment="CENTER_LEFT"
-                      spacing="0.0"
+               <children>
+                  <VBox alignment="TOP_CENTER" spacing="35.0">
+                     <padding>
+                        <Insets top="160.0" />
+                     </padding>
+
+                     <children>
+                        <Hyperlink text="Homepage">
+                           <font>
+                              <Font name="System Bold" size="18.0" />
+                           </font>
+                        </Hyperlink>
+
+                        <Hyperlink text="Socials">
+                           <font>
+                              <Font name="System Bold" size="18.0" />
+                           </font>
+                        </Hyperlink>
+
+                        <Hyperlink text="Verification Report">
+                           <font>
+                              <Font name="System Bold" size="18.0" />
+                           </font>
+                        </Hyperlink>
+
+                        <VBox spacing="25.0">
+                           <padding>
+                              <Insets top="40.0" />
+                           </padding>
+
+                           <children>
+                              <Button text="Favorite"
+                                      prefHeight="55.0"
+                                      prefWidth="190.0"
+                                      style="-fx-background-color:#4453D9; -fx-background-radius:30; -fx-text-fill:white;">
+                                 <font>
+                                    <Font name="System Bold" size="16.0" />
+                                 </font>
+                              </Button>
+
+                              <Button text="Donate"
+                                      prefHeight="55.0"
+                                      prefWidth="190.0"
+                                      style="-fx-background-color:#4E7C3F; -fx-background-radius:30; -fx-text-fill:white;">
+                                 <font>
+                                    <Font name="System Bold" size="16.0" />
+                                 </font>
+                              </Button>
+                           </children>
+                        </VBox>
+                     </children>
+                  </VBox>
+               </children>
+            </GridPane>
+
+            <!-- RIGHT SIDE -->
+            <GridPane prefWidth="900.0"
+                      style="-fx-background-color: #F5F5F5;"
                       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>
+               <columnConstraints>
+                  <ColumnConstraints percentWidth="55.0" />
+                  <ColumnConstraints percentWidth="45.0" />
+               </columnConstraints>
+
+               <rowConstraints>
+                  <RowConstraints percentHeight="22.0" />
+                  <RowConstraints percentHeight="43.0" />
+                  <RowConstraints percentHeight="35.0" />
+               </rowConstraints>
+
+               <children>
+
+                  <!-- TOP LEFT INFO -->
+                  <GridPane GridPane.columnIndex="0"
+                            GridPane.rowIndex="0">
+
+                     <rowConstraints>
+                        <RowConstraints percentHeight="45.0" />
+                        <RowConstraints percentHeight="25.0" />
+                        <RowConstraints percentHeight="30.0" />
+                     </rowConstraints>
+
+                     <children>
+
+                        <Label text="[Charity Name]"
+                               style="-fx-text-fill:#2D3C8F;"
+                               GridPane.rowIndex="0">
+                           <font>
+                              <Font name="System Bold" size="42.0" />
+                           </font>
                         </Label>
 
-                        <Label text="Help" textFill="WHITE">
-                            <font>
-                                <Font name="System Bold" size="28.0" />
-                            </font>
+                        <Label text="✓ Verified"
+                               style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:8 16 8 16;"
+                               GridPane.rowIndex="1">
+                           <font>
+                              <Font name="System Bold" size="16.0" />
+                           </font>
                         </Label>
-                    </children>
-                </HBox>
-
-                <HBox alignment="CENTER"
-                      GridPane.columnIndex="2"
-                      GridPane.rowIndex="0">
-                    <children>
-                        <TextField promptText="Search"
-                                   prefHeight="48.0"
-                                   prefWidth="430.0"
-                                   maxWidth="430.0"
-                                   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 text="Login"
-                                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;">
-                            <cursor>
-                                <Cursor fx:constant="HAND" />
-                            </cursor>
-                        </Button>
-                    </children>
-                </HBox>
-
-            </children>
-        </GridPane>
-
-        <!-- MAIN CONTENT -->
-        <GridPane prefHeight="628.0"
-                  prefWidth="1200.0"
-                  style="-fx-background-color: white;"
-                  GridPane.columnIndex="0"
-                  GridPane.rowIndex="1">
-
-            <columnConstraints>
-                <ColumnConstraints percentWidth="25.0" />
-                <ColumnConstraints percentWidth="75.0" />
-            </columnConstraints>
-
-            <rowConstraints>
-                <RowConstraints vgrow="ALWAYS" />
-            </rowConstraints>
-
-            <children>
-
-                <GridPane prefWidth="300.0"
-                          style="-fx-background-color: #F5F5F5;"
-                          GridPane.columnIndex="0"
-                          GridPane.rowIndex="0" />
-
-                <GridPane prefWidth="900.0"
-                          style="-fx-background-color: #FFFFFF;"
-                          GridPane.columnIndex="1"
-                          GridPane.rowIndex="0" />
-
-            </children>
-        </GridPane>
-
-        <!-- FOOTER -->
-        <HBox alignment="BOTTOM_CENTER"
-              prefHeight="180.0"
-              prefWidth="1200.0"
-              style="-fx-background-color: #5F9895;"
-              GridPane.columnIndex="0"
-              GridPane.rowIndex="2">
-
-            <children>
-                <GridPane HBox.hgrow="ALWAYS"
-                          prefHeight="180.0"
-                          prefWidth="1200.0">
-
-                    <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"
-                                           width="2.0"
-                                           translateX="-20.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 prefHeight="80.0"
+                                   prefWidth="220.0"
+                                   GridPane.rowIndex="2">
+                           <children>
+                              <Rectangle arcHeight="30.0"
+                                         arcWidth="30.0"
+                                         fill="#F5F5F5"
+                                         height="60.0"
+                                         stroke="#4F4F4F"
+                                         strokeType="INSIDE"
+                                         width="220.0" />
+                              <Label text="[Category]">
+                                 <font>
+                                    <Font name="System Bold" size="18.0" />
+                                 </font>
+                              </Label>
+                           </children>
                         </StackPane>
 
-                    </children>
-                </GridPane>
-            </children>
-        </HBox>
-
-    </children>
+                     </children>
+                  </GridPane>
+
+                  <!-- TOP RIGHT IMAGE -->
+                  <StackPane prefHeight="210.0"
+                             prefWidth="420.0"
+                             style="-fx-background-color:#F5F5F5;"
+                             GridPane.columnIndex="1"
+                             GridPane.rowIndex="0">
+
+                     <children>
+                        <Rectangle arcHeight="25.0"
+                                   arcWidth="25.0"
+                                   fill="#F5F5F5"
+                                   height="210.0"
+                                   stroke="#8B8B8B"
+                                   strokeType="INSIDE"
+                                   width="420.0" />
+                        <ImageView fitHeight="150.0"
+                                   fitWidth="220.0"
+                                   pickOnBounds="true"
+                                   preserveRatio="true">
+                           <image>
+                              <Image url="@../images/img.png" />
+                           </image>
+                        </ImageView>
+                     </children>
+                  </StackPane>
+
+                  <!-- SUMMARY -->
+                  <StackPane GridPane.columnIndex="0"
+                             GridPane.columnSpan="2"
+                             GridPane.rowIndex="1">
+
+                     <children>
+                        <ScrollPane fitToWidth="true"
+                                    prefHeight="330.0"
+                                    prefWidth="760.0"
+                                    style="-fx-background:#F5F5F5; -fx-background-color:#F5F5F5;">
+                           <content>
+                              <TextArea text="[Summary about the charity]"
+                                        wrapText="true"
+                                        prefHeight="330.0"
+                                        prefWidth="760.0"
+                                        style="-fx-background-radius:25; -fx-border-radius:25; -fx-control-inner-background:#F5F5F5; -fx-font-size:16px;" />
+                           </content>
+                        </ScrollPane>
+                     </children>
+                  </StackPane>
+
+                  <!-- STATS -->
+                  <GridPane GridPane.columnIndex="0"
+                            GridPane.columnSpan="2"
+                            GridPane.rowIndex="2">
+
+                     <columnConstraints>
+                        <ColumnConstraints percentWidth="33.33" />
+                        <ColumnConstraints percentWidth="33.33" />
+                        <ColumnConstraints percentWidth="33.33" />
+                     </columnConstraints>
+
+                     <children>
+
+                        <VBox alignment="CENTER" spacing="10.0" GridPane.columnIndex="0">
+                           <children>
+                              <Label text="Innsamlingsprosent">
+                                 <font>
+                                    <Font name="System Bold" size="16.0" />
+                                 </font>
+                              </Label>
+                              <StackPane>
+                                 <children>
+                                    <Circle fill="WHITE" radius="36.0" stroke="#D83A32" strokeWidth="8.0" />
+                                    <Label text="97,4%">
+                                       <font>
+                                          <Font name="System Bold" size="14.0" />
+                                       </font>
+                                    </Label>
+                                 </children>
+                              </StackPane>
+                           </children>
+                        </VBox>
+
+                        <VBox alignment="CENTER" spacing="10.0" GridPane.columnIndex="1">
+                           <children>
+                              <Label text="Administrasjonsprosent">
+                                 <font>
+                                    <Font name="System Bold" size="16.0" />
+                                 </font>
+                              </Label>
+                              <StackPane>
+                                 <children>
+                                    <Circle fill="WHITE" radius="36.0" stroke="#F1DADA" strokeWidth="8.0" />
+                                    <Label text="3,2%">
+                                       <font>
+                                          <Font name="System Bold" size="14.0" />
+                                       </font>
+                                    </Label>
+                                 </children>
+                              </StackPane>
+                           </children>
+                        </VBox>
+
+                        <VBox alignment="CENTER" spacing="10.0" GridPane.columnIndex="2">
+                           <children>
+                              <Label text="Formålsprosent">
+                                 <font>
+                                    <Font name="System Bold" size="16.0" />
+                                 </font>
+                              </Label>
+                              <StackPane>
+                                 <children>
+                                    <Circle fill="WHITE" radius="36.0" stroke="#D83A32" strokeWidth="8.0" />
+                                    <Label text="93,3%">
+                                       <font>
+                                          <Font name="System Bold" size="14.0" />
+                                       </font>
+                                    </Label>
+                                 </children>
+                              </StackPane>
+                           </children>
+                        </VBox>
+
+                     </children>
+                  </GridPane>
+
+               </children>
+            </GridPane>
+
+         </children>
+      </GridPane>
+
+      <!-- FOOTER -->
+      <HBox alignment="BOTTOM_CENTER"
+            prefHeight="180.0"
+            prefWidth="1200.0"
+            style="-fx-background-color: #5F9895;"
+            GridPane.columnIndex="0"
+            GridPane.rowIndex="2">
+
+         <children>
+            <GridPane HBox.hgrow="ALWAYS"
+                      prefHeight="180.0"
+                      prefWidth="1200.0">
+
+               <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"
+                                   width="2.0"
+                                   translateX="-20.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>
+
+   </children>
 </GridPane>
\ No newline at end of file