Skip to content

GitLab

Commit b52c977e authored by İsrafil Levent's avatar İsrafil Levent
Browse files

Initial commit

parents
Show whitespace changes
Inline Side-by-side
.vscode/launch.json 0 → 100644
View file @ b52c977e
{
// Olası öznitelikler hakkında bilgi edinmek için IntelliSense kullanın.
// Mevcut özniteliklerin açıklamalarını görüntülemek için üzerine gelin.
// Daha fazla bilgi için şu adresi ziyaret edin: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Chrome'u localhost'ta başlat",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
\ No newline at end of file
Anasayfa.html 0 → 100644
View file @ b52c977e
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="logo.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Kayısı Sepeti</title>
<div id="d1">
<a class="a1" href="hakkımızda.html">Hakkımızda</a>
<a class="a2" href="ıletısım.html">İletişim</a>
<a class="a3" href="şubelerimiz.html">Şubelerimiz</a>
</div>
<div class="c1">
<a href="Anasayfa.html">
<img src="favicon.jpg" />
</div>
</a>
</head>
<body>
<div class="e1">
<div>
<label class="h2">Şimdi Ara</label>
<strong><a href="tel:+905059859003" title="Şimdi ara" class="h1">(0505)9859003</a></strong>
<a href="login.html"><img src="user.png" class="f1" title="Kullanıcı Bilgileri"></a>
<img src="telefon.png" class="f2">
<a href="#"><img src="sepet.png" class="f3" title="Sepet">
<form id="form">
<input type="text" name="search" placeholder="ara...">
</form>
</div>
</div>
</div>
<div class="div3">
<h5>KATEGORİLER</h5>
<a href="#"><li class="l1">Kuru Yemişler</li></a>
<a href="#"><li class="l2">Meyve Ve Hurma</li></a>
<a href="#"><li class="l3">Lokum ve Draje</li> </a>
<a href="#"><li class="l4">Şarküteri</li></a>
<a href="#"><li class="l5"> Bal ve Pekmez</li></a>
<a href="#"><li class="l6">Zeytin</li></a>
<a href="#"><li class="l7">Zeytin Yağı</li></a>
<a href="#"><li class="l8">Baharat ve Aktar</li></a>
<a href="#"><li class="l9">Kişisel Bakım</li></a>
<a href="#"><li class="l10">Gıda Takviyeleri</li></a>
<a href="#"><li class="l11">Bakliyatlar</li></a>
<a href="#"><li class="l12">Çay</li></a>
<a href="#"><li class="l13">Hediyelikler</li></a>
</ul>
</div>
<footer id="footer">
<div id="d2">
<ul class="p1">
<h5>İLETİŞİM</h5>
<hr>
<li>
<span >CENNET ŞUBESİ</span>
Cumhuriyet Mah. İnönü Cad., Güneş Apt., No: 75/A 34290 Küçükçekmece/İSTANBUL
</li>
<li>
<span>HALKALI ŞUBESİ</span>
Halkalı Merkez Mah. Fatih Cad., 1228. Sokak, No: 46 34303 Küçükçekmece/İSTANBUL
</li>
<li>
<span>CENNET ŞUBESİ</span>
Cumhuriyet Mah. İnönü Cad., Güneş Apt., No: 75/A 34290 Küçükçekmece/İSTANBUL
</li>
<li>
<span>SULTANGAZİ ŞUBESİ</span>
Cebeci Mah. Eski Edirne Asfaltı Cad., No: 694-696, Sultangazi/İSTANBUL
</li>
<li>
<span>TELEFON</span>
<a href="tel:(5059859003)" class="o1">(0505)9859003 </a>
</li>
<li>
<span>E-POSTA</span>
<a>infokayısısepeti@gmail.com</a>
</li>
<li>
<span>ÇALIŞMA GÜNLERİ/SAATLERİ</span>
Pazartesi - Pazar / 09:00 - 22:00
</li>
</ul>
<div>
<h5>MÜŞTERİ HİZMETLERİ</h5>
<ul>
<li><a href="#" class="m1">Sipariş Takibi</a></li>
<li><a href="#" class="m2">Kargo ve Kurye</a></li>
<li><a href="#" class="m3">Kullanım Koşulları</a></li>
<li><a href="#" class="m4">KVKK Metni</a></li>
<li><a href="#" class="m5">Mesafeli Satış Sözleşmesi</a></li>
<li><a href="#" class="m6">Teslimat ve İade</a></li>
<li><a href="#" class="m7">Üyelik ve Ön Bilgilendirme</a></li>
</ul>
<p class="z1">Kayısı Sepeti © 2022 Her hakkı saklıdır </p>
</div>
</footer>
</body>
</html>
\ No newline at end of file
arkap.jpg 0 → 100644
View file @ b52c977e
arkap.jpg

220 KB

arkpln.jpg 0 → 100644
View file @ b52c977e
arkpln.jpg

29.6 KB

hakkımızda.css 0 → 100644
View file @ b52c977e
h1{
color:orange;
font-optical-sizing: calc();
position: absolute;
left: 70px;
margin-top: -13px;
}
body{
background-image: url("arkap.jpg");
}
p{
color: white;
position: absolute;
margin-top: 40px;
}
\ No newline at end of file
hakkımızda.html 0 → 100644
View file @ b52c977e
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="hakkımızda.css">
</head>
<body>
<h1>Kayısı Sepeti</h1>
<p>
Çiftçi bir ailenin bireyleri olarak 2015 yılından bu yana <br>İstanbul/Küçükçekmece'de kuruyemiş, yaş yemiş, baharat, aktar, bakliyat, şarküteri, zeytin ve zeytinyağı, bal ve pekmez kategorilerindeki binlerce ürünü, üreticiden tüketiciye ulaştırmaktayız. <br>Sağlıklı, güvenli gıdaya ulaşmanın her geçen gün biraz daha zorlaştığı günümüz şartlarında ürünlerimizi sağlıklı, güvenli ve hızlı bir şekilde, perakende satış şubelerimiz ile Türkiye’nin her yerine ulaştırmaya gayret ediyoruz.<br>
Saygı ve sevgi ile...
</p>
</body>
</html>
\ No newline at end of file
iletisimm.css 0 → 100644
View file @ b52c977e
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 13px;
line-height: 30px;
color: #888;
background: #79A7A8;
}
.container {
max-width: 400px;
width: 100%;
margin: 0 auto;
position: relative;
}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea,
#contact button[type="submit"] {
font: 500 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}
#contact {
background: #F9F9F9;
padding: 25px;
margin: 100px 0;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#contact h2 {
display: block;
font-size: 30px;
font-weight: 300;
margin-bottom: 15px;
}
.form-control{
border: none !important;
margin: 0 0 10px;
min-width: 100%;
padding: 0;
width: 100%;
}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
width: 100%;
border: 1px solid #ccc;
background: #FFF;
margin: 0 0 5px;
padding: 10px;
}
#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact textarea:hover {
-webkit-transition: border-color 0.4s ease-in-out;
-moz-transition: border-color 0.4s ease-in-out;
transition: border-color 0.4s ease-in-out;
border: 1px solid #aaa;
}
#contact textarea {
height: 120px;
max-width: 100%;
resize: none;
}
#contact button[type="submit"] {
cursor: pointer;
width: 100%;
border: none;
background: #79A7A8;
color: #FFF;
margin: 0 0 5px;
padding: 10px;
font-size: 15px;
}
#contact button[type="submit"]:hover {
background: #355C7D;
-webkit-transition: background 0.4s ease-in-out;
-moz-transition: background 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;
}
#contact button[type="submit"]:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
#contact input:focus,
#contact textarea:focus {
outline: 0;
border: 1px solid #aaa;
}
login.css 0 → 100644
View file @ b52c977e
body{
margin:0;
color:#6a6f8c;
background:#c8c8c8;
font:600 16px/18px 'Open Sans',sans-serif;
}
*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}
.login-wrap{
width:100%;
margin:auto;
max-width:525px;
min-height:670px;
position:relative;
background:url(arkpln.jpg) no-repeat center;
box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}
.login-html{
width:100%;
height:100%;
position:absolute;
padding:90px 70px 50px 70px;
background:rgba(40,57,101,.9);
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
transform:rotateY(180deg);
backface-visibility:hidden;
transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
text-transform:uppercase;
}
.login-html .tab{
font-size:22px;
margin-right:15px;
padding-bottom:5px;
margin:0 15px 10px 0;
display:inline-block;
border-bottom:2px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
color:#fff;
border-color:#1161ee;
}
.login-form{
min-height:345px;
position:relative;
perspective:1000px;
transform-style:preserve-3d;
}
.login-form .group{
margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
width:100%;
color:#fff;
display:block;
}
.login-form .group .input,
.login-form .group .button{
border:none;
padding:15px 20px;
border-radius:25px;
background:rgba(255,255,255,.1);
}
.login-form .group input[data-type="password"]{
-webkit-text-security:circle;
}
.login-form .group .label{
color:#aaa;
font-size:12px;
}
.login-form .group .button{
background:#1161ee;
}
.login-form .group label .icon{
width:15px;
height:15px;
border-radius:2px;
position:relative;
display:inline-block;
background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
content:'';
width:10px;
height:2px;
background:#fff;
position:absolute;
transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
left:3px;
width:5px;
bottom:6px;
transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
top:6px;
right:0;
transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
color:#fff;
}
.login-form .group .check:checked + label .icon{
background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
transform:rotate(0);
}
.hr{
height:2px;
margin:60px 0 50px 0;
background:rgba(255,255,255,.2);
}
.foot-lnk{
text-align:center;
}
\ No newline at end of file
login.html 0 → 100644
View file @ b52c977e
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="login-wrap">
<div class="login-html">
<input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Giriş Yap</label>
<input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">Kayıt Ol</label>
<div class="login-form">
<div class="sign-in-htm">
<div class="group">
<label for="user" class="label">Kullanıcı Adı</label>
<input id="user" type="text" class="input">
</div>
<div class="group">
<label for="pass" class="label">Şifre</label>
<input id="pass" type="password" class="input" data-type="password">
</div>
<div class="group">
<input id="check" type="checkbox" class="check" checked>
<label for="check"><span class="icon"></span> Oturumu açık tut</label>
</div>
<div class="group">
<input type="submit" class="button" value="Giriş Yap">
</div>
<div class="hr"></div>
<div class="foot-lnk">
<a href="#forgot">Şifrenizi mi Unuttunuz?</a>
</div>
</div>
<div class="sign-up-htm">
<div class="group">
<label for="user" class="label">Kullanıcı Adı</label>
<input id="user" type="text" class="input">
</div>
<div class="group">
<label for="pass" class="label">Şifre</label>
<input id="pass" type="password" class="input" data-type="password">
</div>
<div class="group">
<label for="pass" class="label">Şifreyi Tekrar Girin</label>
<input id="pass" type="password" class="input" data-type="password">
</div>
<div class="group">
<label for="pass" class="label">E-POSTA Adresi</label>
<input id="pass" type="text" class="input">
</div>
<div class="group">
<input type="submit" class="button" value="Kayıt Ol">
</div>
<div class="hr"></div>
<div class="foot-lnk">
<label for="tab-1">Zaten Üyeyim?</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
logo.png 0 → 100644
View file @ b52c977e
logo.png

198 KB

sepet.png 0 → 100644
View file @ b52c977e
sepet.png

5.52 KB

style.css 0 → 100644
View file @ b52c977e
html{
height: 100%;
}
body{
position: relative;
}
#d1{
float: right;
text-align: right;
width: 700%;
margin-top: -7px;
}
.c1{
width: 100px;
}
img{
height: 180px;
margin-right: 5px;
margin-bottom: -50px;
margin-top: -50px;
}
.h1{
position: absolute;
margin-top: 60px;
width: 120px;
right: 150px;
color: black;
}
.h1:hover{
color: rgb(17, 155, 201);
}
.h2{
position: absolute;
margin-top: 40px;
width: 120px;
right: 200px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.f1{
position: absolute;
height: 40px;
margin-top: 40px;
right: 95px;
}
.f1:hover{
transform: scale(1.1);
}
.f2{
position: absolute;
height: 40px;
margin-top: 40px;
right: 265px;
}
.f3{
position: absolute;
height: 55px;
margin-top: 35px;
right: 30px;
}
.f3:hover{
transform: scale(1.1);
}
.e1{
position: absolute;
margin: -70px;
left: 220px;
width: 85%;
height: 100px;
text-align: right;
background-color: orangered;
border-radius: 20px;
}
#kategori{
width: 250px;
height: 280px;
}
footer {
color: #fff;
background-attachment: fixed;
background-color:rgb(58, 52, 52);
border: -1px solid #302c2c;
bottom: 0;
height: 205%;
position: relative;
width: 100%;
}
#d2{
color: #ccc;
margin: 100px;
}
.p1{
float: right;
margin-top: 0%;
}
.l1:hover,.l2:hover,.l3:hover{
color: rgb(17, 155, 201);
}
.l4:hover,.l5:hover,.l6:hover,.l7:hover{
color: rgb(17, 155, 201);
}
.l8:hover,.l9:hover,.l10:hover,.l11:hover{
color: rgb(17, 155, 201);
}
.l12:hover,.l13:hover{
color: rgb(17, 155, 201);
}
.a1:hover,.a2:hover,.a3:hover{
color: rgb(17, 155, 201);
}
.a1,.a2,.a3{
color: black;
}
.m1{
color: azure;
}
.div3{
width: 140px;
}
.l1,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9,.l10,.l11,.l12,.l13{
color: rgb(0, 0, 0);
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.m1,.m2,.m3,.m4,.m5,.m6,.m7{
color: white;
}
.m1:hover,.m2:hover,.m3:hover,.m4:hover,.m5:hover,.m6:hover,.m7:hover{
color: white;
color: rgb(17, 155, 201);
}
.z1{
text-align: left;
}
.s1{
border-style: solid;
color: red;
}
.o1{
color: whitesmoke;
}
.o1:hover{
color: rgb(17, 155, 201);
}
#form{
position: absolute;
left: 260px;
margin-top: 50px;
}
input[type=text] {
width: 130px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 15px;
font-size: 15px;
background-color: white;
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
width: 100%;
}
.y1{
position: absolute;
right: -10px;;
}
telefon.png 0 → 100644
View file @ b52c977e
telefon.png

9.26 KB

user.png 0 → 100644
View file @ b52c977e
user.png

11.7 KB

ıletısım.html 0 → 100644
View file @ b52c977e
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="iletisimm.css">
</head>
<body>
<div class="container">
<form id="contact" action="" method="">
<h2>İletişim Sayfası</h2>
<div class="form-control">
<input placeholder="Adınız Soyadınız" type="text" required autofocus>
</div>
<div class="form-control">
<input placeholder="E-Posta Adresiniz" type="email" required>
</div>
<div class="form-control">
<input placeholder="Konu" type="text" required>
</div>
<div class="form-control">
<textarea placeholder="Lütfen Mesajınızı Buraya Yazın.." required></textarea>
</div>
<div class="form-control">
<button name="submit" type="submit" id="submit">GÖNDER</button>
</div>
</form>
</div>
</body>
</html>
şubelerimiz.html 0 → 100644
View file @ b52c977e
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="şubelerimşz.css">
</head>
<body>
<div>
<p>SULTANGAZİ ŞUBESİ<br>Cebeci Mah. Eski Edirne Asfaltı Cad., No: 694-696, Sultangazi/İSTANBUL</p>
<p>HALKALI ŞUBESİ<br>ı Merkez Mah. Fatih Cad., 1228. Sokak, No: 46 34303 Küçükçekmece/İSTANBUL</p>
<p>CENNET ŞUBESİ<br>Cumhuriyet Mah. İnönü Cad., Güneş Apt., No: 75/A 34290 Küçükçekmece/İSTANBUL</p>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment