diff --git a/src/css/style.css b/src/css/style.css
new file mode 100644
index 0000000..7d1d0a9
--- /dev/null
+++ b/src/css/style.css
@@ -0,0 +1,84 @@
+body {
+ background-color: darkslategrey;
+ margin: 0;
+}
+
+#container {
+ margin-top: 100px;
+ margin-left: 25px;
+ margin-right: 25px;
+}
+
+#home {
+ background-color: azure;
+ border: 10px;
+ border-radius: 20px;
+ width: 100%;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+#products {
+ background-color: azure;
+ border: 10px;
+ border-radius: 20px;
+ width: 100%;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+#navigationbar {
+ position: fixed;
+ top:0px;
+ right: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+#headerhome {
+ color:black;
+ text-align: center;
+ padding-top:20px;
+ padding-bottom:20px;
+}
+
+#headerproducts {
+ color:black;
+ text-align: center;
+ padding-top:20px;
+ padding-bottom:20px;
+}
+
+.centerh {
+ margin:auto;
+ width:30em;
+ padding:0px;
+}
+
+ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ background-color: #333;
+ }
+
+ li {
+ float: left;
+ }
+
+ li a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ }
+
+ li a:hover:not(.active) {
+ background-color: #111;
+ }
+
+ .active {
+ background-color: #04AA6D;
+ }
\ No newline at end of file
diff --git a/src/html/index.html b/src/html/index.html
new file mode 100644
index 0000000..50b07ae
--- /dev/null
+++ b/src/html/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ MangoBerry
+
+
+
+
+
+
+
\ No newline at end of file