DTO vs VM – Code Hero jxpihfpgt http://www.g0y7d1eb743o8t799vu79aaw3q2b7kg5s.org/ [url=http://www.g0y7d1eb743o8t799vu79aaw3q2b7kg5s.org/]ujxpihfpgt[/url] ajxpihfpgt

<!– Google-fonts –>
<link href=’http://fonts.googleapis.com/css?family=Signika+Negative:300,400,600,700′ rel=’stylesheet’ type=’text/css’>
<link href=’http://fonts.googleapis.com/css?family=Kameron:400,700′ rel=’stylesheet’ type=’text/css’>

<!– Bootstrap –>
<link rel=”stylesheet” href=”css/bootstrap.min.css”/>
<!– Fonts-style –>
<link rel=”stylesheet” href=”css/styles.css”/>
<!– Fonts-style –>
<link rel=”stylesheet” href=”css/font-awesome.min.css”/>
<!– Modal-Effect –>
<link href=”css/component.css” rel=”stylesheet”>
<!– owl-carousel –>
<link href=”css/owl.carousel.css” rel=”stylesheet” type=”text/css” media=”screen”>
<link href=”css/owl.theme.css” rel=”stylesheet” type=”text/css” media=”screen”>
<!– Template Styles–>
<link rel=”stylesheet” href=”css/style.css”/>
<!– Template Color–>
<link rel=”stylesheet” type=”text/css” href=”css/green.css” media=”screen” id=”color-opt” />

</head>

<!– Preloader –>
<div class=”animationload”>
<div class=”loader”>
Please Wait….
</div>
</div>
<!– End Preloader –>

<nav class=”navbar navbar-default navbar-fixed-top navbar-custom”>
<div class=”container”>
<!– Brand and toggle get grouped for better mobile display –>
<div class=”navbar-header”>
<button type=”button” class=”navbar-toggle collapsed” 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=”#”>Devidu Kaveehsa</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 navbar-right”>
<li><a href=”#home”>Home</a></li>
<li><a href=”#services”>Services</a></li>
<li><a href=”#twitter_tweet”>Testimonials</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
</div><!– /.navbar-collapse –>
</div><!– /.container –>
</nav>

<!– /HOME –>
<section class=”main-home” id=”home”>
<div class=”home-page-photo”></div> <!– Background image –>
<div class=”home__header-content”>
<div id=”main-home-carousel” class=”owl-carousel”>
<div>
<h1 class=”intro-title”>Start your own project</h1>
<p class=”intro-text”>Lorem ipsum dolor sit amet consectetur adictum piscing elit fusce sit amet inerdum neque ultra icies <br/> pelentesque tempor justo a scelerisque placerat sit amet magna e.</p>
<a class=”btn btn-custom” href=”#”>Get started</a>
</div><!–slide item like paragraph–>

<div>
<h1 class=”intro-title”>Best ideas for your Business</h1>
<p class=”intro-text”>Lorem ipsum dolor sit amet consectetur adictum piscing elit fusce sit amet inerdum neque ultra icies <br/> pelentesque tempor justo a scelerisque placerat sit amet magna e.</p>
<a class=”btn btn-custom” href=”#”>Get started</a>
</div><!–slide item like paragraph–>

<div>
<h1 class=”intro-title”>We are digital expert</h1>
<p class=”intro-text”>Lorem ipsum dolor sit amet consectetur adictum piscing elit fusce sit amet inerdum neque ultra icies <br/> pelentesque tempor justo a scelerisque placerat sit amet magna e.</p>
<a class=”btn btn-custom” href=”#”>Get started</a>
</div><!–slide item like paragraph–>
</div>
</div>
</section>
<!– /End HOME –>

<!– / SERVICES –>
<section id=”services”>
<div class=”container”>
<div class=”row”>
<div class=”col-md-12″>
<h3 class=”title text-center”>Best Services</h3>
<div class=”titleHR”><span></span></div>
</div>
</div>

<div class=”row”>
<div class=”col-sm-4″> <!– Service-item –>
<div class=”text-center services-item”>
<div class=”col-wrapper”>
<div class=”icon-border”>
<i class=”icon-design-graphic-tablet-streamline-tablet color-l-orange”></i>
</div>
<h5>Creative Ideas</h5>
<p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
</div>
</div>
</div>

<div class=”col-sm-4″> <!– Service-item –>
<div class=”text-center services-item”>
<div class=”col-wrapper”>
<div class=”icon-border”>
<i class=”icon-design-pencil-rule-streamline color-l-blue”></i>
</div>
<h5>Rapid Solution</h5>
<p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
</div>
</div>
</div>

<div class=”col-sm-4″> <!– Service-item –>
<div class=”text-center services-item”>
<div class=”col-wrapper”>
<div class=”icon-border”>
<i class=”icon-speech-streamline-talk-user color-l-yellow”></i>
</div>
<h5>Magic Touch</h5>
<p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
</div>
</div>
</div>
</div> <!–/.row –>

<div class=”row”>
<div class=”col-sm-4″> <!– Service-item –>
<div class=”text-center services-item”>
<div class=”col-wrapper”>
<div class=”icon-border”>
<i class=”icon-settings-streamline-2 color-l-purple”></i>
</div>
<h5>Creative Ideas</h5>
<p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
</div>
</div>
</div>

<div class=”col-sm-4″> <!– Service-item –>
<div class=”text-center services-item”>
<div class=”col-wrapper”>
<div class=”icon-border”>
<i class=”icon-streamline-umbrella-weather color-l-pink”></i>
</div>
<h5>Rapid Solution</h5>
<p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
</div>
</div>
</div>

<div class=”col-sm-4″> <!– Service-item –>
<div class=”text-center services-item”>
<div class=”col-wrapper”>
<div class=”icon-border”>
<i class=”icon-caddie-shopping-streamline color-l-green”></i>
</div>
<h5>Magic Touch</h5>
<p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
</div>
</div>
</div>
</div> <!–/.row –>
</div> <!–/.container –>
</section>
<!– / End services–>

<!– TWITTER TWEET –>
<section class=”twitter_tweet parallax” id=”twitter_tweet” data-stellar-background-ratio=”0.5″>
<div class=”container”>
<div class=”row”>
<div class=”col-md-8 col-md-offset-2 text-center”>
<div id=”testi-carousel” class=”owl-carousel owl-spaced”>
<div>
<i class=”fa fa-twitter”></i>
<h5>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, dolorum, fugiat, eligendi magni quibusdam iure cupiditate ex voluptas unde Lorem ipsum dolor sit amet..
</h5>
<p>- Jonathan Deo</p>
</div><!–testimonials item like paragraph–>
<div>
<i class=”fa fa-twitter”></i>
<h5>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, dolorum, fugiat, eligendi magni quibusdam iure cupiditate ex voluptas unde Lorem ipsum dolor sit amet..
</h5>
<p>- Jonathan Deo</p>
</div><!–testimonials item like paragraph–>
<div>
<i class=”fa fa-twitter”></i>
<h5>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, dolorum, fugiat, eligendi magni quibusdam iure cupiditate ex voluptas unde Lorem ipsum dolor sit amet..
</h5>
<p>- Jonathan Deo</p>
</div><!–testimonials item like paragraph–>
</div>
</div> <!– end col-md-8 –>
</div> <!– end row –>
</div> <!– container –>
</section>
<!– End TWITTER TWEET –>

<!– CONTACT –>
<section id=”contact”>
<div class=”container”>
<div class=”row”>
<div class=”col-md-12″>
<h3 class=”title text-center”>Contact Us</h3>
<div class=”titleHR”><span></span></div>

<form role=”form” name=”ajax-form” id=”ajax-form” action=”php/contact.php” method=”post” class=”form-main”>
<div class=”col-xs-12″>
<div class=”row”>
<div class=”form-group col-xs-6″>
<label for=”name2″>Name</label>
<input class=”form-control” id=”name2″ name=”name” onblur=”if(this.value == ”) this.value=’Name'” onfocus=”if(this.value == ‘Name’) this.value=”” type=”text” value=”Name”>
<div class=”error” id=”err-name” style=”display: none;”>Please enter name</div>
</div>
<div class=”form-group col-xs-6″>
<label for=”email2″>Email</label>
<input class=”form-control” id=”email2″ name=”email” type=”text” onfocus=”if(this.value == ‘E-mail’) this.value=”;” onblur=”if(this.value == ”) this.value=’E-mail’;” value=”E-mail”>
<div class=”error” id=”err-emailvld” style=”display: none;”>E-mail is not a valid format</div>
</div>
</div>
<div class=”row”>
<div class=”form-group col-xs-12″>
<label for=”message2″>Message</label>
<textarea class=”form-control” id=”message2″ name=”message” onblur=”if(this.value == ”) this.value=’Message'” onfocus=”if(this.value == ‘Message’) this.value=””>Message</textarea>
<div class=”error” id=”err-message” style=”display: none;”>Please enter message</div>
</div>
</div>
<div class=”row”>
<div class=”col-md-8 col-md-offset-2″>
<p class=”text-center con_sub_text”>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren.</p>
</div>
</div>
<div class=”row”>
<div class=”col-xs-12 text-center”>
<div id=”ajaxsuccess”>E-mail was successfully sent.</div>
<div class=”error” id=”err-form” style=”display: none;”>There was a problem validating the form please check!</div>
<div class=”error” id=”err-timedout”>The connection to the server timed out!</div>
<div class=”error” id=”err-state”></div>
<button type=”submit” class=”btn btn-custom” id=”send”>Submit</button>
</div>
</div>
</div>
</form>
</div> <!– end col-md-12 –>
</div> <!– end row –>
</div> <!– container –>
</section>
<!– End CONTACT –>

<!– FOOTER begings –>
<footer id=”footer”>
<div class=”footer-widgets-wrap”>
<div class=”container text-center”>
<div class=”row”>
<div class=”col-sm-4 col-md-4″>
<div class=”footer-content”>
<h4>KEEP IN TOUCH</h4>
<div class=”footer-socials”>
<a href=”#”><i class=”fa fa-facebook”></i></a>
<a href=”#”><i class=”fa fa-google-plus”></i></a>
<a href=”#”><i class=”fa fa-twitter”></i></a>
<a href=”#”><i class=”fa fa-pinterest”></i></a>
</div>
</div> <!– end footer-content –>
</div> <!– end col-sm-4 –>
<div class=”col-sm-4 col-md-4″>
<div class=”footer-content”>
<h4>ADDRESS</h4>
<p>464 Newesta St<br>
Othervilla AB 6007, Other</p>
<p>+0 123-456-7890<br>
<a href=”#”>www.domain.com</a><br>
info@domain.com</p>
</div> <!– end footer-content –>
</div> <!– end col-sm-4 –>
<div class=”col-sm-4 col-md-4″>
<div class=”footer-content”>
<h4>SUPPORT</h4>
<p>You need support? Visit our support forum and open tickets for you questions.</p>
<p><button type=”button” class=”btn btn-custom-sm”>forum</button></p>
</div> <!– end footer-content –>
</div> <!– end col-sm-4 –>
</div> <!– end row –>
</div> <!– container –>
</div>
<div class=”footer-bottom text-center”> <!– Footer-copyright –>
<p>©2016 Delex. Design By <a href=”http://templatestock.co”>TEMPLATE STOCK</a></p>
</div>
</footer>
<!– End footer begings –>

<!– Scroll top –>
<a href=”#” class=”back-to-top”> <i class=”fa fa-chevron-up”> </i> </a>

<!– Style switcher –>
<div id=”style-switcher” style=”left: 0px;”>
<div>
<h3>Select your color</h3>
<ul class=”pattern”>
<li><a class=”color1″ href=”#”></a></li>
<li><a class=”color2″ href=”#”></a></li>
<li><a class=”color3″ href=”#”></a></li>
<li><a class=”color4″ href=”#”></a></li>
<li><a class=”color5″ href=”#”></a></li>
<li><a class=”color6″ href=”#”></a></li>
<li><a class=”color7″ href=”#”></a></li>
<li><a class=”color8″ href=”#”></a></li>
<li><a class=”color9″ href=”#”></a></li>
<li><a class=”color10″ href=”#”></a></li>
<li><a class=”color11″ href=”#”></a></li>
<li><a class=”color12″ href=”#”></a></li>
</ul>
</div>
<div class=”bottom”>
<a href=”#” class=”settings”><i class=”fa fa-refresh fa-spin”></i></a>
</div>
</div>
<!– end Style switcher –>

<!– JavaScript
================================================== –>
<!– Placed at the end of the document so the pages load faster –>
<!– initialize jQuery Library –>
<script src=”js/jquery.min.js”></script>
<!– jquery easing –>
<script src=”js/jquery.easing.min.js”></script>
<!– Bootstrap –>
<script src=”js/bootstrap.min.js”></script>
<!– modal-effect –>
<script src=”js/classie.js”></script>
<script src=”js/modalEffects.js”></script>
<!– Counter-up –>
<script src=”js/waypoints.min.js” type=”text/javascript”></script>
<script src=”js/jquery.counterup.min.js” type=”text/javascript”></script>
<!– SmoothScroll –>
<script src=”js/SmoothScroll.js”></script>
<!– Parallax –>
<script src=”js/jquery.stellar.min.js”></script>
<!– Jquery-Nav –>
<script src=”js/jquery.nav.js”></script>
<!– Owl carousel –>
<script type=”text/javascript” src=”js/owl.carousel.min.js”></script>
<!– App JS –>
<script src=”js/app.js”></script>

<!– Switcher script for demo only –>
<script type=”text/javascript” src=”js/switcher.js”></script>

</body>
</html>

Please Wait….

Toggle navigationDevidu Kaveehsa

Home
Services
Testimonials
Contact

Start your own project

Lorem ipsum dolor sit amet consectetur adictum piscing elit fusce sit amet inerdum neque ultra icies
pelentesque tempor justo a scelerisque placerat sit amet magna e.

Get started

Best ideas for your Business

Lorem ipsum dolor sit amet consectetur adictum piscing elit fusce sit amet inerdum neque ultra icies
pelentesque tempor justo a scelerisque placerat sit amet magna e.

Get started

We are digital expert

Lorem ipsum dolor sit amet consectetur adictum piscing elit fusce sit amet inerdum neque ultra icies
pelentesque tempor justo a scelerisque placerat sit amet magna e.

Get started