<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>
info at phpclasses dot org