diff --git a/about.html b/about.html
new file mode 100644
index 0000000..c6a407d
--- /dev/null
+++ b/about.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Home - janishutz.com</title>
+	<link rel="stylesheet" href="./mainstyle.css">
+</head>
+
+<body>
+<ul>
+	<li><a href="#">Home</a></li>
+	<li class="dropdown">
+		<a href="javascript:void(0)" class="dropbtn">Legal</a>
+		<div class="dropdown-content dropdown-animation">
+			<a href="./privacypolicy.html">Privacy Policy for apps</a>
+		</div>
+	</li>
+	<li><a href="./support.html">Support</a></li>
+	<li><a href="./about.html">About me</a></li>
+</ul>
+
+<h1>About me</h1>
+<p>I am a young person that is still in the process of getting really experienced with programming. I am really passionate about my projects. You may find more of my projects on github!
+</p>
+<a href="https://github.com/simplePCBuilding">Github</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 2ebe9a0..20e0682 100644
--- a/index.html
+++ b/index.html
@@ -2,17 +2,22 @@
 <html>
 <head>
 	<title>Home - janishutz.com</title>
-	<link rel="stylesheet" href="./indexStyle.css">
+	<link rel="stylesheet" href="./mainstyle.css">
 </head>
 
 <body>
-<header>
-</header>
-<nav>
-<ul>
-	<li class="active"><a href="#">Home</a></li>
-	<li><a href="./support.html">Support</a></li>
+<ul class="Menu">
+	<li class="mainitems"><a href="#">Home</a></li>
+	<li class="dropdown mainitems">
+		<a href="#">Legal</a>
+		<ul class="dropdown-menu">
+			<li class="subitems"><a href="./privacypolicy.html">Privacy Policy for apps</a></li>
+		</ul>
+	</li>
+	<li class="mainitems"><a href="./support.html">Support</a></li>
+	<li class="mainitems"><a href="./about.html">About me</a></li>
 </ul>
-</nav>
+
+<h1>Welcome to janishutz.com</h1>
 </body>
 </html>
\ No newline at end of file
diff --git a/mainstyle.css b/mainstyle.css
new file mode 100644
index 0000000..d8d56d1
--- /dev/null
+++ b/mainstyle.css
@@ -0,0 +1,65 @@
+body {
+  background-color: gray;
+}
+
+.logo img {
+width: 10%
+}
+
+.Menu {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  overflow: hidden;
+  background-color: #38444d;
+}
+
+.mainitems {
+  display: inline-block;
+}
+
+a {
+  text-decoration: none;
+  display: inline-block;
+  padding: 20px;
+  color: white;
+}
+
+a:hover {
+  background-color: darkblue;
+}
+
+.dropdown-menu {
+  margin: 0;
+  padding: 0;
+  background-color: #38444d;
+  display: none;
+  list-style-type: none;
+  position: absolute;
+  min-width: 200px;
+}
+
+@keyframes fadein {
+  0%  {opacity: 0;}
+  100% {opacity: 1;}
+}
+
+@keyframes growDown {
+  0% {
+      transform: scaleY(0)
+  }
+  80% {
+      transform: scaleY(1.1)
+  }
+  100% {
+      transform: scaleY(1)
+  }
+}
+
+.dropdown:hover .dropdown-menu {
+  display: block;
+  animation: growDown 300ms ease-in-out forwards;
+}
+
+
+
