Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Artfolio | fotografia w plenerze, Lublin</title>
    <link rel="stylesheet" href="css/main.css">

</head>
<body>
    <div class="container">
        <header class="header">
            <div class="logo">
                <a href="index.html">
                    <img src="images/artfolio-logo.png" alt="logo">
                </a>
            </div>
            <div class="slider">
                <ul class="rslides">

                <li><img src="images/foto-index.jpg" alt=""></li>
                <!--
                <li><img src="images/foto-cennik.jpg" alt=""></li>
                <li><img src="images/foto-fotografia.jpg" alt=""></li>
                <li><img src="images/foto-omnie.jpg" alt=""></li>
            -->
           </ul>
         </div>
         <nav class="menu">
             <a href="o-mnie.html" class="menu__link">O mnie</a>
             <a href="fotografia.html" class="menu__link">Fotografia</a>
             <a href="cennik.html" class="menu__link">Cennik</a>
         </nav>
        </header>
        <main class="content">
            <p class="content__brief">Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio rem quasi totam optio hic, eveniet aliquid, recusandae numquam minima voluptatibus qui quas dignissimos. Cumque repellendus officiis explicabo. Similique, veniam doloribus.</p>
            <p class="content__brief">Provident sapiente error perspiciatis veniam suscipit eum itaque est animi? Voluptatibus deserunt molestiae sunt placeat odio, delectus recusandae, possimus iusto voluptatem neque perspiciatis ipsam doloribus atque explicabo. Nihil, mollitia totam.</p>
            <p class="content__brief">Placeat illum fuga sint officia explicabo libero, dolorem aut facere vero, aspernatur est aliquam accusantium rerum cumque modi veritatis! Deleniti minus architecto fugiat provident quos omnis fuga libero porro tempora?</p>
        </main>
        <footer class="footer">
            <div class="contact">
                <div class="contact__info">
                    <span class="contact__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path class="heroicon-ui" d="M5.64 16.36a9 9 0 1 1 12.72 0l-5.65 5.66a1 1 0 0 1-1.42 0l-5.65-5.66zm11.31-1.41a7 7 0 1 0-9.9 0L12 19.9l4.95-4.95zM12 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg></span>
                    <p class="contact__description">
                        ul.Jana Kowalskiego 23<br>
                        Lublin, Polska
                    </p>
                </div>
                <div class="contact__info">
                    <span class="contact__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path class="heroicon-ui" d="M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2zm0 2v16h8V4H8zm4 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/></svg></span>
                    <p class="contact__description">
                        +48 532 777 896
                    </p>
                </div>
                <div class="contact__info">
                    <span class="contact__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path class="heroicon-ui" d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2zm16 3.38V6H4v1.38l8 4 8-4zm0 2.24l-7.55 3.77a1 1 0 0 1-.9 0L4 9.62V18h16V9.62z"/></svg></span>
                    <p class="contact__description">
                        biuro@artfolio.pl
                    </p>
                </div>
            </div>
           <p class="footer__copy">wszelkie prawa zastrzeżone &copy; artfolio</p>

        </footer>
    </div>
</body>
</html>