asdfghjklşi

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
 
  <nav class="navbar navbar-expand-lg bg-secondary border-bottom border-body" data-bs-theme="dark">
    <div class="container-fluid">
      <a class="navbar-brand text-white" href="#">Navbar</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarColor01">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link active text-white" aria-current="page" href="#">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link text-white" href="#">Features</a>
          </li>
          <li class="nav-item">
            <a class="nav-link text-white" href="#">Pricing</a>
          </li>
          <li class="nav-item">
            <a class="nav-link text-white" href="#">About</a>
          </li>
        </ul>
        <form class="d-flex" role="search">
          <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-light" type="submit">Search</button>
        </form>
      </div>
    </div>
  </nav>

  <div class="bg-dark p-2 text-center mx-2">
    <a style="text-decoration:none;" class="text-warning">OooOoo</a>  <a style="text-decoration:none;" class="text-white">Eğlenceli Tatil İndirimleri BAŞLIYOOR</a> <a class="text-warning" style="text-decoration:none;">OooOoo</a>
  </div>

  <div class="container">
    <div class="row">
      <div class="p-5 col-12 col-lg-4 rounded bg-secondary border border-white border-5 text-center" style="height: 500px; background: url('dsy/img/cocuk.jpg') no-repeat; top: 50%;"><h2 class="text-white m-5">Çocuk</h2> <br><br><br> <button class="btn btn-light">Alışveriş Yapalım</button></div>
      <div class="p-5 col-12 col-lg-4 rounded bg-secondary border border-white border-5 text-center" style="height: 500px;  background: url('dsy/img/erkek.jpg') no-repeat;"><h2 class="text-white m-5">Erkek</h2> <br><br><br> <button class="btn btn-light">Alışveriş Yapalım</button></div>
      <div class="p-5 col-12 col-lg-4 rounded bg-secondary border border-white border-5 text-center" style="height: 500px; background: url('dsy/img/kadin.jpg') no-repeat;"><h2 class="text-white m-5">Kadın</h2> <br><br><br> <button class="btn btn-light">Alışveriş Yapalım</button></div>
    </div>

    <div class="row">
      <div class="col-6 col-lg-3 bg-light border border-white" style="height: 90px;">
      <div class="container">
        <h5 class="text-danger">Ücretsiz Kargo</h5>
        <small style="opacity: 50%;">250TL ve üzeri alışverişlerinizde kargo ücretsiz</small>
      </div>
      </div>
      <div class="col-6 col-lg-3 bg-light border border-white" style="height: 90px;">
        <div class="container">
          <h5 class="text-danger">Ücretsiz İade</h5>
          <small style="opacity: 50%;">30 güne kadar iade hakkı</small>
        </div>
      </div>
      <div class="col-6 col-lg-3 bg-light border border-white" style="height: 90px;">
        <div class="container">
          <h5 class="text-danger">Güvenli Alışveriş</h5>
          <small style="opacity: 50%;">3D secure sistem</small>
        </div>
      </div>
      <div class="col-6 col-lg-3 bg-light border border-white" style="height: 90px;">
        <div class="container">
          <h5 class="text-danger">1.000.000'dan Fazla Çeşit</h5>
          <small style="opacity: 50%;">Elimizin altında milyonlarca çeşit</small>
        </div>
      </div>
    </div>

    <hr>
  </div>

      <script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

sa

  <! DOCTYPE html > < html lang = "tr" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title >     < link rel = "stylesheet" href = "css/bootstrap.min.css" > </ head > < body >     < div class = "container bg-secondary p-3" >         < form name = "calculatorForm" >             < span > 1.Sayı: </ span >< input type = "text" id = "a" >             < br >< br >             < span > 2.Sayı: </ span >< input type = "text" id = "b" >             < br >< br >     ...
Devamı

al2

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title >     < link rel = "stylesheet" href = "css/bootstrap.min.css" > </ head > < body >     < div class = "conteiner" >         < div class = "row" >             < div class = "col-sm-12 col-md-4 col-lg-3" >     < div class = "card" style = " width: 18rem; " >         < img src = "image/avatar1.png" class = "card-img-top" alt = "..." >         < div class = "card-body" >           < h5 class = "card-title" > Card title </ h...
Devamı