@TheBoss bana bir site çizimi yapmıştı, @Kyoya da bana kodlamada yardım etmişti bende onlara teşekkür etmek için bir web sitesi kodluyorum :) Tabi ki hiç güzel olmadı ama amacı iyi :3 buyurun tavsiyelerinizi ve önerilerinizi beklerim.
Not : Sınavlarım olduğu için dershaneye giderken telefonumdan kodladım bilgisayara geçebilsem daha iyi bir iş çıkarabileceğimi düşünüyorum
Not : Sınavlarım olduğu için dershaneye giderken telefonumdan kodladım bilgisayara geçebilsem daha iyi bir iş çıkarabileceğimi düşünüyorum
Kod:
<!DOCTYPE html>
<html>
<head>
<title>Only Web</title>
<meta http-equiv="content-type" content="text/html; charset=UTF8">
<style>
body
{
font-family:Arial,Verdana;
background-color:#dedede;
}
*{margin:0;padding:0;}
a{color:#111;text-decoration:none;cursor: pointer;}
.header{
width:100%;
height:55px;
background-color:#fefefe;
border-bottom:1px solid #989898;
}
.logo{
line-height:55px;
font-size:20px;
padding-left:15px;
}
.menu{
float:right;
margin:10px;
margin-right:5px;
margin-top:3px;
}
.menu ul{
float:left;
}
.menu ul li{
margin:10px;
list-style:none;
float:left;
padding-top:10px;
padding-bottom:10px;
padding-left:4px;
padding-right:4px;
transition:500ms;
}
.menu li:hover{
background-color:#EB4942;
color:#fff;
padding-top:10px;
border-radius:5px;
transition:500ms;
}
.tasiyici{
width:1108px;
margin-left:auto;
margin-right:auto;
background-color:#E9E9E9;
border-left:1px solid #b9b9b9;
border-right:1px solid #b9b9b9;
}
.icerik{
width:100%;
}
.referans{
width:100px;
height:300px;
}
.baslik{
padding:15px;
font-size:20px;
}
.slider{
width:100%;
height:300px;
background-color:#fff;
text-align:center;
line-height:300px;
font-size:30px;
}
.refres1{
width:200px;
height:100px;
position:relative;
margin:50px;
background-color:#111;
background:url(http://i.hizliresim.com/Gvgdvb.png) no-repeat;
color:#fff;
float:left;
}
.yazi{
height:100px;
width:800px;
position:relative;
margin:50px;
}
.hakkimizda{
width:100%;
height:300px;
}
.hakres1{
width:200px;
height:200px;
position:relative;
margin:50px;
background-color:#111;
background:url(http://icons.iconarchive.com/icons/icons8/ios7/128/Very-Basic-About-icon.png) no-repeat;
color:#fff;
float:left;
}
.footer{
width:100%;
height:70px;
background-color:#fff;
text-align:center;
line-height:70px;
border-top: 1px solid #111;
}
</style>
</head>
<body>
<div class="header">
<div class="menu">
<ul>
<a href="index.html"><li>Anasayfa</li></a>
<a href="hakkimizda.html"><li>Hakkımızda</li></a>
<a href="#"><li>Referanslar</li></a>
<a href="#"><li>İletişim</li></a>
</ul>
</div>
<div class="logo"><a href="index.html">OnlyWeb</a></div>
</div>
<div class="tasiyici">
<div class="icerik">
<div class="slider">Slider buraya gelecek</div>
<hr/>
<div class="referans">
<div class="baslik">Referanslar</div>
<hr style="width:200px;margin-left:15px;" color="#3C6C9C"/>
<div class="refres1"></div>
<div class="yazi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh ipsum, cursus sit amet ligula et, imperdiet scelerisque dolor. Pellentesque auctor mauris nec scelerisque aliquet. Nulla non tellus sed tellus condimentum sodales sit amet at ligula. Nullam id molestie dui. Etiam quis euismod est, volutpat maximus eros. Pellentesque sagittis tortor eros, ac bibendum arcu molestie eu.</div>
</div>
<hr/>
<div class="hakkimizda">
<div class="baslik">Hakkımızda</div>
<hr style="width:200px;margin-left:15px;" color="#3C6C9C"/>
<div class="hakres1"></div>
<div class="yazi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id eros ultrices, fringilla lectus sed, scelerisque enim. Mauris vitae risus et metus euismod consequat. Integer ut lacus nulla. Nunc ut lectus quis dui porttitor posuere. Aliquam commodo malesuada nunc non tincidunt. Maecenas nec blandit erat. Integer a pharetra justo, non aliquet lacus.</div>
</div>
</div>
</div>
<div class="footer">
<div class="baslik">Kodlayan : Mustafa Uğur YALÇIN.
Tüm hakları saklıdır
</div>
</div>
</body>
</html>Kod:
onizle.koddostu.com
