Untitled

<html lang="pl">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="icon" href="img/logo.jpg">
    <link rel="stylesheet" href="https://cdn.rawgit.com/fat/zoom.js/8dfa215d/css/zoom.css">
    <link rel="stylesheet" href="style.css">

    <title>Zakład Ślusarski "Michał"</title>
</head>
<body>

<section id="section-hero">
    <div class="hero-image-container">
        <img src="img/hero-background.jpg" alt="background image">
    </div>

    <div class="hero-overlay">
        <div class="flex-center hero-content">
            <div class="hero-half" id="hero-left">
                <img class="hero-logo" src="img/logo.jpg" alt="Logo">
                <div class="hero-title">Zakład Ślusarski "Michał"</div>
                <p>Gryźliny Ul. Baczewskiego 54</p>
                <p>Telefon: <a href="tel:+48512456987">+48 512 456 987</a></p>

                <div class="hero-social">
                    <a href="https://facebook.com" target="_blank" rel="noopener noreferrer"><img src="img/social/facebook.png" alt="social-facebook"></a>
                    <a href="https://twitter.com" target="_blank" rel="noopener noreferrer"><img src="img/social/twitter.png" alt="social-twitter"></a>
                    <a href="https://youtube.com" target="_blank" rel="noopener noreferrer"><img src="img/social/youtube.png" alt="social-youtube"></a>
                    <a href="https://instagram.com" target="_blank" rel="noopener noreferrer"><img src="img/social/instagram.png" alt="social-instagram"></a>
                    <a href="mailto:rolnik20.03@wp.pl" target="_blank" rel="noopener noreferrer"><img src="img/social/email.png" alt="social-email"></a>
                </div>
            </div>
            <div class="flex-center hero-half" id="hero-right">
                <div class="flex-center gallery">
                    <img src="img/img1.jpg" data-action="zoom">
                    <img src="img/img2.jpg" data-action="zoom">
                    <img src="img/img3.jpg" data-action="zoom">
                </div>
            </div>
        </div>
    </div>
</section>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.rawgit.com/twbs/bootstrap/master/js/transition.js"></script>
<script src="https://cdn.rawgit.com/fat/zoom.js/master/js/zoom.js"></script>

</body>
</html>