diff --git a/opdracht-1/styles.css b/opdracht-1/styles.css
index e69de29..4eb806c 100644
--- a/opdracht-1/styles.css
+++ b/opdracht-1/styles.css
@@ -0,0 +1,65 @@
+/*Opdracht 1a*/
+
+.navbar-one ul {
+ display: flex;
+ justify-content: space-between;
+ list-style: none;
+}
+
+/*Opdracht 1b*/
+
+.navbar-two ul {
+ display: flex;
+ justify-content: flex-end;
+ list-style: none;
+}
+
+/*Opdracht 1c*/
+
+.navbar-three {
+ display: flex;
+ justify-content: space-between;
+}
+
+.navbar-three ul {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ list-style: none;
+}
+
+.image-wrapper {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+/*Opdracht 1d*/
+.navbar-four {
+ display: flex;
+ justify-content: space-between;
+}
+
+.navbar-four ul {
+ display: flex;
+ gap: 10px;
+ align-items: center;
+ list-style: none;
+}
+
+.navbar-four .nav-links {
+ flex: 1;
+}
+
+/*Opdracht 1e*/
+.navbar-five {
+ display: flex;
+ justify-content: space-between;
+}
+
+.navbar-five ul {
+ display: flex;
+ gap: 10px;
+ align-items: center;
+ list-style: none;
+}
\ No newline at end of file
diff --git a/opdracht-2/index.html b/opdracht-2/index.html
index 142d2ed..42c7900 100644
--- a/opdracht-2/index.html
+++ b/opdracht-2/index.html
@@ -7,6 +7,86 @@
+
+ Opleidingsaanbod
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Animi at aut, consectetur fuga fugit magni
+ minus quo quos repudiandae veniam.
+
+
+
+
+ Some amazing title
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ €1390,-
+
+
+
+
+ Some amazing title
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ €1390,-
+
+
+
+
+ Some amazing title
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ €1390,-
+
+
+
+
+ Some amazing title
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ €1390,-
+
+
+
+
+ Some amazing title
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ €1390,-
+
+
+
+
+ Some amazing title
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ €1390,-
+
+
+
+
+