Selamlar TurkHackTeam Ailesi
Bu Tarz Konularda Yeniyim Görüş Ve Önerilerinizi Bekliyorum
seviliyorsunuz
Bu Tarz Konularda Yeniyim Görüş Ve Önerilerinizi Bekliyorum
seviliyorsunuz
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Web Site</title>
<link rel="icon" type="image/x-icon" href="Fladd.ico">
<link rel="stylesheet" href="index.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="hero">
<nav>
<img class="logo" src="https://r.resimlink.com/sxeI0MaBu.png" alt="Fladdlogo">
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">İletişim</a></li>
</ul>
<button type="button"><a href="https://turkhackteam.org/uye/fladd.1013298/">TurkhackTeam</a></button>
</nav>
</div>
</body>
</html>CSS
CSS:
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: 'josefin Sans' , sans-serif;
}
.hero {
height: 100vh;
width: 100%;
background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url('https://i.hizliresim.com/MJCahx.png');
background-position: center;
background-size: cover;
}
nav {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 40px;
padding-left: 10%;
padding-right: 10%;
}
.logo {
width: 7%;
height: 7%;
}
nav ul li {
list-style-type: none;
display: inline-block;
padding: 10px 20px;
}
nav ul li a {
color: white;
text-decoration: none;
font-weight: bold;
}
nav ul li a:hover {
color: #ea1538;
transition: .3s;
}
button {
border: none;
background: #ea1538;
padding: 12px 30px;
border-radius: 30px;
color: white;
font-weight: bold;
font-size: 15px;
transition: .4s;
}
button:hover {
transform: scale(1.3);
cursor: pointer;
}
button a {
text-decoration: none;
}
