<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <meta name="description" content="zhuxd">
  <meta name="author" content="">
  <link rel="icon" href="img/title.png">

  <title>title</title>

  <!-- FONTS -->
 
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

  <link rel="stylesheet" href="css/bootstrap.css"/>
  <link rel="stylesheet" type="text/css" href="https://www.jq22.com/jquery/font-awesome.4.6.0.css">
  <link rel="stylesheet" href="css/component.css"/>
  <link rel="stylesheet" href="css/animations.css"/>
  <link rel="stylesheet" href="css/components.css"/>
  <link rel="stylesheet" href="css/responsiveslides.css"/>
  <link rel="stylesheet" href="css/fotorama.css"/>
  <link rel="stylesheet" href="css/owl.carousel.css"/>
  <link rel="stylesheet" href="css/jquery-ui.css"/>

  <link rel="stylesheet" href="css/main.css"/>

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <script>
    document.createElement( 'video' );
  </script>
  <![endif]-->
	<script type="text/javascript" src="js/functions.js"></script>
<style>

.digit{color:#e66666;}
#vdbanner{width:0px; height:0px;margin:0px;loat: left;}
</style>
</head>

<body class="gradient-overlay">

<!-- BACKGROUND 1 slider-->
<ul class="rslides">
  <li><img src="img/slide1.jpg" alt="slide"></li>
  <li><img src="img/slide2.jpg" alt="slide"></li>
  <li><img src="img/slide3.jpg" alt="slide"></li>
</ul>

<!--background & preloader-->
<div class="wrapp">

    <div class="preload-bg">
        <div class="preloaderWraper">
            <span id="loadPrecent">0%</span>

            <div class="scaleDiv">
                <object type="image/svg+xml" data="img/triangles.svg" class="mondePreloader loading opacity"
                        width="300"
                        height="300">
                </object>
                <div class="black-overlay"></div>
            </div>

        </div>
    </div>

</div>

<!-- MAIN FIXED BOTTOM MENU -->
<nav class="navbar navbar-fixed-bottom ">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#home">
      <span>eedo.net®</span>
    </a>
  </div>
  <div id="navbar">
    <div class="center-menu" id='all-pages'>
      <ul class="nav navbar-nav dl-menu">
        <li class='open-page-2'><a href="#about">About Us</a></li>
        <li class='open-page-3'><a href="#services">Services</a></li>
        <li class='open-page-4'><a href="#contacts">Contacts</a></li>
        <li class='open-page-5'><a href="#team">Team</a></li>
        <li class='open-page-6'><a href="#portfolio">Portfolio</a></li>
        <li class='open-page-7'><a href="#app">About App</a></li>
      </ul>
    </div>
    <div class="navbar_share-icons">
      <div class="navbar_icons">
        <ul>
          <li><a href="###"><i class="fa fa-facebook"></i></a></li>
          <li><a href="###"><i class="fa fa-google-plus"></i></a></li>
          <li><a href="###"><i class="fa fa-twitter"></i></a></li>
          <li><a href="###"><i class="fa fa-behance"></i></a></li>
          <li><a href="http://jq22.com"><i class="fa fa-dribbble"></i></a></li>
        </ul>
      </div>
      <span>BY <a href="###">eedo.net</a>, © 2018</span>
      <a href="" class="navbar_show-icons">
        <i class="fa fa-share-alt"></i>
      </a>
    </div>
  </div>
  <!--/.nav-collapse -->
</nav>
<!-- END MAIN MENU -->

<main>

    <div id="pt-main" class="pt-perspective ">

        <!-- MAIN PAGE -->
        <div class="pt-page pt-page-1 show-timer" id="main">

            <!-- <header class="top-logotip">
                <img src="http://wallensteyn.com/wp-content/uploads/2016/09/wallpapers_16.jpg">
                My Logotip
            </header> -->
            <!-- DAYS LEFT -->
		 
            <div class="main-page main_block">
                <header>
				
                    <h1>already：</h1>
                </header>
                <div class="container">
                    <div class="row">
                        <div class="main_block_text col-md-6 col-md-push-3">		
							<h2 id="elapseClock"></h2>
										<script type="text/javascript">
											var offsetX ='';
											var offsetY ='';
											var together = new Date();
											together.setFullYear(2017,11,14);
											together.setHours(16);
											together.setMinutes(00);
											together.setSeconds(0);
											together.setMilliseconds(0);
												timeElapse(together);
												setInterval(function () {
													timeElapse(together);
												}, 1000);
											
										</script>
                        </div>
                    </div>
                </div>

                <!--div class="subscribe">
                    <button class="subscribe-btn">Subscribe</button>
                    <form class="notify-me subscribe-form" method="post" action="#" name="subscribe-form">
                        <input class="form-control email submail" type="email" name="subscribe" placeholder="ENTER YOUR EMAIL">
                        <input type="submit" class="btn btn-info subsubmit" value="" name="subsubmit">
                        <span class="form-message" style="display: none;"></span>
                    </form>
                </div-->
				 
            </div>
        </div>
	

        <!-- END MAIN PAGE -->

        <!-- ABOUT PAGE -->
        <div class="pt-page pt-page-2" id="about">
            <div class="main_block">
                <header>
                    <h1>About us</h1>
                </header>
                <div class="container">
                    <div class="row">
                        <div class="main_block_text col-md-6 col-md-push-3 col-sm-10 col-sm-push-1">
                            <p>
                                We are a team of talented people with big ideas and creative minds. We are here to make
                                your website a lot more effective and profitable. MONDE Coming Soon Template is a perfect
                                solution to keep your visitors interested while preparing site for launch. We know what's
                                the best and we're here for you.
                            </p>
                            <br>
                            <blockquote>
                                <p>
                                    “ This template is just awesome! Everything has been carefully thought out. This is
                                    perfect solution for any type of your business. ”
                                </p>
                                <footer>
                                    Mike Green, Itembridge
                                </footer>
                            </blockquote>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END ABOUT PAGE -->

        <!-- SERVICES PAGE -->
        <div class="pt-page pt-page-3" id="services">
            <div class="main_block">
                <header>
                    <h1>Services</h1>
                </header>
                <div class="container">
                    <div class="row">

                        <div class="main_block_text col-md-6 col-md-push-3 col-sm-10 col-sm-push-1">
                            <ul class="category-group">
                                <li class='active'><a href="#">
                                    <svg enable-background="new 0 0 48 48" height="32px" version="1.1" viewBox="0 0 48 48" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path clip-rule="evenodd" d="M43,35H29.195c0.595,3.301,2.573,5.572,4.401,7H36c0.553,0,1,0.447,1,1  s-0.447,1-1,1H12c-0.553,0-1-0.447-1-1s0.447-1,1-1h2.403c1.827-1.428,3.807-3.699,4.401-7H5c-2.209,0-4-1.791-4-4V8  c0-2.209,1.791-4,4-4h38c2.209,0,4,1.791,4,4v23C47,33.209,45.209,35,43,35z M17.397,42h13.205c-1.595-1.682-3.015-3.976-3.459-7  h-6.287C20.412,38.024,18.992,40.318,17.397,42z M45,8c0-1.104-0.896-2-2-2H5C3.896,6,3,6.896,3,8v19l0,0h42V8z M45,29H3l0,0v2  c0,1.104,0.896,2,2,2h14l0,0h10l0,0h14c1.104,0,2-0.896,2-2V29z M24,32c-0.553,0-1-0.447-1-1s0.447-1,1-1s1,0.447,1,1  S24.553,32,24,32z" fill-rule="evenodd"/></svg>
                                </a></li>
                                <li><a href="#">
                                    <svg enable-background="new 0 0 48 48" height="32px" version="1.1" viewBox="0 0 48 48" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path clip-rule="evenodd" d="M43,41H5c-2.209,0-4-1.791-4-4V15c0-2.209,1.791-4,4-4h1l0,0c0-1.104,0.896-2,2-2  h2c1.104,0,2,0.896,2,2h2c0,0,1.125-0.125,2-1l2-2c0,0,0.781-1,2-1h8c1.312,0,2,1,2,1l2,2c0.875,0.875,2,1,2,1h9  c2.209,0,4,1.791,4,4v22C47,39.209,45.209,41,43,41z M45,15c0-1.104-0.896-2-2-2l-9.221-0.013c-0.305-0.033-1.889-0.269-3.193-1.573  l-2.13-2.13l-0.104-0.151C28.351,9.132,28.196,9,28,9h-8c-0.153,0-0.375,0.178-0.424,0.231l-0.075,0.096l-2.087,2.086  c-1.305,1.305-2.889,1.54-3.193,1.573l-4.151,0.006C10.046,12.994,10.023,13,10,13H8c-0.014,0-0.026-0.004-0.04-0.004L5,13  c-1.104,0-2,0.896-2,2v22c0,1.104,0.896,2,2,2h38c1.104,0,2-0.896,2-2V15z M24,37c-6.075,0-11-4.925-11-11s4.925-11,11-11  s11,4.925,11,11S30.075,37,24,37z M24,17c-4.971,0-9,4.029-9,9s4.029,9,9,9s9-4.029,9-9S28.971,17,24,17z M24,31  c-2.762,0-5-2.238-5-5s2.238-5,5-5s5,2.238,5,5S26.762,31,24,31z M24,23c-1.656,0-3,1.344-3,3c0,1.657,1.344,3,3,3  c1.657,0,3-1.343,3-3C27,24.344,25.657,23,24,23z M10,19H6c-0.553,0-1-0.447-1-1v-2c0-0.552,0.447-1,1-1h4c0.553,0,1,0.448,1,1v2  C11,18.553,10.553,19,10,19z" fill-rule="evenodd"/></svg>
                                </a></li>
                                <li><a href="#">
                                    <svg version="1.1"
                                             x="0px" y="0px" width="32px" height="32px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
                                        <style type="text/css">
                                        <![CDATA[
                                            .st0{display:none;opacity:0.5;fill:#E42320;}
                                        ]]>
                                        </style>
                                        <defs>
                                        </defs>
                                        <path class="st1" d="M31,44c6.07,0,11-4.93,11-11s-4.93-11-11-11s-11,4.93-11,11S24.93,44,31,44z M31,24c4.96,0,9,4.04,9,9
                                            s-4.04,9-9,9s-9-4.04-9-9S26.04,24,31,24z"/>
                                        <path class="st1" d="M7,38h3.61c0.52,2.1,1.36,4.13,2.47,5.95l-2.21,2.21c-1.15,1.15-1.15,3.03,0,4.19l2.77,2.77
                                            c1.12,1.12,3.07,1.12,4.19,0l2.21-2.21c1.84,1.13,3.84,1.96,5.95,2.47V57c0,1.65,1.35,3,3,3h4c1.65,0,3-1.35,3-3v-3.61
                                            c2.1-0.52,4.13-1.36,5.95-2.47l2.21,2.21c1.12,1.12,3.07,1.12,4.19,0l2.77-2.78c0.56-0.56,0.87-1.3,0.87-2.09
                                            c0-0.79-0.31-1.54-0.87-2.1l-2.21-2.21c1.13-1.84,1.96-3.84,2.47-5.96H55c1.65,0,3-1.35,3-3v-4c0-1.65-1.35-3-3-3h-3.61
                                            c-0.52-2.09-1.36-4.13-2.48-5.95l2.21-2.22c1.15-1.15,1.15-3.03,0-4.19l-2.78-2.78c-1.12-1.12-3.07-1.12-4.19,0l-2.21,2.21
                                            C40.1,13.94,38.1,13.11,36,12.6V9c0-1.65-1.35-3-3-3h-4c-1.65,0-3,1.35-3,3v3.6c-2.11,0.51-4.1,1.35-5.96,2.48l-2.21-2.21
                                            c-1.12-1.12-3.07-1.12-4.19,0l-2.78,2.78C10.31,16.2,10,16.95,10,17.74s0.31,1.54,0.87,2.09l2.21,2.21
                                            c-1.13,1.85-1.96,3.84-2.48,5.96H7c-1.65,0-3,1.35-3,3v4C4,36.65,5.35,38,7,38z M6,31c0-0.55,0.45-1,1-1h4.41
                                            c0.48,0,0.89-0.33,0.98-0.8c0.49-2.42,1.43-4.69,2.8-6.74c0.26-0.4,0.21-0.93-0.13-1.26l-2.78-2.78C12.1,18.24,12,17.99,12,17.74
                                            s0.1-0.5,0.28-0.68l2.78-2.78c0.36-0.36,1-0.36,1.36,0l2.78,2.78c0.34,0.34,0.87,0.39,1.26,0.12c2.05-1.37,4.32-2.32,6.74-2.81
                                            c0.47-0.09,0.8-0.5,0.8-0.98V9c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1v4.4c0,0.48,0.33,0.89,0.8,0.98c2.41,0.49,4.68,1.43,6.74,2.81
                                            c0.39,0.26,0.92,0.21,1.26-0.12l2.78-2.78c0.36-0.36,1-0.36,1.36,0l2.78,2.78c0.37,0.38,0.37,0.99,0,1.36l-2.78,2.78
                                            c-0.34,0.34-0.39,0.87-0.13,1.26c1.34,2.01,2.31,4.34,2.8,6.74c0.09,0.47,0.5,0.8,0.98,0.8H55c0.55,0,1,0.45,1,1v4
                                            c0,0.55-0.45,1-1,1h-4.41c-0.48,0-0.89,0.33-0.98,0.8c-0.49,2.43-1.43,4.7-2.8,6.74c-0.26,0.4-0.21,0.93,0.13,1.26l2.78,2.78
                                            C49.9,47.76,50,48,50,48.26c0,0.26-0.1,0.5-0.28,0.68l-2.77,2.78c-0.36,0.36-1,0.36-1.36,0l-2.78-2.78
                                            c-0.34-0.34-0.87-0.39-1.26-0.12c-2,1.34-4.33,2.31-6.74,2.8c-0.47,0.1-0.8,0.5-0.8,0.98V57c0,0.55-0.45,1-1,1h-4
                                            c-0.55,0-1-0.45-1-1v-4.41c0-0.48-0.33-0.89-0.8-0.98c-2.43-0.49-4.69-1.43-6.74-2.8c-0.17-0.11-0.36-0.17-0.56-0.17
                                            c-0.26,0-0.51,0.1-0.71,0.29l-2.78,2.78c-0.37,0.36-1,0.36-1.36,0l-2.77-2.77c-0.38-0.38-0.38-0.99,0-1.36l2.78-2.78
                                            c0.34-0.34,0.39-0.87,0.12-1.26c-1.34-2.01-2.31-4.34-2.8-6.74c-0.09-0.47-0.5-0.8-0.98-0.8H7c-0.55,0-1-0.45-1-1V31z"/>
                                        </svg>
                                </a></li>
                                <li><a href="#">
                                    <svg version="1.1"  x="0px" y="0px"
                                             width="32px" height="32px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
                                        <path id="sliders_x5F_up" d="M18,21c0-3.52-2.613-6.433-6-6.92V7c0-0.553-0.448-1-1-1s-1,0.447-1,1v7.08
                                            c-3.387,0.487-6,3.4-6,6.92s2.613,6.433,6,6.92V57c0,0.553,0.448,1,1,1s1-0.447,1-1V27.92C15.387,27.433,18,24.52,18,21z M11,26
                                            c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S13.757,26,11,26z M38,43c0-3.52-2.613-6.434-6-6.92V7c0-0.553-0.448-1-1-1
                                            s-1,0.447-1,1v29.08c-3.387,0.486-6,3.4-6,6.92s2.613,6.434,6,6.92V57c0,0.553,0.448,1,1,1s1-0.447,1-1v-7.08
                                            C35.387,49.434,38,46.52,38,43z M31,48c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S33.757,48,31,48z M58,29
                                            c0-3.52-2.613-6.433-6-6.92V7c0-0.553-0.448-1-1-1s-1,0.447-1,1v15.08c-3.387,0.487-6,3.4-6,6.92c0,3.52,2.613,6.434,6,6.92V57
                                            c0,0.553,0.448,1,1,1s1-0.447,1-1V35.92C55.387,35.434,58,32.52,58,29z M51,34c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5
                                            S53.757,34,51,34z"/>
                                        </svg>
                                </a></li>
                            </ul>

                            <div class="info open">
                                <p class='title-text'>WEB DESIGN</p>
                                <p>
                                    We strive to create a unique design for your website that will help your business or
                                    individual enterprise stand out.
                                </p>
                            </div>

                            <div class="info">
                                <p class='title-text'>Development</p>
                                <p>
                                    Development of complex applications for various types of tasks. We will help you
                                    with all your development needs.
                                </p>
                            </div>

                            <div class="info">
                                <p class='title-text'>Support</p>
                                <p>
                                    We provide fast and high quality support for all our customers. Feel free to contact
                                    us, if you find yourself in need of technical support.
                                </p>
                            </div>

                            <div class="info">
                                <p class='title-text'>Marketing</p>
                                <p>
                                    Creating proficient marketing strategies to drive a continuous stream of profitable
                                    traffic to your website.
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- END SERVICES PAGE -->

        <!-- CONTACTS PAGE -->
        <div class="pt-page pt-page-4" id="contacts">
            <div class="main_block contacts">
                <header>
                    <h1>Contacts</h1>
                </header>
                <div class="container">
                    <div class="row">

                        <div class="main_block_text col-md-6 col-md-push-3 col-sm-10 col-sm-push-1">

                            <ul class="category-group">
                                <li class='active'><a href="#">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                         width="32px" height="32px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
                                    <path id="home" d="M59,34c-0.256,0-0.512-0.098-0.707-0.293L32,7.414L5.707,33.707c-0.391,0.391-1.023,0.391-1.414,0
                                        s-0.391-1.023,0-1.414l27-27c0.391-0.391,1.023-0.391,1.414,0l27,27c0.391,0.391,0.391,1.023,0,1.414C59.512,33.902,59.256,34,59,34
                                        z M55,60H37c-0.553,0-1-0.447-1-1V44h-8v15c0,0.553-0.447,1-1,1H9c-0.553,0-1-0.447-1-1V34c0-0.553,0.447-1,1-1s1,0.447,1,1v24h16
                                        V43c0-0.553,0.447-1,1-1h10c0.553,0,1,0.447,1,1v15h16V34c0-0.553,0.447-1,1-1s1,0.447,1,1v25C56,59.553,55.553,60,55,60z M55,25
                                        c-0.553,0-1-0.447-1-1V12h-6v4c0,0.553-0.447,1-1,1s-1-0.447-1-1v-5c0-0.553,0.447-1,1-1h8c0.553,0,1,0.447,1,1v13
                                        C56,24.553,55.553,25,55,25z"/>
                                    </svg>
                                </a></li>
                                <li><a href="#">
                                    <svg version="1.1"
                                         xmlns="http://www.w3.org/2000/svg"
                                         x="0px" y="0px" width="32px" height="32px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
                                    <defs>
                                    </defs>
                                    <path class="st1" d="M29,10h6c0.55,0,1-0.45,1-1s-0.45-1-1-1h-6c-0.55,0-1,0.45-1,1S28.45,10,29,10z"/>
                                    <path class="st1" d="M33,54h-2c-0.55,0-1,0.45-1,1s0.45,1,1,1h2c0.55,0,1-0.45,1-1S33.55,54,33,54z"/>
                                    <path class="st1" d="M32,60c11.51,0,16-1.96,16-7V11c0-5.04-4.49-7-16-7s-16,1.96-16,7v42C16,58.04,20.49,60,32,60z M46,50H18V14h28
                                        V50z M32,58c-12.92,0-14-2.58-14-5v-1h28v1C46,55.42,44.92,58,32,58z M32,6c12.92,0,14,2.58,14,5v1H18v-1C18,8.58,19.08,6,32,6z"/>
                                    <rect id="mobile_2_" class="st0" width="64" height="64"/>
                                    </svg>
                                </a></li>
                                <li><a href="#">
                                    <svg version="1.1"
                                         xmlns="http://www.w3.org/2000/svg"
                                         x="0px" y="0px" width="32px" height="32px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
                                    <defs>
                                    </defs>
                                    <path class="st1" d="M57,12H7c-1.99,0-3,1.01-3,3v34c0,2.07,0.92,3,3,3h50c2.05,0,3-0.95,3-3V15C60,13.01,58.99,12,57,12z
                                         M43.71,34.29c-0.39-0.39-1.02-0.39-1.41,0c-0.39,0.39-0.39,1.02,0,1.41L56.59,50H7.41l14.29-14.29c0.39-0.39,0.39-1.02,0-1.41
                                        c-0.39-0.39-1.02-0.39-1.41,0L6,48.59V15.25l23.11,23.11c0.78,0.78,1.8,1.17,2.83,1.17s2.05-0.39,2.83-1.17L58,15.13v33.45
                                        L43.71,34.29z M7.58,14H56.3L33.36,36.95c-0.78,0.78-2.05,0.78-2.83,0L7.58,14z"/>
                                    <rect id="email_1_" class="st0" width="64" height="64"/>
                                    </svg>
                                </a></li>
                                <li>
                                    <a href="#" class="open-map">
                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                             width="32px" height="32px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
                                        <path id="map_x5F_pin" d="M31,60L31,60c-0.39,0-0.743-0.227-0.907-0.579L15.73,28.478C14.586,26.156,14,23.634,14,21
                                            c0-9.374,7.626-17,17-17s17,7.626,17,17c0,2.633-0.585,5.155-1.738,7.499L31.907,59.421C31.743,59.773,31.39,60,31,60z M31,6
                                            c-8.271,0-15,6.729-15,15c0,2.323,0.516,4.549,1.534,6.614L31,56.625l13.455-28.989C45.482,25.55,46,23.324,46,21
                                            C46,12.729,39.271,6,31,6z M31,28c-3.859,0-7-3.141-7-7s3.141-7,7-7c3.859,0,7,3.141,7,7S34.859,28,31,28z M31,16
                                            c-2.757,0-5,2.243-5,5s2.243,5,5,5s5-2.243,5-5S33.757,16,31,16z"/>
                                        </svg>
                                    </a>
                                </li>
                            </ul>

                            <div class="info open">
                                <address>
                                    350 Fifth Avenue, 34th floor<br>
                                    New York, NY 10118-3299 USA
                                </address>
                            </div>

                            <div class="info">
                                <p>
                                    Tel: +1-212-290-4700<br>
                                    Fax: +1-212-736-1300
                                </p>
                            </div>

                            <div class="info">
                                <p>
                                    Email: info@monde.pro
                                </p>
                            </div>

                        </div>
                        <!--end main-block-text-->

                    </div>
                    <!--end row-->
                </div>
                <!--end container-->
            </div>
        </div>
        <!-- END CONTACTS PAGE -->

        <!-- TEAMS PAGE -->
        <div class="pt-page pt-page-5" id="team">
            <div class="main_block carousel">
                <header>
                    <h1>Team</h1>
                </header>

                <div class="clipCarousel cover">

                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-1.jpg' alt="" width="256" height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name"> Carla Dichter <span class="team-work">Director</span></p>
                            <ul class="social-icons">
                               <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-2.jpg' alt="" width="256" height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name">Patrick Donalds <span class="team-work">Creative director</span></p>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-3.jpg' alt="" width="256"
                                 height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name">Meghan Speyers <span class="team-work">Developer</span></p>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-4.jpg' alt="" width="256" height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name">Lisa Collins <span class="team-work">Manager</span></p>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-5.jpg' alt="" width="256"
                                 height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name">Bill Stewarts <span class="team-work">Software Engineer</span></p>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-6.jpg' alt="" width="256"
                                 height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name">Anthony Sowul <span class="team-work">SEO specialist</span></p>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-7.jpg' alt="" width="256"
                                 height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name">Jamie Marshall <span class="team-work">Financial analyst</span></p>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/team/team-8.jpg' alt="" width="256"
                                 height="167"/>
                        </div>
                        <div class="item-info">
                            <p class="team-name">Rachel Burkett <span class="team-work">Web designer</span></p>
                            <ul class="social-icons">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                            <a href="#" class="fotorama_show-icons">
                                <!--<i class="fa fa-share-alt"></i>-->
                            </a>
                        </div>
                    </div>

                </div>

            </div>
        </div>
        <!-- END TEAMS PAGE -->

        <!-- PORTFOLIO PAGE -->
        <div class="pt-page pt-page-6" id="portfolio">
            <div class="main_block carousel">
                <header>
                    <h1>Portfolio</h1>
                </header>

                <div class="clipCarousel portfolio">

                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-1.jpg' alt="Description"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-2.jpg' alt="Description"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-3.jpg' alt="Description"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-4.jpg' alt="Description"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-5.jpg' alt="Description"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-6.jpg' alt="Description"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-7.jpg' alt="Description"/>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item_img">
                            <img src="#" data-src='img/portfolio/portfolio-8.jpg' alt="Description"/>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- END PORTFOLIO PAGE -->

        <!-- ABOUT APP PAGE -->
        <div class="pt-page pt-page-7" id="app">

            <div class="open-info-about-app top-left-block">
                <img src="img/app-1.png" alt="07" width="250" height="508"/>
            </div>

            <div class="main_block about-app">
                <header>
                    <h1>ABOUT APP</h1>
                </header>
                <div class="container">
                    <div class="row">

                        <div class="main_block_text col-md-6 col-md-push-3 col-sm-10 col-sm-push-1">
                            <p>
                                An awesome mobile APP for your smartphone. Our designers and developers made a piece of
                                art for you to enjoy your phone functioning. Portability, connectivity, user interface,
                                storage, performance, security and app capability – all these will make your daily life
                                much easier and more effective. Just have a look!
                            </p>
                        </div>

                    </div>
                </div>
                <button class="open-info-about-app">More info</button>
                <a class="app-store">
                    <i class="fa fa-apple"></i>
                    <span>Download on the</span>
                    App Store
                </a>
                <a class="google-play">
                    <i class="fa google-play-bg"></i>
                    <span>Get it now</span>
                    Google play
                </a>
            </div>

        </div>
        <!-- END ABOUT APP PAGE -->

    </div>

</main>

<!-- Google map API -->
<div class="map">
    <div id="map-canvas"></div>
    <div class="bottom">
        <a href="#" class="close-this"></a>
    </div>
</div>

<!-- INFORMATION ABOUT APP -->
<div class="info-about-app">

    <div class="info-about-app_block">

        <div class="stack ">

            <div class="stack-content">

                <ul id="elasticstack" class="stack__images">
                    <li><img src="img/app-1.png" alt="07" width="250" height="508"/></li>
                    <li><img src="img/app-2.png" alt="02" width="250" height="508"/></li>
                    <li><img src="img/app-3.png" alt="01" width="250" height="508"/></li>
                </ul>
                <ul id="stack-titles" class="stack__titles">
                    <li class="current">
                        <header>
                            <h1 class="main-heading">ABOUT APP</h1>
                        </header>
                        <p>
                            Enjoy intuitive features of our digital devices. Portability, connectivity, user interface,
                            storage, performance, security and applications capability – all these makes daily life much
                            easier and more effective.
                        </p>
                    </li>
                    <li class="">
                        <h1 class="main-heading">Features</h1>
                        <p>
                            Truly awesome mobile APP for your smartphone. Our designers and developers made a piece of
                            art for you to enjoy your phone functioning. Portability, connectivity, user interface,
                            storage, performance, security and app capability – all these will make your daily life much
                            easier and more effective.
                        </p>
                    </li>
                    <li class="">
                        <h1 class="main-heading">download</h1>
                        <p>
                            App download is easier than ever! You'll get not just an app, but also free software,
                            easy search, personal assistant, image editors and filters and regular updates. Don't miss
                            a chance, download it right now.
                        </p>
                        <a class="app-store">
                            <i class="fa fa-apple"></i>
                            <span>Download on the</span>
                            App Store
                        </a>
                        <a class="google-play">
                            <i class="fa google-play-bg"></i>
                            <span>Get it now</span>
                            Google play
                        </a>
                    </li>
                </ul>

            </div>

        </div>

    </div>

    <div class="bottom">
        <div class="center-menu">
            <ul class="nav navbar-nav center-menu">
                <li class="active"><a href="#">About APP</a></li>
                <li><a href="#">Features</a></li>
                <li><a href="#">Download</a></li>
            </ul>
        </div>
        <a href="#" class="close-this"></a>
    </div>
</div>
<!--     END INFORMATION ABOUT APP -->


<script src="js/modernizr.custom.js"></script>
<script src="js/polyfill.js"></script>
<script src="js/draggabilly.pkgd.min.js"></script>
<script src="js/elastiStack.js"></script>
<script src="js/precentLoader.js"></script>
<script src="js/scrollStyler.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.dlmenu.js"></script>
<script src="js/fotorama.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/responsiveslides.js"></script>
<script src="js/retina.js"></script>
<script src="js/jquery-mousewheel.js"></script>

<script src="js/main.js"></script>

<noscript>
  <h1 class="no-script">We're sorry but our site <strong>requires</strong> JavaScript.</h1>
</noscript>


</body>
</html>