Strona html
Data utworzenia: 2025-04-28 08:56:54
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://kit.fontawesome.com/21ba248ee7.js"
crossorigin="anonymous"
></script>
<title>PhotoArt</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- .container>nav+header+main+footer -->
<div class="container">
<nav>
<!-- ul>li*4 a:blank-->
<div class="lewy">
<i class="fa-solid fa-camera"></i>
<span>PhotoArt</span>
</div>
<div class="prawy">
<ul>
<li><a href="http://" target="_blank">Strona główna</a></li>
<li><a href="http://" target="_blank">O nas</a></li>
<li><a href="http://" target="_blank">Galeria</a></li>
<li><a href="http://" target="_blank">Kontakt</a></li>
</ul>
</div>
</nav>
<header>
<h1>Studio Fotograficzne PhotoArt</h1>
</header>
<main>
<section class="galeria">
<!--.image.image$*6 -->
<div class="image image1"><div class="image_text">Test</div></div>
<div class="image image2"><div class="image_text">Test</div></div>
<div class="image image3"><div class="image_text">Test</div></div>
<div class="image image4"><div class="image_text">Test</div></div>
<div class="image image5"><div class="image_text">Test</div></div>
<div class="image image6"><div class="image_text">Test</div></div>
</section>
<section class="box">
<h2>Witaj</h2>
<div class="lorem">
<p>
ipsum dolor, sit amet consectetur adipisicing elit. Fugiat,
laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Odio minus consequuntur labore tempora numquam iusto ex ipsum at
suscipit officia!
</p>
</div>
</section>
<section class="osoby">
<div class="card">
<img src="fotograf.jpg" alt="cent" class="card-img" />
<div class="card-body">
<h5>Marcin Białecki</h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla
laborum, sint aperiam, libero quis reprehenderit beatae dolorum
illum fugit dolor delectus rem non, quod soluta enim ab. Ab,
quasi harum suscipit velit quae quisquam reiciendis incidunt
nisi quis et neque?
</p>
</div>
</div>
<div class="card">
<img src="pani.jpg" alt="pop" class="card-img" />
<div class="card-body">
<h5>Yuki</h5>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magni
sint culpa eveniet earum libero voluptatem tempora aliquid, sunt
ducimus inventore.
</p>
</div>
</div>
<div class="card">
<img src="sigmuszka.jpg" alt="pop" class="card-img" />
<div class="card-body">
<h5>Łukasz Braciński</h5>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iusto
veniam accusantium, corporis hic sunt dolor. Aliquid sint
laboriosam magnam illum? Voluptate aspernatur ea sit molestiae
rem possimus distinctio minus at veniam hic. Eum animi
consequuntur quas unde fugiat laudantium totam?
</p>
</div>
</div>
</section>
</main>
<footer></footer>
</div>
</body>
</html>
Powrót