hackyourfuturecanada · kursadc · Aug 5, 2019
diff --git a/images/economy.png b/images/economy.png
diff --git a/images/history.jpg b/images/history.jpg
diff --git a/images/hyflogo.png b/images/hyflogo.png
diff --git a/images/peak.jpg b/images/peak.jpg
diff --git a/images/profile.jpg b/images/profile.jpg
diff --git a/images/programming.jpg b/images/programming.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang=>
+	<head>
+		<meta charset="UTF-8">
+		<meta name="author" content="Kursad Ciftci">
+		<meta name="discription" content="Personal Homepage">
+		<title>About Me</title>
+		<link href="https://fonts.googleapis.com/css?family=Pacifico|Satisfy&display=swap" rel="stylesheet">
+		<link rel="stylesheet" href="style.css">
+		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+	</head>
+
+	<body>
+		<!--Navigation Bar-->
+		<nav class="navbar">
+            <ul>
+                <li><a href="#introduction">Introduction</a></li>
+            	<li><a href="#goals">Goals</a></li>
+                <li><a href="#interests">Interests</a></li> 
+                <li><a href="#contact">Contact</a></li>  
+            </ul>
+		</nav>
+		<!--Header-->
+		<header id="introduction">
+			<p class="header-intro">Hello</p>
+			<h1 class="header-heading">I'm Kursad</h1>
+
+		</header>
+		<!--Goals section-->
+		<section id="goals">
+			<p>I'm a web development student with finance background.</p>
+			<p>My goal is to be able to learn how to develop projects and create products that everyone love to use.</p>
+		</section>
+		<!--Interests section-->
+		<section id="interests">	
+			<ul>
+				<li>Programming</li>
+				<img src="images\programming.jpg">
+				<li>Economy</li>
+				<img src="images\economy.png">
+				<li>History</li>
+				<img src="images\history.jpg">
+			</ul>
+
+
+
+
+
+
+		</section>
+		<!--Footer-->
+		<footer id="contact">
+			<p>Let's keep in touch</p>
+			<a href="https://github.com/kursadc"><i class="fa fa-github-alt" style="font-size:48px"></i></a>
+			<a href="http://hackyourfuture.ca"><img src="images\hyflogo.png" style="background-color:rgb(255,0,0)"></a>	
+		</footer>			
+	</body>
+
+</html>
diff --git a/style.css 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)
+  }
+