<!DOCTYPE html>
<head>
    <title>ProductLabs - Digital Products Delivery</title>

    <!-- META DATA -->
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="Digital Products Discovery, Design and Delivery">
    <meta name="keywords" content="discovery, exploration, design, ux, user experience, research, analysis">
    <meta name="author" content="ProductLabs">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/bicolor.min.css">

    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/custom.css">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- FAVICONS -->
    <link rel="shortcut icon" href="assets/img/favicon.png">
    <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/apple-touch-icon-114x114.png">

</head>
<body>
<div id="awd-site-wrap" class="bg bg-home">

<div id="bg">
    <div id="overlay">
        <div class="awd-site-bg bg-home"></div>
       <div class="awd-site-bg bg-about"></div>
        <div class="awd-site-bg bg-contact"></div>
    </div>
    <canvas id="awd-site-canvas"></canvas>
</div>

<!-- START SITE HEADER -->
<header id="awd-site-header">
    <div id="awd-site-logo" class="animated" data-animation="fadeInDown" data-animation-delay="500">
        <h1><a href="/" class="go-slide" data-slide="home"><span>ProductLabs</span></a></h1>
    </div>

    <button class="menu-toggle animated" data-animation="fadeInDown" data-animation-delay="500" data-role="toggle">
        <span></span>
        <span></span>
        <span></span>
    </button>
    <!-- START NAVIGATION -->
    <nav id="awd-site-nav" class="navigation animated" data-animation="fadeInDown" data-animation-delay="500">
        <div class="nav-container">

            <!-- START NAVIGATION MENU ITEMS -->
            <ul>
                <li><a href="#" data-slide="home" class="active">Home</a></li>
                <li><a href="#" data-slide="about">About</a></li>
                <li><a href="#" data-slide="contact">Contact</a></li>
            </ul>
            <!-- END NAVIGATION MENU ITEMS -->

        </div>
    </nav>
    <!-- END NAVIGATION -->
</header>
<!-- END SITE HEADER -->

<!-- START MAIN -->
<main id="awd-site-main">
<!-- START SECTION -->
<section id="awd-site-content">
<div class="sections-block">
<div class="slides">

<div class="slides-wrap">
<!-- HOME SECTION -->
<div class="slide-item active" data-slide-id="home">

    <!-- START CONTAINER -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <!-- START SLIDE CONTENT-->
                <div class="slide-content">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 svm">
                            <div class="section-info text-left">
                                <div class="countdown">
                                    <div id="clock" class="animated" data-animation="fadeIn" data-animation-delay="60"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5 col-lg-offset-1 col-md-6 svm">
                            <div class="section-info text-right">
                                <!-- START TITLE -->
                                <h2 class="section-title text-default animated" data-animation="fadeIn" data-animation-delay="50">Living digital!</h2>
                                <!-- END TITLE -->
                                <p class="animated" data-animation="fadeIn" data-animation-delay="55">
                                We are creating innovative <br />digital products and services.</p>
                                <a href="#" class="btn go-slide animated" data-animation="fadeIn" data-animation-delay="60" data-slide="about"> Learn more</a>
                                <a href="#" class="btn btn-inverse go-slide animated" data-animation="fadeIn" data-animation-delay="60" data-slide="contact">Contact</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END SLIDE CONTENT-->
            </div>
        </div>
    </div>
    <!-- END CONTAINER -->
</div>

<!-- ABOUT SECTION -->
<div class="slide-item" data-slide-id="about">
    <!-- START CONTAINER -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">

                <!-- START SLIDE CONTENT-->
                <div class="slide-content">
                    <div class="row">
                        <div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
                            <div class="section-info text-right">
                                <!-- START TITLE -->
                                <h2 class="section-title text-default animated" data-animation="fadeIn" data-animation-delay="60">About Us</h2>
                                <!-- END TITLE -->
                                <p class="animated" data-animation="fadeIn" data-animation-delay="100">ProductLabs is a small <strong>creative studio</strong>,
                                which deliver <strong>working</strong> and <strong>innovative</strong> digital products and services.</p>
                            </div>
                        </div>
                        <div class="col-md-5 col-md-pull-7 svm">
                            <div class="section-info text-left">
                                <!-- START FEATURES-LIST -->
                                <div class="features-list">
<h2> Latest project</h2> 
                                    <!-- FEATURE -->
                                    <div class="featured-item animated" data-animation="fadeIn"
                                         data-animation-delay="150">
                                        <div class="featured-text">
                                             <h3><i class="fa fa-suitcase"></i><a href="https://praca.uxlabs.pl"> PracaUX</a></h3>

                                                <p>One of the oldest and biggest job portal for UX Designers and Researchers in Central and Easter Europe.</p>
                                        </div>
                                    </div>

                                    <div class="featured-item">
                                        <!-- FEATURE -->
                                        <div class="featured-item animated" data-animation="fadeIn"
                                             data-animation-delay="150">
                                            <div class="featured-text">
                                            <h3><i class="fa fa-microphone"></i><a href="https://nietylko.design"> Nie tylko 
                                                Design</a></h3>

                                            <p>Podcast about design (in Polish) hosted by Tomasz Skórski.</p>
                               
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <!-- END FEATURES-LIST -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END SLIDE CONTENT-->
            </div>
        </div>
    </div>
    <!-- END CONTAINER -->
</div>


<!-- CONTACT SECTION -->
<div class="slide-item" data-slide-id="contact">
    <!-- START CONTAINER -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <!-- START SLIDE CONTENT-->
                <div class="slide-content">
                    <div class="row">
                        <div class="col-lg-5 col-lg-offset-1 col-md-6 col-md-push-6 svm">

                            <div class="section-info text-right">
                                <!-- START TITLE -->
                                <h2 class="section-title text-default animated" data-animation="fadeIn">Contact Us</h2>
                                <!-- END TITLE -->
                                <div class="contact-info">

                                <p class="animated" data-animation="fadeIn" data-animation-delay="100">
                                    <strong>Do you want to say hello?</strong><br />
                                    You can do it via e-mail, phone or via this form.

                                    <h3>ProductLabs OÜ</h3>
                                    <p class="contact-item"><i class="fa fa-phone"></i> Phone: 
                                    (+48) 502 584 014</p>
                                    <p class="contact-item"><i class="fa fa-envelope"></i> Email: info@productlabs.guru</p>
                                     <p class="contact-item"><i class="fa fa-suitcase"></i> VAT: EE102003594, Register: 14325243</p>
<!--                                    <p class="contact-item"><i class="fa fa-money"></i> Bank account: xxxxxx-xxxx-xx-xx -->
                                    <p class="contact-item"><i class="fa fa-map-marker"></i>  Sepapaja tn 6, Tallinn 15551, Estonia</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-md-pull-6 svm">
                            <div class="section-info text-left">
                            <!-- START CONTACT FORM -->
                            <form id="contact-form" class="contact-form">
                                <div class="row">
                                    <div class="col-lg-4 col-md-6 col-md-12 animated" data-animation="fadeIn" data-animation-delay="200">
                                        <input type="text" name="contact-name" placeholder="Name"
                                               class="contact-form-name required">
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-md-12 animated" data-animation="fadeIn" data-animation-delay="200">
                                        <input type="email" name="contact-email" placeholder="Email address"
                                               class="contact-form-email required">
                                    </div>
                                    <div class="col-lg-4 col-md-12 animated" data-animation="fadeIn" data-animation-delay="200">
                                        <input type="text" name="contact-subject" placeholder="Subject"
                                               class="contact-form-subject required">
                                    </div>
                                    <!-- END COLUMN 4 -->
                                    <div class="col-md-12 animated" data-animation="fadeIn" data-animation-delay="150">
                                        <textarea name="contact-message" placeholder="Message"
                                                  class="contact-form-message required"
                                                  rows="4"></textarea>
                                        <button class="btn btn-block" type="submit" id="submit" name="submit"><span>Send Message</span>
                                            <i class="fa fa-send"></i></button>
                                    </div>
                                    <!-- END COLUMN 8 -->
                                </div>
                                <div class="contact-notice"></div>
                            </form>
                            <!-- END CONTACT FORM -->
                            </div>
                        </div>
                    </div>

                </div>
                <!-- END SLIDE CONTENT-->
            </div>
        </div>
    </div>
    <!-- END CONTAINER -->
</div>

</div>
</div>
</div>
</section>
<!-- END SECTION -->
</main>
<!-- END MAIN -->


<footer id="awd-site-footer">
    <!-- START COPYRIGHT -->
    <div class="copyright animated" data-animation="fadeInUp" data-animation-delay="500">
        <p>Happy and creative in EU</p>
    </div>
    <!-- END COPYRIGHT -->

    <!-- START SOCIAL ICONS -->
    <nav class="social-icons animated" data-animation="fadeInUp" data-animation-delay="500">
        <ul>
            <li><a href="https://www.facebook.com/ProductLabs-1370153876417126/"><i class="fa fa-facebook"></i></a></li>
        </ul>
    </nav>
    <!-- END SOCIAL ICONS -->
</footer>

</div>

<!-- JS -->
<script type="text/javascript" src="assets/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/vendor.js"></script>
<script type="text/javascript" src="assets/js/options.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>

</body>
</html>