diff --git a/favicon.png b/favicon.png
new file mode 100644
index 0000000..9eaad0f
Binary files /dev/null and b/favicon.png differ
diff --git a/index.html b/index.html
index 65d1f57..b8296fe 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,45 @@
-<!doctype html>
-<html>
-<head>
+<!DOCTYPE html>
+<html lang="tr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Alperen İsa Nalbant</title>
-</head>
-</html>
\ No newline at end of file
+    <link rel="stylesheet" href="/style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
+  </head>
+  <body>
+    <header>
+      <b>Alperen İsa Nalbant</b>
+      <nav>
+        <ul>
+          <li><a href="#">Ana Sayfa</a></li>
+          <li><a href="#">Projelerim</a></li>
+          <li><a href="#">İletişime geçin</a></li>
+        </ul>
+      </nav>
+    </header>
+    <article>
+      <h1>Merhaba, ben Alperen İsa</h1>
+      <p class="buyuk">
+        Bilgisayar ile uğraşmayı seven bir kişiyim. Temel düzeyde HTML, CSS,
+        Python, GNU/Linux ve PyGObject bilgim var.
+      </p>
+      <p>
+        Yaklaşık 2 yıldır bilgisayar ile uğraşıyorum. Bazı şeylerin deneyerek
+        öğrenilmesi gerektiğine inanıyorum. Bu web sitesini de deneye deneye
+        yaptım. Çeşitli
+        <a href="https://github.com/Afacanc38">projelerim</a> var. Şu anda
+        Appiload üzerinde çalışıyorum.
+      </p>
+    </article>
+  </body>
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..a0256d8
--- /dev/null
+++ b/style.css
@@ -0,0 +1,62 @@
+:root {
+  --color1: #0A043C;
+  --color2: #03506F;
+  --color3: #BBBBBB;
+  --color4: #FFE3D8;
+}
+
+* {
+  font-family: Poppins, system-ui;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: var(--color1);
+  color: var(--color4);
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Zilla Slab', system-ui;
+  color: var(--color3);
+}
+
+h1 {
+  font-size: 6vw;
+}
+
+p.buyuk {
+  font-size: 3vw;
+}
+
+p {
+  margin: 20px 0px;
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  padding: 20px;
+  border-bottom: 1px solid var(--color2);
+}
+
+header ul {
+  list-style-type: none;
+}
+
+header ul li {
+  float: left;
+  padding: 0px 10px;
+}
+
+header ul a {
+  color: var(--color4);
+}
+
+article {
+  padding: 50px;
+}
+
+a {
+  color: var(--color3);
+}
\ No newline at end of file