<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lipton:Dünyanın Önde Gelen Çay Markası</title>
<link rel="stylesheet" href="css/stil.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="container"> <!--Tüm Elelmanları kapsayan genel kutu-->
<header>
<h1 id="logo"><a href="index.html"><img src="img/lipton-logo.png" alt="Lipton logo"></a></h1>
<nav id="menu"><!--Menü bölümü-->
<ul>
<li><a href="index.html">Anasayfa</a></li>
<li><a href="#">Ürünlerimiz</a></li>
<li><a href="#">Lipton Hakkında</a></li>
<li><a href="#">Bize Ulaşın</a></li>
</ul>
</nav>
</header>
<main><!--Orta kısım(ana içerik)-->
<div class="banner">
<img src="img/home-banner.png" alt="Reklam">
</div>
<div class="urunler">
<div class="urun"><img src="urunler/lipton-ice-teas.jpg" alt="urun1"></div>
<div class="urun"><img src="urunler/lipton-ic-kolaya-kacma.png" alt="urun2"></div>
</div>
</main>
<footer><!--Alt bölüm-->
<div class="alt">
Lipton Icetea © Tüm Hakları saklıdır. İzinsiz kopyalanamaz.
</div>
<div class="yan">
Gizlilik.Uyarı.Bize Ulaşın
</div>
</footer>
</div>
</body>
</html>