diff --git a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java
index 9818b85..6fcea04 100644
--- a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java
+++ b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/CharityPageController.java
@@ -1,4 +1,15 @@
 package ntnu.systemutvikling.team6.controller;
 
+import javafx.fxml.FXML;
+import javafx.scene.layout.FlowPane;
+
 public class CharityPageController {
+    @FXML private FlowPane charityPage;
+
+    @FXML
+    public void initialize() {
+
+    }
+
+
 }
diff --git a/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/FrontpageController.java b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/FrontpageController.java
new file mode 100644
index 0000000..e8e361f
--- /dev/null
+++ b/helpmehelpapplication/src/main/java/ntnu/systemutvikling/team6/controller/FrontpageController.java
@@ -0,0 +1,50 @@
+package ntnu.systemutvikling.team6.controller;
+
+import java.util.List;
+
+import javafx.fxml.FXML;
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Parent;
+import javafx.scene.layout.FlowPane;
+import ntnu.systemutvikling.team6.models.Charity;
+
+public class FrontpageController {
+
+    @FXML
+    private FlowPane cardsContainer;
+
+    @FXML
+    public void initialize() {
+        try {
+
+            List<Charity> charities =
+                    List.of(
+                            new Charity("Redd Barna",
+                                    "Protecting children's rights worldwide.",
+                                    "Children"),
+                            new Charity("Leger Uten Grenser",
+                                    "Emergency medical aid in crisis areas.",
+                                    "Health"),
+                            new Charity(
+                                    "Kirkens Nødhjelp",
+                                    "Humanitarian aid and long-term development work.",
+                                    "Emergency Aid"));
+
+            for (Charity ch : charities) {
+
+                FXMLLoader loader = new FXMLLoader(getClass().getResource("/fxml/organizationCard.fxml"));
+
+                Parent card = loader.load();
+
+                OrganizationCardController cardController = loader.getController();
+
+                cardController.setOrganization(ch.getName(), ch.getDescription());
+
+                cardsContainer.getChildren().add(card);
+            }
+
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+}
diff --git a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
index a6563b8..4fead93 100644
--- a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
@@ -24,6 +24,7 @@
 <?import javafx.scene.paint.Color?>
 
 <?import javafx.scene.effect.DropShadow?>
+<?import javafx.scene.layout.FlowPane?>
 <GridPane hgap="0.0"
           prefHeight="900.0"
           prefWidth="1200.0"
@@ -329,20 +330,23 @@
                      </children>
                   </StackPane>
 
+
                   <!-- SUMMARY -->
                   <StackPane GridPane.columnIndex="0"
                              GridPane.columnSpan="2"
                              GridPane.rowIndex="1"
-                             translateY="80"
-                             translateX="10">
+                             translateY="60"
+                             translateX="-20"
+                             alignment="CENTER">
 
                      <children>
-                        <!-- Selve kortet -->
+
+                        <!-- Kort-bakgrunn -->
                         <Rectangle arcHeight="30.0"
                                    arcWidth="30.0"
                                    fill="#F5F5F5"
-                                   height="400.0"
-                                   width="780.0"
+                                   height="300.0"
+                                   width="700.0"
                                    stroke="#8B8B8B"
                                    strokeType="INSIDE">
                            <effect>
@@ -354,50 +358,54 @@
                            </effect>
                         </Rectangle>
 
-                        <!-- Tekst -->
-                        <Label text="[Summary about the charity]"
-                               wrapText="true"
-                               maxWidth="720.0"
-                               translateY="5.0"
-                               translateX="85.0"
-                               StackPane.alignment="TOP_LEFT">
-                           <font>
-                              <Font size="16.0" />
-                           </font>
-                        </Label>
+                        <!-- Ekte scrollbart innhold -->
+                        <ScrollPane prefHeight="260.0"
+                                    prefWidth="650.0"
+                                    minHeight="260.0"
+                                    minWidth="650.0"
+                                    maxHeight="260.0"
+                                    maxWidth="650.0"
+                                    fitToWidth="true"
+                                    hbarPolicy="NEVER"
+                                    vbarPolicy="ALWAYS"
+                                    pannable="true"
+                                    style="-fx-background-color: transparent; -fx-background: transparent;">
+
+                           <content>
+                              <VBox prefWidth="620.0"
+                                    fillWidth="true"
+                                    style="-fx-padding: 10;">
+                                 <children>
 
-                        <!-- Scroll track -->
-                        <Rectangle arcHeight="12.0"
-                                   arcWidth="12.0"
-                                   fill="#F5F5F5"
-                                   height="360.0"
-                                   width="12.0"
-                                   stroke="#8B8B8B"
-                                   strokeType="INSIDE"
-                                   translateX="460.0"
-                                   translateY="0.0" />
+                                    <Label wrapText="true"
+                                           prefWidth="600.0"
+                                           maxWidth="600.0"
+                                           text="Summary about the charity.
+
+Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle.
+Poenget er at teksten må bli høyere enn selve boksen.">
+                                       <font>
+                                          <Font size="16.0" />
+                                       </font>
+                                    </Label>
+
+                                 </children>
+                              </VBox>
+                           </content>
+                        </ScrollPane>
 
-                        <!-- Scroll thumb -->
-                        <Rectangle arcHeight="12.0"
-                                   arcWidth="12.0"
-                                   fill="#E6E6E6"
-                                   height="90.0"
-                                   width="12.0"
-                                   stroke="#4F4F4F"
-                                   strokeType="INSIDE"
-                                   translateX="460.0"
-                                   translateY="-95.0">
-                           <effect>
-                              <DropShadow radius="3.0" offsetY="1.0">
-                                 <color>
-                                    <Color red="0.0" green="0.0" blue="0.0" opacity="0.15"/>
-                                 </color>
-                              </DropShadow>
-                           </effect>
-                        </Rectangle>
                      </children>
                   </StackPane>
-
                   <!-- STATS -->
                   <GridPane GridPane.columnIndex="0"
                             GridPane.columnSpan="2"