﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="Microtek Systems SRL, sisteme, IT, profesional, automatizari, corporate, echipamente, electronice, microelectronice, consultanta, proiectare, phoenix contact, siemens, hp, dell, schneider, socomec, axis, acti" name="keywords" />
    <meta name="description" content="Solutiile oferite de Microtek Systems SRL sunt: automatizari industriale, sisteme de supraveghere, echipamente IT, servere, retelistica, consultanta">
    <meta name="author" content="Mihai Verdes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="js/modernizr.js"></script>
    <script src="js/device.min.js"></script>

    <title>Microtek Systems</title>

    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/animate.css">

    <!--[if lt IE 9]>
    <script src="bootstrap/js/html5shiv.js"></script>
    <script src="bootstrap/js/respond.min.js"></script>
    <![endif]-->

</head>
<body class="initAnimate" data-spy="scroll">

<!-- Main Container -->
<div class="container">

</div>

<header id="MainHeader" class="main-header parallax chapter" style="background-image: url('images/content/main2.jpg')">
    <div class="overlay-parallax"></div>
    <div class="content">
        <div class="container">
            <div class="table-align">
                <div class="middle-align">
                    <div class="title">
                        <h3><span class="light">DIN</span> <span class="color-font">PASIUNE</span> <span class="light">PENTRU TEHNOLOGIE</span></h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- Begin Navigation -->
<nav id="navigation" class="navbar navbar-middle navbar-fixed-top" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header visible-xs visible-sm">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#MainHeader"><strong>Microtek</strong>Systems</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li class="onepage"><a href="#MainHeader">Home</a></li>
            <li class="onepage"><a href="#despre-noi">Despre Noi</a></li>
            <li class="brand hidden-sm hidden-xs"><a href="#MainHeader">M<span class="light">|</span>T<span class="light">|</span>K<span class="light">|</span>S</a></li>
            <li class="onepage"><a href="#servicii">Servicii</a></li>
            <li class="onepage"><a href="#contact">Contact</a></li>

        </ul>
    </div>
    <!-- /.navbar-collapse -->
</nav>
<!-- End Navigation -->

<div id="despre-noi" class="container padding-medium text-center chapter">
    <h5>Formata dintr-o echipa tanara, cu o experienta de peste 8 ani in domeniul automatizarilor industriale si vanzarii de echipamente si solutii specializate, <span class="color-font">Microtek Systems</span> poate fi partenerul ideal pentru imbunatatirea si dezvoltarea afacerii dumneavoastra. 
    </h5>
</div>
<div class="dark-gray-row">
    <div class="container text-center padding-small">
        <h5>Cei care au incredere in noi </span></h5>
    </div>
    <div class="container">
        <div class="flexCarousel">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <a href="#"><img src="images/content/logo01.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo02.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo03.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo04.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo05.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo05.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo03.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo02.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo01.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo04.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/content/logo05.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
        
    </div>
</div>

<div id="portfolio" class="container text-center padding-top-medium chapter">
    <h5>Folosim doar cele mai bune echipamente pentru a garanta <span class="color-font">calitatea</span> si <span class="color-font">fiabilitatea</span> solutiilor oferite</h5>
</div>

<div class="container">

</div>
<div id="servicii">
    <div class="container text-center">
        <div class="row">
            <div class="portfolioFilter">

                <a href="#" data-filter="*" class="current">All</a>
                <a href="#" data-filter=".creative">Automatizari</a>
                <a href="#" data-filter=".design">Echipamente IT</a>
            </div>
            <!-- #galleryOptions -->
        </div>
    </div>

    <div class="projects five">
        <div class="project creative">
            <img src="images/content/works/pc.png" alt="Phoenix Contact">
        </div>
        <div class="project creative">
            <img src="images/content/works/siemens.png" alt="Siemens">
        </div>
        <div class="project creative">
            <img src="images/content/works/schneider.png" alt="Schneider">
        </div>
        <div class="project creative">
            <img src="images/content/works/eaton.png" alt="Eaton">
        </div>
        <div class="project creative">
            <img src="images/content/works/ls.png" alt="LS">
        </div>
        <div class="project creative">
            <img src="images/content/works/socomec.png" alt="Socomec">
        </div>
    <!-- echipamente IT -->
        <div class="project design">
            <img src="images/content/works/hp.png" alt="HP">
        </div>
        <div class="project design">
            <img src="images/content/works/dell.png" alt="Dell">
        </div>
        <div class="project design">
            <img src="images/content/works/fs.png" alt="Fujitsu Siemens">
        </div>
        <div class="project design">
            <img src="images/content/works/lenovo.png" alt="Lenovo">
        </div>
        <div class="project design">
            <img src="images/content/works/acer.png" alt="Acer">
        </div>
        <div class="project design">
            <img src="images/content/works/cisco.png" alt="Cisco">
        </div>
        <div class="project design">
            <img src="images/content/works/qnap.png" alt="Qnap">
        </div>
        <div class="project design">
            <img src="images/content/works/shuttle.png" alt="Shuttle">
        </div>
        <div class="project design">
            <img src="images/content/works/axis.png" alt="Axis">
        </div>
        <div class="project design">
            <img src="images/content/works/acti.png" alt="Acti">
        </div>

    </div>
    <!-- / works -->

</div>


<div id="contact" class="container padding-top-medium padding-bottom-small text-center chapter">
    <h3>aveti nevoie de <span class="color-font light">ajutor?</span></h3>
    <h5>Cu siguranta <span class="color-font">va putem ajuta ! </span></h5>
</div>

<div class="map">
    <div id="googleMap" class="googleMap" data-location="44.434797, 26.040095"
         data-text="
            <p class='map-description-header'>
                <span class='logo color-font'>
                    <strong>Microtek</strong>Systems
                </span>
            <br>
               <strong>Alee Cetatuia 8, Bucuresti</strong>
            </p>
            <p class='map-description-footer'>
               Luni-Sambata: 9-18 <br>
               +40 (722) 568-696 <br>
               <span class='color-font'>office@mtks.ro</span>
            </p>
        "></div>
</div>

<div class="container">

</div>

<div class="container padding-small">
    <div class="contactForm">
        <div class="row">
            <div class="successMessage alert alert-success" style="display: none">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <p>Multumim. Va vom contacta in cel mai scurt timp.</p>
            </div>
            <div class="errorMessage alert alert-error" style="display: none">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <p>Ups! An error occured. Please try again later.</p>
            </div>
        </div>

        <form role="form" action="form/send.php" method="post" class="contactForm validateIt" data-email-subject="Contact Form" data-show-errors="true">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <input required type="text" name="field[]" class="form-control input-lg" placeholder="Nume">
                    </div>
                    <div class="form-group">
                        <input required type="email" name="field[]" class="form-control input-lg" placeholder="E-mail">
                    </div>
                    <div class="form-group">
                        <input required type="tel" name="field[]" class="form-control input-lg" placeholder="Telefon">
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <textarea class="form-control input-lg" rows="4" name="field[]" required
                                  placeholder="Mesaj"></textarea>
                    </div>
                    <button type="submit" class="btn btn-default btn-lg btn-block">Trimite mesaj</button>
                </div>
            </div>
        </form>
    </div>
    <!-- / contactForm -->
</div>

<div class="container">

</div>

<footer class="color-row">
    <div class="container text-center padding-small">
        <p class="h4">Microtek<span class="light">Systems</span></p>
        <p class="copy">CUI: RO21069055, CIF: J40/2825/2007</p>
    </div>
</footer>

<div class="container">

</div>

<a href="#MainHeader" id="toTop" class="btn-scroll"><i class="fa fa-chevron-up"></i> Back to top</a>
<!-- End Main Container -->
<script src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/device.min.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/jquery.pagescroller.lite.js"></script>
<script src="js/jquery.easy-pie-chart.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.ba-bbq.min.js"></script>
<script src="js/gmap3.min.js"></script>
<script src="js/d3.v3.min.js"></script>
<script src="js/topojson.v1.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="flexslider/jquery.flexslider.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="form/js/contact-form.js"></script>
<script src="twitter/js/jquery.tweet.js"></script>
<script src="js/jquery.appear.js"></script>

<script>
    jQuery(document).ready(function () {

    jQuery('body').pageScroller({
    navigation: '#navigation .onepage',
    sectionClass: 'chapter',
    animationType: 'easeOutExpo',
    animationSpeed: 750,
    keyboardControl: true,
    scrollOffset: '-80'
    });
    });
</script>
<script src="js/main.js"></script>


</body>
</html>