|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/web/app/Views/theme/spirit/module/ |
<!----
databaee : ssn_compro
user : ssn_compro
pass : 55n@Compro
--->
<!-- Achievement Part Start -->
<section id="achivement_part" data-bg-image="assets/images/counter-bg.jpg">
<div class="container">
<div class="row text-center">
<div class="counter_content">
<div class="col-xs-12 col-sm-3">
<div class="counter_item">
<i class="fa fa-compress"></i>
<h3 class="counting">2400</h3>
<p>Project Complated</p>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="counter_item">
<i class="fa fa-handshake-o"></i>
<h3 class="counting">1600</h3>
<p>Clients Satisfaction</p>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="counter_item">
<i class="fa fa-trophy"></i>
<h3 class="counting">200</h3>
<p>Awards Wins</p>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="counter_item connter_last">
<i class="fa fa-users"></i>
<h3 class="counting">1000</h3>
<p>Users</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</section>
<!-- Achivement Part End -->
<!-- work Part Start -->
<section id="work_part">
<div class="container">
<div class="row">
<div class="section_head work_head text-center">
<h2><span>our</span> works</h2>
<p>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium.</p>
</div>
<div>
<ul class="simplefilter work_list">
<li class="active" data-filter="all">All Project</li>
<li data-filter="1">Latest</li>
<li data-filter="2">Design</li>
<li data-filter="3">Development</li>
<li data-filter="4">PHP</li>
<li data-filter="5">Apps</li>
</ul>
</div>
<div class="filtr-container">
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="1, 5">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-1.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-1.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Claritas Etia Processus</h3></a>
<p>Web Design</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="2, 5">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-2.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-2.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Quam Nutamus Farum</h3></a>
<p>Graphic Design, Mock-Up</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="1, 4">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-3.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-3.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Usus Legentis Videntur</h3></a>
<p>Photography, Holiday</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="1, 3">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-4.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-4.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Quam Nutamus Farum</h3></a>
<p>Graphic Design, Mock-Up</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="3, 4">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-5.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-5.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Claritas Etia Processus</h3></a>
<p>Web Design</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="2, 4">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-6.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-6.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Quam Nutamus Farum</h3></a>
<p>Graphic Design, Mock-Up</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="work_load_btn">
<a href="#" class="multi_button">Load More</a>
</div>
</div>
</div>
</section>
<!-- Work Part End -->
<!-- Skill Part Start -->
<section id="skill_part" data-bg-image="assets/images/skill-bg.jpeg">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section_head skill_head text-center">
<h2><span>Our </span>Skill <span>And Expertise</span></h2>
<p>Recusandae, quod perspiciatis, at dicta enim similique earum temporibus iusto accusamus dolore adipisci veritatis nulla distinctio quisquam, nesciunt reprehenderit itaque nihil culpa!</p>
</div>
</div>
<div class="col-sm-12 plr">
<div class="col-sm-5">
<div class="skill_left">
<h3>Why choose us</h3>
<p>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus</p>
<ul>
<li><i class="fa fa-dot-circle-o" aria-hidden="true"></i> We design uniqueness and quality</li>
<li><i class="fa fa-dot-circle-o" aria-hidden="true"></i>Delivering fast and excellent results</li>
<li><i class="fa fa-dot-circle-o" aria-hidden="true"></i>Tons of useful widgets & shortcodes</li>
<li><i class="fa fa-dot-circle-o" aria-hidden="true"></i>Easy to use layout visual builder</li>
</ul>
</div>
</div>
<div class="col-sm-7">
<div class="skill_right">
<h3>Professionals with the relevant skills to match</h3>
<div class="barWrapper">
<span class="progressText"><B>Design</B></span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
<span class="popOver" data-toggle="tooltip" data-placement="top" title="85%"> </span>
</div>
</div>
</div>
<div class="barWrapper">
<span class="progressText"><B>Development</B></span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
<span class="popOver" data-toggle="tooltip" data-placement="top" title="95%"> </span>
</div>
</div>
</div>
<div class="barWrapper">
<span class="progressText"><B>PHP</B></span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
<span class="popOver" data-toggle="tooltip" data-placement="top" title="90%"> </span>
</div>
</div>
</div>
<div class="barWrapper">
<span class="progressText"><B>Apps</B></span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
<span class="popOver" data-toggle="tooltip" data-placement="top" title="80%"> </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skill Part End -->
<!-- Team Part Start -->
<section id="team_part">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<div class="section_head team_head">
<h2><span>Meet Our</span> team</h2>
</div>
</div>
<div class="clearfix"></div>
<div class="team_member_content">
<div class="team_members">
<div class="col-sm-4 col-xs-12">
<div class="team_memb">
<img src="assets/images/team-1.jpg" alt="Team Member">
<div class="team_memb_info">
<h3>Robin Topper</h3>
<p>Creative Director</p>
</div>
<div class="team_social">
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="#" target="_blank"><i class="fa fa-skype"></i></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="team_memb">
<img src="assets/images/team-2.jpg" alt="Team Member">
<div class="team_memb_info">
<h3>Alex Roren</h3>
<p>Creative Director</p>
</div>
<div class="team_social">
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="#" target="_blank"><i class="fa fa-skype"></i></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="team_memb">
<img src="assets/images/team-3.jpg" alt="Team Member">
<div class="team_memb_info">
<h3>Steve Jobs</h3>
<p>Creative Director</p>
</div>
<div class="team_social">
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="#" target="_blank"><i class="fa fa-skype"></i></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="team_memb">
<img src="assets/images/team-2.jpg" alt="Team Member">
<div class="team_memb_info">
<h3>Jammy JR</h3>
<p>Creative Director</p>
</div>
<div class="team_social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-skype"></i></a>
</div>
</div>
</div>
</div>
<div class="team_arrow text-right">
<i class="fa fa-angle-left team_prev"></i>
<i class="fa fa-angle-right team_next"></i>
</div>
</div>
</div>
</div>
</section>
<!-- Team Part End -->