diff --git a/sql/createDB.sql b/sql_scripts/createDB.sql
similarity index 100%
rename from sql/createDB.sql
rename to sql_scripts/createDB.sql
diff --git a/sql/rollbackDB.sql b/sql_scripts/rollbackDB.sql
similarity index 100%
rename from sql/rollbackDB.sql
rename to sql_scripts/rollbackDB.sql
diff --git a/src/backend/example/database_calls/getDatabaseTable.php b/src/backend/example/database_calls/getDatabaseTable.php
index cfab334..e8323de 100644
--- a/src/backend/example/database_calls/getDatabaseTable.php
+++ b/src/backend/example/database_calls/getDatabaseTable.php
@@ -3,7 +3,7 @@ $hostname = "hostname/IP";
$username = "username";
$password = "password";
$db_name = "databaseName";
-$port = "webport";
+$port = "port";
$sqlArray = [];
diff --git a/src/backend/example/database_calls/startAjax.js b/src/backend/example/database_calls/startAjax.js
index 7e97f61..6d68ea2 100644
--- a/src/backend/example/database_calls/startAjax.js
+++ b/src/backend/example/database_calls/startAjax.js
@@ -7,6 +7,7 @@ $(document).ready(function () {
dataType: "json", // return type of the PHP script
success: function (data) {
console.log("successfully called PHP file!")
+ console.log(data)
// implement logic to write json into HTML here
},
error: function () {
diff --git a/src/frontend/01_counter/app.js b/src/frontend/example/01_counter/app.js
similarity index 100%
rename from src/frontend/01_counter/app.js
rename to src/frontend/example/01_counter/app.js
diff --git a/src/frontend/01_counter/index.html b/src/frontend/example/01_counter/index.html
similarity index 100%
rename from src/frontend/01_counter/index.html
rename to src/frontend/example/01_counter/index.html
diff --git a/src/frontend/example/grid_layout/grid_layout.css b/src/frontend/example/grid_layout/grid_layout.css
new file mode 100644
index 0000000..9be4f0e
--- /dev/null
+++ b/src/frontend/example/grid_layout/grid_layout.css
@@ -0,0 +1,37 @@
+.item1 {
+ grid-area: header;
+}
+
+.item2 {
+ grid-area: menu;
+}
+
+.item3 {
+ grid-area: main;
+}
+
+.item4 {
+ grid-area: right;
+}
+
+.item5 {
+ grid-area: footer;
+}
+
+.grid-container {
+ display: grid;
+ grid-template-areas:
+ 'header header header header header header'
+ 'menu main main main main right'
+ 'menu footer footer footer footer footer';
+ gap: 10px;
+ background-color: whitesmoke;
+ padding: 10px;
+}
+
+.grid-container > div {
+ background-color: rgba(255, 255, 255, 0.8);
+ text-align: center;
+ padding: 20px 0;
+ font-size: 30px;
+}
\ No newline at end of file
diff --git a/src/frontend/example/grid_layout/index.html b/src/frontend/example/grid_layout/index.html
new file mode 100644
index 0000000..1d2c511
--- /dev/null
+++ b/src/frontend/example/grid_layout/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+ Example 1
+
+
+
+
+
+
header
+
menu
+
main
+
right
+
footer
+
+
+
\ No newline at end of file
diff --git a/src/frontend/example/index.html b/src/frontend/example/index.html
deleted file mode 100644
index 64b999f..0000000
--- a/src/frontend/example/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
- Example 1
-
-
-
-
-
-
\ No newline at end of file