Untitled

<!DOCTYPE html>
<html>
<head>
    <!--Import Google Icon Font-->
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

</head>

<body>


    <nav class="nav-wrapper #000000 black" role="navigation">
        <div class="nav-wrapper container">
            <a href="#" class="brand-logo center ">Brutus</a>
            <ul class="right hide-on-med-and-down">
                <li><a href="HtmlPage.html">Strona główna</a></li>
                <li><a href="O_nas.html">Oferta</a></li>
                <li><a href="kontakt.html">Kontakt</a></li>
                <li><a href="kupno.html">Kupno</a></li>
            </ul>
            <ul id="nav-mobile" class="side-nav" style="transform: translateX(-100%);">
                <li><a href="#">Navbar Link</a></li>
            </ul>
            <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>

        </div>
    </nav>

    <div class="container">
        <div class="section">

            <div class="section no-pad-bot" id="index-banner">
                <div class="container">
                    <br><br>
                    <h1 class="header center black-text">Wykrywacze metalu</h1>
                    <div class="row center">
                        <h5 class="header col s12 light"> Szeroki wybór wykrywczy metalu. Nie tylko polskie ale i zagraniczne marki.</h5>
                    </div>
                    <div class="row center">
                        <a href="kupno.html" id="download-button" class="btn-large waves-effect waves-light black">Oferta</a>
                    </div>
                    <br><br>

                </div>
            </div>

            <div class="row">
                <div class="col s12 m4">
                    <div class="icon-block ">
                        <h2 class="center light-blue-text"><i class="material-icons red-text">work</i></h2>
                        <h5 class="center">Informacje o firmie</h5>

                        <p class="light">„Widex” Sp. z o.o. zapoczątkowała swoją działalność w 1994 roku jako firma rodzinna z polskim kapitałem. Długoletnie doświadczenie oraz rzetelna i kompleksowa obsługa zaprocentowało zyskaniem szerokiego grona klientów... </p>

                        <a href="onas.html" class="waves-effect waves-light btn black">Więcej...</a>
                    </div>
                </div>

                <div class="col s12 m4">
                    <div class="icon-block">
                        <h2 class="center light-blue-text"><i class="material-icons red-text">navigation</i></h2>
                        <h5 class="center">Oferta</h5>

                        <p class="light">Nasza firma dysponje szeroką gamą podnośników widłowych o najwyższym stopniu jakości.</p>

                        <a class="waves-effect waves-light btn black">Więcej...</a>
                    </div>
                </div>

                <div class="col s12 m4">
                    <div class="icon-block">
                        <h2 class="center light-blue-text"><i class="material-icons red-text">email</i></h2>
                        <h5 class="center">Kontakt</h5>

                        <p class="light">Hello hell</p>

                        <a href="kontakt.html" class="waves-effect waves-light btn black">Więcej...</a>
                    </div>
                </div>
            </div>

        </div>
        <br><br>

        <div class="section">

        </div>
    </div>
    <footer class="page-footer #000000 black">
    <div class="container">
        <div class="row">
            <div class="col l6 s12">
                <h5 class="white-text">Footer Content</h5>
                <p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
            </div>
            <div class="col l4 offset-l2 s12">
                <h5 class="white-text">Links</h5>
                <ul>
                    <li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
                    <li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
                    <li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
                    <li><a class="grey-text text-lighten-3" href="#!">Link 4</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-copyright">
        <div class="container">
            © 2014 Copyright Text
            <a class="grey-text text-lighten-4 right" href="#!">More Links</a>
        </div>
    </div>
</footer>
    <!--Import jQuery before materialize.js-->
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/materialize.min.js"></script>
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="../../bin/materialize.js"></script>
    <script src="js/init.js"></script>

    <div class="drag-target" data-sidenav="nav-mobile" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); left: 0px;"></div>
</body>

</html>