diff --git a/images/economy.png b/images/economy.png
new file mode 100644
index 0000000..b97fb4b
Binary files /dev/null and b/images/economy.png differ
diff --git a/images/history.jpg b/images/history.jpg
new file mode 100644
index 0000000..e984790
Binary files /dev/null and b/images/history.jpg differ
diff --git a/images/hyflogo.png b/images/hyflogo.png
new file mode 100644
index 0000000..f2efd4a
Binary files /dev/null and b/images/hyflogo.png differ
diff --git a/images/peak.jpg b/images/peak.jpg
new file mode 100644
index 0000000..8f383c4
Binary files /dev/null and b/images/peak.jpg differ
diff --git a/images/profile.jpg b/images/profile.jpg
new file mode 100644
index 0000000..a2bd83a
Binary files /dev/null and b/images/profile.jpg differ
diff --git a/images/programming.jpg b/images/programming.jpg
new file mode 100644
index 0000000..15c6437
Binary files /dev/null and b/images/programming.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..723261e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ About Me
+
+
+
+
+
+
+
+
+
+
+
+
+
+ I'm a web development student with finance background.
+ My goal is to be able to learn how to develop projects and create products that everyone love to use.
+
+
+
+
+ - Programming
+ 
+ - Economy
+ 
+ - History
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..54ce85e
--- /dev/null
+++ b/style.css
@@ -0,0 +1,96 @@
+body {
+ background:url("images/peak.jpg") no-repeat;
+ background-size:cover;
+ margin:0;
+ padding:0;
+ font-family: "Open Sans", "Helvetica Neue",sans-serif;
+ color:white;
+}
+
+.navbar ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ background-color:#8C8586;
+
+}
+
+.navbar li {
+ float: left;
+}
+
+.navbar li a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ }
+
+.navbar li a:hover {
+ background-color: #111;
+}
+
+.header-heading,
+.header-intro {
+ text-align: center;
+}
+
+.header-intro{
+ font-size: 3em;
+}
+
+.header-heading{
+ font-size:5em;
+ font-family: 'Pacifico', cursive;
+}
+p{
+ font-size:22px;
+ line-height:1.5;
+ font-family: 'Satisfy', cursive;
+}
+
+
+header,
+section,
+footer {
+padding: 100px 150px;
+}
+
+#goals,
+#interests,
+footer {
+ text-align: center;
+}
+
+#interests li {
+ list-style-type: none;
+ margin: 10px;
+ float: center;
+ color:black
+
+}
+
+img {
+ width:150px;
+ border-radius: 10%;
+
+}
+
+header {
+ background-color:rgb(171,166,170,0.8);
+}
+#goals {
+ background-color:rgb(148,150,161, 0.8);
+ color:white;
+ }
+#interests {
+ background-color:rgb(231,224,220,0.8);
+ text-align:center;
+}
+
+footer {
+ background-color:rgb(190,112,93,0.8)
+ }
+
\ No newline at end of file