China curbs abuse of personal data by <a href='/'>bet356体育在线网址</a> <header>  <div id="topnav" class="navbar navbar-fixed-top default"> <div class="navbar-inner"> <div class="container"> <div class="logo"> <a class="brand" href="index.html"><img src="BAd/img/logo.png" alt=""></a> </div> <div class="navigation"> <nav> <ul class="nav pull-right"> <li class="current"><a href="#featured">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#works">Works</a></li> <li><a href="#contact">Contact</a></li> <li class="dropdown"> <a href="#">More</a> <ul class="dropdown-menu"> <li><a href="components.html" class="external">Components</a></li> <li><a href="icons.html" class="external">Icons</a></li> </ul> </li> </ul> </nav> </div>  </div> </div> </div>  </header>  <section id="featured">  <div id="sequence-theme"> <img class="prev" src="BAd/img/bt-prev.png" alt="Previous"> <img class="next" src="BAd/img/bt-next.png" alt="Next"> <div class="container"> <div class="row"> <div class="span12"> <div id="sequence"> <ul> <li class="animate-in"> <div class="info letter-container"> <h2 class="fade">Hiya I am selecao</h2> </div> <h4 class="subtitle">Mei ea persius alienum errem audiam eum id impetus bonorum</h4> <div class="bottomup"> <img src="BAd/img/slider/parallax/img-1.png" alt=""> </div> </li> <li class="animate-in"> <div class="info letter-container"> <h2 class="fade">We creates unique website</h2> </div> <h4 class="subtitle">Lorem ipsum dolor sit amet viris torquatos ad vis invidunt singulis</h4> <div class="lefttop"> <img src="BAd/img/slider/parallax/img-2.png" alt=""> </div> </li> <li class="animate-in"> <div class="info letter-container"> <h2 class="fade">With latest technology</h2> </div> <h4 class="subtitle">His at quod impedit eu zril quando perfecto mel sed eu eros debet.</h4> <div class="righttop"> <img src="BAd/img/slider/parallax/img-3.png" alt=""> </div> </li> </ul> </div> </div> </div> </div> </div>  </section>   <section id="about" class="section"> <div class="gray-shadow"> </div> <div class="container"> <div class="row"> <div class="span12"> <div class="headline"> <h3><span>About our company</span></h3> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="span12"> <div class="section-intro"> <p>bet356体育在线网址。 Congue assentior eu vix. Iusto voluptaria vis te. Eos ea quot qualisque, usu an doming graeco vocent. Ei vocent patrioque pri, mea cu soluta accusam platonem. His mentitum laboramus definitionem in. </p> </div> </div> </div> <div class="row"> <div class="span6"> <div class="flexslider"> <ul class="slides"> <li> <img src="BAd/img/slider/flexslider/img-1.png" alt=""> </li> <li> <img src="BAd/img/slider/flexslider/img-2.png" alt=""> </li> <li> <img src="BAd/img/slider/flexslider/img-3.png" alt=""> </li> </ul> </div> </div> <div class="span6"> <h3>who we are</h3> <p>bet356体育在线网址。 Qui te reprimique scripserit, et zril ornatus duo, mei te habemus fastidii interpretaris. Mel eu vide pericula, te ius sint concludaturque. No quo tale vocibus. In nemore denique disputationi sea. Eu vel omnes semper temporibus, at inani impedit phaedrum nec. Id quis deseruisse mea, facete noluisse usu ne, ei putent eleifend mel. <p> <div class="dotted_line"></div> <h4>Expertise areas</h4> <label>Web design:</label> <div class="progress progress-striped progress-info active"> <div class="bar bar80"> </div> </div> <label>Wordpress :</label> <div class="progress progress-striped progress-warning active"> <div class="bar bar60"> </div> </div> <label>Photoshop :</label> <div class="progress progress-striped progress-danger active"> <div class="bar bar40"> </div> </div> <label>Ilustrator :</label> <div class="progress progress-striped progress-success active"> <div class="bar bar20"> </div> </div> </div> </div> </div> </section>   <section id="services" class="section parallax"> <div class="container"> <div class="row"> <div class="span12"> <div class="headline"> <h3><span>Selecao services</span></h3> </div> </div> <div class="span12"> <div class="section-intro"> <p> Qui te reprimique scripserit, et zril ornatus duo, mei te habemus fastidii interpretaris. Mel eu vide pericula, te ius sint concludaturque. No quo tale vocibus. </p> </div> </div> </div> <div class="row"> <div class="span3"> <div class="well box aligncenter"> <i class="icon-circled active icon-48 icon-group"></i> <h3> UI design</h3> <p> Lorem ipsum dolor sit amet, eum no latine delectus deserunt diam </p> <a href="#" class="btn btn-color">Learn more</a> </div> </div> <div class="span3"> <div class="well box aligncenter"> <i class="icon-circled icon-48 icon-thumbs-up"></i> <h3>Brand indentity</h3> <p> Lorem ipsum dolor sit amet, eum no latine delectus deserunt diam </p> <a href="#" class="btn btn-color">Learn more</a> </div> </div> <div class="span3"> <div class="well box aligncenter"> <i class="icon-circled icon-48 icon-beaker"></i> <h3>Web application</h3> <p> Lorem ipsum dolor sit amet, eum no latine delectus deserunt diam </p> <a href="#" class="btn btn-color">Learn more</a> </div> </div> <div class="span3"> <div class="well box aligncenter"> <i class="icon-circled icon-48 icon-twitter"></i> <h3>Social media</h3> <p> Lorem ipsum dolor sit amet, eum no latine delectus deserunt diam </p> <a href="#" class="btn btn-color">Learn more</a> </div> </div> </div> </div> </section>   <section id="works" class="section gray-bg"> <div class="container"> <div class="row"> <div class="span12"> <div class="headline"> <h3><span>What we've done</span></h3> </div> </div> <div class="span12"> <div class="section-intro"> <p> Congue assentior eu vix. Iusto voluptaria vis te. Eos ea quot qualisque, usu an doming graeco vocent. </p> </div> </div> <div class="span12"> <ul class="filter"> <li class="all active"><a href="#" class="btn btn-color">All categories</a></li> <li class="web"><a href="#" class="btn btn-color">Web design</a></li> <li class="brand"><a href="#" class="btn btn-color">Brand identity</a></li> <li class="graphic"><a href="#" class="btn btn-color">Graphic design</a></li> <li class="photo"><a href="#" class="btn btn-color">Photography</a></li> <li class="ilustrator"><a href="#" class="btn btn-color">Ilustrator</a></li> </ul> <div class="row"> <ul class="portfolio-area"> <li class="portfolio-item2" data-id="id-0" data-type="web"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img1.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="brand"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img2.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="web"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img3.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="graphic"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img4.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="ilustrator"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img5.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="brand"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img6.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="photo"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img7.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="photo"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img8.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="brand"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img9.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="photo"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img10.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="graphic"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img11.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> <li class="portfolio-item2" data-id="id-0" data-type="brand"> <div class="thumb-wrapp"> <img src="BAd/img/portfolio/img12.jpg" class="folio-image" alt=""> <div class="folio-caption"> <h5>Portfolio name</h5> <span class="folio-link"> <a href="img/portfolio/big.jpg" data-pretty="prettyPhoto" title="zoom"> <i class="icon-rounded icon-32 icon-zoom-in"></i></a> <a href="#"><i class="icon-rounded icon-32 icon-link"></i></a> </span> </div> </div> </li> </ul> </div> </div> </div> </div> </section>   <section id="contact" class="section"> <div class="container"> <div class="row"> <div class="span12"> <div class="headline"> <h3><span>Get in touch with us</span></h3> </div> </div> <div class="span12"> <div class="section-intro"> <p> Qui te reprimique scripserit, et zril ornatus duo, mei te habemus fastidii interpretaris. Mel eu vide pericula, te ius sint concludaturque. No quo tale vocibus. </p> </div> </div> </div> <div class="row"> <div class="span6"> <h4><i class="icon-circled icon-32 icon-envelope"></i> Contact form</h4>  <div id="sendmessage">Your message has been sent. Thank you!</div> <div id="errormessage"></div> <form action="" method="post" role="form" class="contactForm"> <div id="sendmessage">Your message has been sent. Thank you!</div> <div id="errormessage"></div> <ul class="contact-list"> <li class="form-group"> <input type="text" name="name" class="form_input" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars"> <div class="validation"></div> <li class="form-group"> <input type="email" class="form_input" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email"> <div class="validation"></div> </li> <li class="form-group"> <input type="text" class="form_input" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject"> <div class="validation"></div> </li> <li class="form-group"> <textarea class="form_textarea" name="message" rows="12" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea> <div class="validation"></div> </li> <li class="last"> <button class="btn btn-large btn-theme" type="submit" id="send">Send a message</button> </li> </ul> </form>  </div> <div class="span6"> <h4><i class="icon-circled icon-32 icon-user"></i> Get in touch with us</h4> <p> Feel free to ask if you have any question regarding our services or if you just want to say Hello, we would love to hear from you. </p> <div class="dotted_line"> </div> <p> <span><i class="icon-phone"></i> <strong>Phone:</strong> +6221 213 22 21 or +6221 213 22 22</span> </p> <p> <span><i class="icon-comment"></i> <strong>Skype:</strong> hello.selectro</span> </p> <p> <span><i class="icon-envelope-alt"></i> <strong>Email:</strong> info@yourdomain.com</span> </p> </div> </div> </div> </section>  <footer> <div class="verybottom"> <div class="container"> <div class="row"> <div class="span12"> <div class="aligncenter"> <div class="logo"> <a class="brand" href="index.html"> <img src="BAd/img/logo.png" alt=""> </a> </div> <p>Lorem ipsum dolor sit amet, solet saepe vim an, te vim facer facilis docendi</p> <div class="social-links"> <ul class="social-links"> <li><a href="#" title="Twitter"><i class="icon-circled icon-64 icon-twitter"></i></a></li> <li><a href="#" title="Facebook"><i class="icon-circled icon-64 icon-facebook"></i></a></li> <li><a href="#" title="Google plus"><i class="icon-circled icon-64 icon-google-plus"></i></a></li> <li><a href="#" title="Linkedin"><i class="icon-circled icon-64 icon-linkedin"></i></a></li> <li><a href="#" title="Pinterest"><i class="icon-circled icon-64 icon-pinterest"></i></a></li> </ul> </div> <p> © Selecao - All right reserved </p> <div class="credits">  Designed by <a href='/'>bet356体育在线网址</a> </div> </div> </div> </div> </div> </div> </footer>  <script src="BAd/js/jquery.min.js"></script> <script src="BAd/js/jquery.easing.js"></script> <script src="BAd/js/bootstrap.js"></script> <script src="BAd/js/jquery.lettering.js"></script> <script src="BAd/js/parallax/jquery.parallax-1.1.3.js"></script> <script src="BAd/js/nagging-menu.js"></script> <script src="BAd/js/sequence.jquery-min.js"></script> <script src="BAd/js/sequencejs-options.sliding-horizontal-parallax.js"></script> <script src="BAd/js/portfolio/jquery.quicksand.js"></script> <script src="BAd/js/portfolio/setting.js"></script> <script src="BAd/js/jquery.scrollTo.js"></script> <script src="BAd/js/jquery.nav.js"></script> <script src="BAd/js/modernizr.custom.js"></script> <script src="BAd/js/prettyPhoto/jquery.prettyPhoto.js"></script> <script src="BAd/js/prettyPhoto/setting.js"></script> <script src="BAd/js/jquery.flexslider.js"></script>  <script src="BAd/contactform/contactform.js"></script>  <script src="BAd/js/custom.js"></script> <script>(function(){var bp=document.createElement('script');var curProtocol=window.location.protocol.split(':')[0];if(curProtocol==='https'){bp.src='https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src='http://push.zhanzhang.baidu.com/push.js';}var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bp,s);})();</script></body> </html>