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