Brak tytułu

<!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>   <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>  </nav> <header>  <h1> Studio Fotograficzne <span> FotoART</span> </h1> </header> <main> <section>  <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> <section> <article> <img src="./image1.jpg" alt="zdj" class="img-left"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam dolor praesentium aut inventore libero quibusdam, blanditiis incidunt quia culpa ut obcaecati nam nihil architecto quaerat. Soluta laboriosam sit recusandae saepe libero voluptates. Quidem dolor alias animi ratione magni, soluta possimus tempore iusto beatae accusamus ullam inventore eaque? Dolorum, vero doloremque?</p> <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat eos natus, ipsa excepturi voluptate soluta laudantium qui similique obcaecati, inventore voluptatibus. Facilis ipsum odit tempore asperiores consectetur eligendi nam ipsam ad nihil, qui ab impedit ducimus esse rerum, corporis et. Dolores, dolore rem dolorem dignissimos laboriosam nulla eius rerum voluptates molestiae corrupti, voluptatem nobis iure optio? Quod accusamus, inventore rerum officiis consequatur aut repudiandae quos quaerat nihil, architecto placeat cupiditate atque iure debitis vitae, doloremque consequuntur dolorem accusantium quisquam aliquam id enim odio odit. Voluptatibus numquam molestias suscipit. Repellat incidunt temporibus enim officia aperiam voluptates autem ad accusamus, aspernatur libero vel, excepturi reprehenderit facilis. Natus necessitatibus tempore earum inventore! Corrupti aliquid minus aspernatur, dolores enim, fugiat suscipit, tenetur consectetur impedit fuga illum aliquam minima expedita eius. Excepturi inventore eum consectetur nesciunt autem quaerat aliquid harum quasi eius placeat maiores repudiandae quos, necessitatibus nulla cum repellat, aperiam illum odio, fugit voluptates magni. Perferendis, similique architecto, ullam esse quaerat aut nam culpa deserunt accusantium quidem consequatur! Hic nemo cupiditate ab laborum natus provident aliquid ipsam sunt, nam dolores assumenda voluptas eius recusandae pariatur nesciunt culpa, eum temporibus inventore, vero accusantium itaque. Animi nam unde aliquid harum! Veritatis perspiciatis nisi unde et laboriosam.</p> </article> <br><br><br> <article> <img src="./prezes.jpg" alt="prezes" class="img-right"> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quas, possimus! Cumque dolor ipsum, impedit nam sed ab est labore et nisi culpa distinctio assumenda aspernatur quasi quam velit doloremque nulla fugiat id molestias reprehenderit atque iure odio. Iste adipisci nostrum officia commodi perspiciatis, nemo porro ipsum ea laudantium delectus facilis ipsam, perferendis omnis sed optio nisi nihil soluta! Perspiciatis, vero ex corporis, at, quae esse cumque modi enim commodi sunt ducimus expedita recusandae? Natus sint velit vero iste aperiam ducimus earum. Eaque, debitis. Nemo quasi aliquam dolorem enim itaque alias, minus dolor ipsam excepturi, provident doloremque? Aperiam explicabo esse necessitatibus ipsum libero consequuntur repellat expedita tempore nisi, corporis eum illo quisquam odio aspernatur a recusandae harum commodi numquam maiores, hic quibusdam quis facere voluptatem? A atque sequi, adipisci vitae mollitia tempora sit voluptate veritatis molestias sunt ipsa! Libero cum dicta nostrum. Quos corporis modi libero rerum dolorum excepturi architecto necessitatibus voluptatum sapiente repudiandae suscipit earum illum adipisci asperiores repellat consectetur, placeat doloremque quod ad odio! Iusto eaque possimus, nisi et accusantium tenetur. Suscipit eius culpa accusantium possimus? Quidem inventore quod ea temporibus ipsum quia numquam veritatis vitae? Voluptatum perferendis libero molestiae veniam quibusdam unde itaque! Tenetur, nesciunt suscipit! Impedit, at?</p> </article> </section> <div class="form-container"> <form action="" class="form form-add"> <h3>Dodaj element do DOM</h3> <div class="from-grid"> <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"> </div> <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> <p>&copy 2025<span>FotoART</span></p> </footer> </div> </div> </body> </html>