<style type="text/css">
.content {
padding: 32px 0;
position: relative;
margin-top: 58px;
}
</style>
<section class="content about_page">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="title_content">
<h3><?php echo WILang::get("our_history");?></h3>
</div>
<div class="our_history">
<p>
<?php echo WILang::get("history");?>
</p>
<p>
</p>
<p>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-md-6 col-sm-6">
<div class="title_content">
<h3><?php echo WILang::get("whatwedo");?></h3>
</div>
<div class="how_do">
<!-- Tabs Navigation -->
<ul class="tabs-nav">
<li class="active"><a href="#tab1"><?php echo WILang::get("our_mission");?></a></li>
<li><a href="#tab2"><?php echo WILang::get("learner");?></a></li>
<li><a href="#tab3"><i class="fa fa-comments"></i><?php echo WILang::get("live_chat");?></a></li>
</ul>
<!-- Tabs Content -->
<div class="tabs-container">
<div class="tab-content" id="tab1">
<h4><?php echo WILang::get("our_mission");?></h4>
<p><?php echo WILang::get("mission");?>< </p>
</div> <div class="tab-content" id="tab2">
<h4><?php echo WILang::get("learner");?></h4>
<p>
<?php echo WILang::get("learning");?></p>
</div> <div class="tab-content" id="tab3">
<h4><?php echo WILang::get("live_chat");?></h4>
<p>Live Chat</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="title_content">
<h3><?php echo WILang::get("skills");?></h3>
</div>
<div class="our_skill">
<p></p>
<ul class="progress-skill-bar">
<li>
<span class="lable">100%</span>
<div class="progress_skill">
<div class="bar" data-value="100" role="progressbar" data-height="100">
HTML
</div>
</div>
</li>
<li>
<span class="lable">60%</span>
<div class="progress_skill">
<div class="bar" data-value="60" role="progressbar" data-height="100">
css3
</div>
</div>
</li>
<li>
<span class="lable">70%</span>
<div class="progress_skill">
<div class="bar" data-value="70" role="progressbar" data-height="100">
PHP
</div>
</div>
</li>
<li>
<span class="lable">40%</span>
<div class="progress_skill">
<div class="bar" data-value="40" role="progressbar" data-height="100">
JQuery
</div>
</div>
</li>
<li>
<span class="lable">50%</span>
<div class="progress_skill">
<div class="bar" data-value="50" role="progressbar" data-height="100">
Javascript
</div>
</div>
</li>
<li>
<span class="lable">40%</span>
<div class="progress_skill">
<div class="bar" data-value="40" role="progressbar" data-height="100">
VB.Net
</div>
</div>
</li>
<li>
<span class="lable">80%</span>
<div class="progress_skill">
<div class="bar" data-value="80" role="progressbar" data-height="100">
Mysql
</div>
</div>
</li>
<li>
<span class="lable">40%</span>
<div class="progress_skill">
<div class="bar" data-value="40" role="progressbar" data-height="100">
Electronical and electrical Engineering
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
|
Download
