Notes
Notes - notes.io |
<html>
<head>
<title>sayfam</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-success">
<a class="navbar-brand text-light" href="#">Kampanya 100tl üzeri alışverişlerinizde ücretsiz kargo</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Sepetiniz <img src="images/sepet.jpg"> <span class="sr-only">(current)</span></a>
</li>
</div>
</nav>
.
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<form class="form-inline my-2 my-lg-0">
<img src="images/logo.jpg">
<h6>istediğin <br> burada</h6>
<input class="form-control mr-sm-2" type="search" placeholder="Ürün ara..." aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0 " type="submit">Ara</button>
</form>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Anasayfa <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ürünler</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Kategoriler
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Elektronik</a>
<a class="dropdown-item" href="#">Genel</a>
<a class="dropdown-item" href="#">Mutfak gereçleri</a>
<a class="dropdown-item" href="#">Oyuncak</a>
<a class="dropdown-item" href="#">Spor</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="hakkımızda.html">Hakkımızda</a>
</li>
</ul>
</nav>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/galeri1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/galeri2.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/galeri3.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/galeri4.jpg" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h1 class="m-5" align="center">İstediğin Burada'ya Hoş Geldiniz </h1>
<p align="justify" class="m-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="card-group m-5">
<div class="card bg-light">
<div class="card-body">
<h5 class="card-title">Sorunsuz İade</h5>
<p class="card-text">Bütün ürünlerde 7 gün içinde iade.</p>
</div>
</div>
<div class="card bg-light">
<div class="card-body">
<h5 class="card-title">Güvenli Ödeme</h5>
<p class="card-text">Ödemeleriniz tüm banka ve kredi kartıyla yapabilirsiniz.</p>
</div>
</div>
<div class="card bg-light">
<div class="card-body">
<h5 class="card-title">Ücretsiz Kargo</h5>
<p class="card-text">100tl üzeri alşverişinizde yurt içi ücretsiz kargo.</p>
</div>
</div>
</div>
<h1 class="m-5" align="center">Yeni Ürünler </h1>
<div class="card-deck m-5">
<div class="card">
<img src="images/indir.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Duvar Saati</h5>
<p class="card-text">desenli duvar saati</p>
</div>
<div class="card-footer">
<small class="text-light bg-success alert">30tl</small>
</div>
</div>
<div class="card">
<img src="images/indir1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sandalye</h5>
<p class="card-text">şık renkli sandalye.</p>
</div>
<div class="card-footer">
<small class="text-light bg-success alert">20tl</small>
</div>
</div>
<div class="card">
<img src="images/indir2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">avize</h5>
<p class="card-text">üçgen avize.</p>
</div>
<div class="card-footer">
<small class="text-light bg-success alert">70tl</small>
</div>
</div>
</div>
<div class="card-deck m-5">
<div class="card">
<img src="images/indir3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bayan Çanta</h5>
<p class="card-text">yeni model bayan çanta.</p>
</div>
<div class="card-footer">
<small class="text-light bg-success alert">35tl</small>
</div>
</div>
<div class="card">
<img src="images/indir4.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Vazo</h5>
<p class="card-text">sade vazo.</p>
</div>
<div class="card-footer">
<small class="text-light bg-success alert">25tl</small>
</div>
</div>
<div class="card">
<img src="images/indir5.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Spor Çanta</h5>
<p class="card-text">kullanışlı spor çanta.</p>
</div>
<div class="card-footer">
<small class="text-light bg-success alert">150tl</small>
</div>
</div>
</div>
<footer class="page-footer bg-dark font-small text-light teal pt-4">
<!-- Footer Text -->
<div class="container-fluid text-center text-md-left">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div align="center" class="col-md-3 ml-5 mt-md-0 mt-3">
<!-- Content -->
<h5 class="text-uppercase font-weight-bold">Yardım</h5>
<p>Ödeme</p>
<p>İade ve Değişim</p>
<p>Mağazalarımız</p>
<p>Kariyer Fırsatlar</p>
<p>Sık Sorulan Sorular</p>
<p>Kampanyalar</p>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none pb-3">
<!-- Grid column -->
<div align="center" class="col-md-3 mb-md-0 ml-5 mb-3">
<!-- Content -->
<h5 class="text-uppercase font-weight-bold">Fırsat Ürünleri</h5>
<p>saç bandı</p>
<p class="text-success">1.99tl</p>
<p>Çöp kovası</p>
<p class="text-success">3.95tl</p>
<p>Gözlük</p>
<p class="text-success">6tl</p>
</div>
<div align="center" class="col-md-3 mb-md-0 ml-5 mb-3">
<!-- Content -->
<h5 class="text-uppercase font-weight-bold">İletişim</h5>
<p>Celaliye Mahallesi, Cumhuriyet Cd. No:26</p>
<p>Büyükçekmece/İstanul</p>
<p>Telefon:(0212) 885 98 82</p>
<p>Faks:(0212)885 40 30</p>
<p>Web: http://sudiozkanmtal.meb.k12.tr</p>
<p>Eposta:[email protected]</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
<!-- Footer Text -->
<!-- Copyright -->
<!-- Copyright -->
</footer>
<!-- Footer -->
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
