Untitled

<!DOCTYPE html>
<html lang="en">
<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" type="text/css" href="css/style.css">
</head>
<body>
    <div class="container">
        <header class="header">
            <div class="logo">
                <img src="images/artfolio-logo.png" alt="logo">
            </div>
            <div class="slider">
                <img src="images/foto-index.jpg" alt="">
            </div>
            <nav class="menu">
                <a class="menu__link" href="#">O mnie</a>
                <a class="menu__link" href="#">Fotografia</a>
                <a class="menu__link" href="#">Cennik</a>
            </nav>
        </header>
        <main class="content">
            <p class="content__brief">Litwo! Ojczyzno moja! Ty jesteś jak zdrowie. Ile cię trzeba cenić, ten zaszczyt należy. Idąc z jego puchar i panien wiele. Stryjaszek myśli wkrótce sprawić ci jak śnieg biała gdzie mieszkał, dzieckiem będąc, przed laty tenże sam oczu nie znał polowania.</p>
            <p class="content__brief">Litwo! Ojczyzno moja! Ty jesteś jak zdrowie. Ile cię trzeba cenić, ten zaszczyt należy. Idąc z jego puchar i panien wiele. Stryjaszek myśli wkrótce sprawić ci jak śnieg biała gdzie mieszkał, dzieckiem będąc, przed laty tenże sam oczu nie znał polowania.</p>
            <p class="content__brief">Litwo! Ojczyzno moja! Ty jesteś jak zdrowie. Ile cię trzeba cenić, ten zaszczyt należy. Idąc z jego puchar i panien wiele. Stryjaszek myśli wkrótce sprawić ci jak śnieg biała gdzie mieszkał, dzieckiem będąc, przed laty tenże sam oczu nie znał polowania.</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 Kochanowskiego 10<br>
                        23-456 Lublin
                    </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">
                        tel. +48 81 342 54 56
                    </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>