Hepinize merhaba degerli turkhackteam uyeleri buyrun calismam :
Kod:
<!doctype html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Black+Ops+One" rel="stylesheet">
<**** charset="UTF-8">
<title>birinci sayfa</title>
*********
*{
margin: 0px;
padding: 0px;
}
body,html{
height:100%;
}
nav{
position: absolute;
z-index:2;
height:100px;
width: 100%;
text-align: center;
line-height: 140px;
}
nav a{
color: #FFF;
font-family: 'Raleway', sans-serif;
text-decoration: none;
font-size: 20px;
margin-left: 15px;
padding: 12px 12px;
}
nav a:hover{
background-color:#333333;
}
img
{
position: absolute;
left: 350px;
top: 100px;
z-index: 2;
}
.gorsel{
height:100%;
background-color:lightblue;
background-size: cover;
background-attachment:fixed;
}
.bant{
height:50%;
background-color:#fff;
}
#gor1{
background-image:url("https://i.resimyukle.xyz/WMW5Ba.png")
}
#gor2{
background-image:url("https://i.resimyukle.xyz/LJN2PO.jpg")
}
#gor3{
background-image:url("https://i.resimyukle.xyz/NKfPzL.jpg")
}
.anaSayfa{
position:absolute;
float:left;
}
.anaYazi{
width:100%;
height:100%;
text-align:center;
margin-top:250px;
z-index:1;
}
.anaYazi h1{
font-family: 'Black Ops One', cursive;
color:gray;
font-size:70px;
}
.anaYazi p{
font-size:17px;
color:#fff;
font-family: 'Raleway', sans-serif;
margin-bottom:20px;
}
.anaYazi span{
color:#fff;
padding:10px 10px;
background-color:gray;
font-size:17px;
border: 1px solid gray;
border-radius:5px;
font-family: 'Black Ops One', cursive;
}
.anaYazi span:hover{
background-color:#fff
color:gray;
cursor:pointer;
}
.anaFiltre{
width:100%;
height:100%;
background-color: #000;
z-index;:0;
opacity:0.44;
}
</style>
</head>
<body>
<nav>
<a href="#">HOME</a>
<a href="#bant1">ABOUT</a>
<a href="#gor2">WORKS</a>
<a href="#bant2">SERVICES</a>
<a href="#gor3">PORTFOLIO</a>
<a href="#bant3">CONTACT</a>
</nav>
<a href="https://www.turkhackteam.org/" target="_blank"><img src="https://i.resimyukle.xyz/KQffW2.png" alt="TurkHackTeam" /></a>
<div id="gor1" class="gorsel">
<div class="anaSayfa anaYazi">
<h1>TurkHackTeam</h1>
<p>Misyon : Dilimize, Dinimize, Ulkemize ve Inanclarimiza<br/><br/>Orflerimize ve Adetlerimize,Toplum Ahlakina ve<br/><br/>Bu Gibi Degerlerimize Aykiri Yayin Yapan Sitelerin<br/><br/>HAYATINA SON VERMEKTIR.</p>
<a href="https://www.turkhackteam.org/misyon.html"> <span>Get more info</span></a>
</div>
<div class="anaSayfa anaFiltre"></div>
</div>
<div id="bant1" class="bant"></div>
<div id="gor2" class="gorsel"></div>
<div id="bant2" class="bant"></div>
<div id="gor3" class="gorsel"></div>
<div id="bant3" class="bant"></div>
</body>
</html>
Son düzenleme:
