htmlall
Data utworzenia: 2025-04-28 10:01:18
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>fotoART</title>
</head>
<body>
<!-- tu bedzie nav header main footer -->
<!-- .container>.nav+header+main+footer -->
<div class="container">
<nav>
<div class="lewy">
<img src="logo.png" alt="logo" width="120">
<span>FotoArt</span>
</div>
<div class="prawy">
<ul>
<li><a href="#" target="_blank">Strona Główna</a></li>
<li><a href="#" target="_blank">O nas</a></li>
<li><a href="#" target="_blank">Galeria</a></li>
<li><a href="#" target="_blank">Kontakt</a></li>
</ul>
</div>
<!-- <ul>
<li><a href="#" target="_blank">Strona Główna</a></li>
<li><a href="#" target="_blank">O nas</a></li>
<li><a href="#" target="_blank">Galeria</a></li>
<li><a href="#" target="_blank">Kontakt</a></li>
</ul> -->
</nav>
<header>
<!-- h1>{Studio Fotograficzne fotoART} -->
<h1>
Studio Fotograficzne
<span> FotoART</span>
</h1>
</header>
<main>
<section>
<!-- .image.image$*6 -->
<div class="image image1"><div class="image_text">Treść artykułu</div></div>
<div class="image image2"><div class="image_text">Treść artykułu</div></div>
<div class="image image3"><div class="image_text">Treść artykułu</div></div>
<div class="image image4"><div class="image_text">Treść artykułu</div></div>
<div class="image image5"><div class="image_text">Treść artykułu</div></div>
<div class="image image6"><div class="image_text">Treść artykułu</div></div>
</section>
<section class="box2">
<div class="witaj">
<h1>Witaj!</h1>
</div>
<div class="el2">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, nulla. Lorem ipsum lorem ipsum</p>
</div>
</section>
<section class="team">
<div class="card">
<img src="./prezes.jpg" alt="fotografia prezesa" class="card-img">
<div class="card-body">
<h5>Prezes</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi, vero pariatur eligendi minima eum consectetur!</p>
</div>
</div>
<div class="card">
<img src="./prezes.jpg" alt="fotografia prezesa" class="card-img">
<div class="card-body">
<h5>Prezes</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi, vero pariatur eligendi minima eum consectetur!</p>
</div>
</div>
<div class="card">
<img src="./prezes.jpg" alt="fotografia prezesa" class="card-img">
<div class="card-body">
<h5>Prezes</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi, vero pariatur eligendi minima eum consectetur!</p>
</div>
</div>
<div class="card">
<img src="./prezes.jpg" alt="fotografia prezesa" class="card-img">
<div class="card-body">
<h5>Prezes</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi, vero pariatur eligendi minima eum consectetur!</p>
</div>
</div>
</section>
<div class="form-container">
<form action="" class="form form-add">
<h3>Dodaj element do DOM</h3>
<input type="text" name="node" class="form-input" placeholder="element HTML" required>
<input type="text" name="text" class="form-input" placeholder="tekst w elemencie HTML">
<input type="text" name="atrr" class="form-input" placeholder="atrybut">
<input type="text" name="value" class="form-input" placeholder="wartośc atrybutu">
<button class="form-button">Dodaj element</button>
</form>
<form action="" class="form form-search">
<h3>Przeszkaj DOM</h3>
<input type="text" class="form-input" placeholder="Szukana nazwa elementu">
<input type="submit" class="form-button" value="Znajdź i pokaż informacje">
</form>
</div>
</main>
<footer></footer>
</div>
</div>
</body>
</html>
Powrót