lpğsef
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ana Sayfa</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
.card-pink {
background-color: #e83e8c;
color: white;
}
.card-teal {
background-color: #20c997;
color: white;
}
.card-orange {
background-color: #fd7e14;
color: white;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="cyan" class="bi bi-brush" viewBox="0 0 16 16">
<path d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.1 6.1 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868-.201.659-.667 1.479-1.708 1.74a8.1 8.1 0 0 1-3.078.132 4 4 0 0 1-.562-.135 1.4 1.4 0 0 1-.466-.247.7.7 0 0 1-.204-.288.62.62 0 0 1 .004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739 1.201-.925 1.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608.261-.619.658-1.419 1.187-2.069 2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04M4.705 11.912a1.2 1.2 0 0 0-.419-.1c-.246-.013-.573.05-.879.479-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.4 3.4 0 0 1-.76.861c.69.112 1.736.111 2.657-.12.559-.139.843-.569.993-1.06a3 3 0 0 0 .126-.75zm1.44.026c.12-.04.277-.1.458-.183a5.1 5.1 0 0 0 1.535-1.1c1.9-1.996 4.412-5.57 6.052-8.631-2.59 1.927-5.566 4.66-7.302 6.792-.442.543-.795 1.243-1.042 1.826-.121.288-.214.54-.275.72v.001l.575.575zm-4.973 3.04.007-.005zm3.582-3.043.002.001h-.002z"/>
</svg>
<a class="navbar-brand" href="#">TASARIM OKULU</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="megaultrasovalye2.html">AnaSayfa</a></li>
<li class="nav-item"><a class="nav-link" href="#">Web Tasarım</a></li>
<li class="nav-item"><a class="nav-link" href="#">Programlama</a></li>
<li class="nav-item"><a class="nav-link" href="#">Veritabanı</a></li>
<li class="nav-item"><a class="nav-link" href="#">Uygulamalar</a></li>
<li class="nav-item"><a class="nav-link" href="megaultrasovalye.html">Bize Ulaşın</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="container mt-4">
<div class="row">
<div class="col-8" ><img src="dsy/img/u1.png" class="img-fluid" alt=""></div>
<div class="col-4">
<h2>WEB TASARIM</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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.</p>
<button class="btn btn-primary">TIKLA
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-box-arrow-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0z"/>
<path fill-rule="evenodd" d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708z"/>
</svg>
</button>
</div>
</div>
</div>
<div class="container mt-4">
<div class="row">
<div class="col-md-4">
<div class="card">
<img src="dsy/img/u2.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">C++ Programlama</h5>
<p class="card-text">Sitemizde C# C++ Java Gibi Dil İçerikleri Bulunmaktadır.</p>
<a href="#" class="btn btn-info">Daha Fazlası...</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="dsy/img/u3.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Python Edit</h5>
<p class="card-text">Sitemizde C# C++ Java Gibi Dil İçerikleri Bulunmaktadır.</p>
<a href="#" class="btn btn-info">Daha Fazlası...</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="dsy/img/u4.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">C# Programlama</h5>
<p class="card-text">Sitemizde C# C++ Java Gibi Dil İçerikleri Bulunmaktadır.</p>
<a href="#" class="btn btn-info">Daha Fazlası...</a>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-light text-center py-3 mt-5">
<p>İletişim için: <a href="mailto:biremailadresi@gmail.com">biremailadresi@gmail.com</a></p>
</footer>
</div>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>
Yorumlar
Yorum Gönder