-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (72 loc) · 3.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="icon" href="./public/img/logo.png" type="image/x-icon" />
<title>Nuhh</title>
<link rel="stylesheet" href="./public/css/home.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<!-- navbar -->
<div class="navbar">
<div class="logo">
<img src="./public/img/logo.png" alt="Nuhh Logo">
</div>
<div class="social">
<a href="https://github.com/nuhh0" target="_blank"><i class="fa-brands fa-github fa-lg"></i></a>
<a href="https://discord.com/users/730032381955801178" target="_blank"><i
class="fa-brands fa-discord fa-lg"></i></a>
<a href="https://open.spotify.com/user/sji9tf35q591u4gn7sti572j1" target="_blank"><i
class="fa-brands fa-spotify fa-lg"></i></a>
</div>
<div class="home-btn">
<a href="#top"><i class="fa-solid fa-house fa-lg"></i></a>
</div>
<ul class="item">
<li><a href="#contact">İletişim</a></li>
<li><a href="#projects">Projelerim</a></li>
<li><a href="#skills">Yeteneklerim</a></li>
<li><a href="#about-us">Hakkımda</a></li>
</ul>
</div>
<br><br><br>
<!-- home -->
<div class="home">
<div class="card">
<div class="title">
<h1>Sadece. Nuhh.</h1>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae ipsam, eos placeat officia, quisquam
numquam ea nulla molestias autem repellat impedit? Quia aut sit corporis optio sed? Sint, aliquam
tenetur?</p>
<a href="#contact">İletişim</a>
</div>
</div>
</div>
<!-- about-us -->
<div class="about-us" id="about-us">
<br>
<div class="title">
<h1>Hakkımda</h1>
</div>
<div class="content">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magni voluptatem libero, consectetur voluptate
natus iste excepturi blanditiis, ullam culpa earum veniam unde, dicta rem ut laboriosam eveniet.
Repellat, asperiores. Quas illum impedit magni error perspiciatis officiis ullam ab velit similique quo
quaerat vel, ut consequatur dolores pariatur natus obcaecati architecto. Modi, ad. Inventore fugit
sapiente nobis voluptate ipsa corporis explicabo minima reiciendis, deleniti hic exercitationem pariatur
cumque reprehenderit itaque? Corporis eos blanditiis perferendis ducimus dignissimos corrupti
repudiandae eveniet architecto animi porro rerum omnis placeat quae atque, consectetur debitis id! Culpa
sint rerum voluptatem, mollitia nostrum earum porro dolore sunt repellendus eaque ipsa quas praesentium
facilis possimus fugiat iusto iure illo atque molestiae eum, ut tempora quo similique? Nobis, cupiditate
ut.</p>
</div>
</div>
</body>
</html>