[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
05122024
/
htdocs
/
tracer
/
application
/
views
/
mahasiswa
/
[
Home
]
File: bg_profile_final.php
<!DOCTYPE html> <html> <head> <title></title> <!-- Add jQuery library --> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <!-- Add mousewheel plugin (this is optional) --> <script type="text/javascript" src="<?php echo base_url();?>/assets/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> <!-- Add fancyBox --> <link rel="stylesheet" href="<?php echo base_url();?>/assets/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo base_url();?>/assets/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> <!-- Optionally add helpers - button, thumbnail and/or media --> <link rel="stylesheet" href="<?php echo base_url();?>/assets/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo base_url();?>/assets/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> <script type="text/javascript" src="<?php echo base_url();?>/assets/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> <link rel="stylesheet" href="<?php echo base_url();?>/assets/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo base_url();?>/assets/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> <script type="text/javascript"> $(document).ready(function() { $(".various").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '90%', height : '90%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script> <style> img { width: 100%; height: auto; border: 1px solid #ddd; border-radius: 4px; padding: 400px; } </style> </head> <body> <div class=""> <div id="user-profile-2" class="user-profile"> <div class="tabbable"> <ul class="nav nav-tabs padding-18"> <li class="active"> <a data-toggle="tab" href="#home"> <i class="green ace-icon fa fa-user bigger-120"></i> Profile </a> </li> <li> <a data-toggle="tab" href="#feed"> <i class="orange ace-icon fa fa-rss bigger-120"></i> Kegiatan </a> </li> <li> <a data-toggle="tab" href="#friends"> <i class="blue ace-icon fa fa-users bigger-120"></i> Teman </a> </li> </ul> <div class="tab-content no-border padding-24"> <div id="home" class="tab-pane in active"> <div class="row"> <div class="col-xs-12 col-sm-3 center"> <span class="profile-picture"> <?php foreach ($mhs->result_array() as $key ) { if ($key['foto']=='') { echo "<img src='".base_url('assets/avatars/profile-pic.jpg')."' >" ; } else if ($key['foto']!=='') { echo "<img src='".base_url('assets/uploads/'.$key['foto'])."' >" ; } } ?> </span> <div class="space space-4"></div> <a href="<?php echo base_url();?>mahasiswa/profile_foto" class="various" data-fancybox-type="iframe"> <i class="ace-icon fa fa-camera-retro"></i> <span class="bigger-110">Foto</span> </a> <a href="<?php echo base_url();?>mahasiswa/profile_edit/<?php echo $username; ?>" class="various" data-fancybox-type="iframe"> <i class="ace-icon fa fa-folder"></i> <span class="bigger-110">Data</span> </a> </div><!-- /.col --> <?php foreach ($mhs->result_array() as $key ) {?> <div class="col-xs-12 col-sm-9"> <h4 class="blue"> <span class="middle"><?php echo $key['nama_mahasiswa']; ?></span> <span class="label label-purple arrowed-in-right"> <i class="ace-icon fa fa-circle smaller-80 align-middle"></i> online </span> </h4> <div class="profile-user-info"> <div class="profile-info-row"> <div class="profile-info-name"> Username </div> <div class="profile-info-value"> <span><?php echo $key['nim']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> Program Studi </div> <div class="profile-info-value"> <span><?php echo $key['jurusan']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> Tahun Angkatan </div> <div class="profile-info-value"> <span><?php echo $key['angkatan']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> Tempat & Tanggal Lahir </div> <div class="profile-info-value"> <span><?php echo $key['ttl']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> Nama Ibu Kandung </div> <div class="profile-info-value"> <span><?php echo $key['ibu_kandung']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> No Induk Kependudukan </div> <div class="profile-info-value"> <span><?php echo $key['nik']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> No Tlp/Hp </div> <div class="profile-info-value"> <span><?php echo $key['phone']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> Email </div> <div class="profile-info-value"> <span><?php echo $key['email']; ?></span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name"> Alamat </div> <div class="profile-info-value"> <i class="fa fa-map-marker light-orange bigger-110"></i> <span><?php echo $key['alamat']; ?></span> </div> </div> </div> <?php } ?> </div><!-- /.col --> </div><!-- /.row --> <div class="space-20"></div> <div class="row"> <div class="col-xs-12 col-sm-6"> <div class="widget-box transparent"> <div class="widget-header widget-header-small"> <h4 class="widget-title smaller"> <i class="ace-icon fa fa-check-square-o bigger-110"></i> Catatan </h4> </div> <div class="widget-body"> <div class="widget-main"> </div> </div> </div> </div> <div class="col-xs-12 col-sm-6"> <div class="widget-box transparent"> <div class="widget-body"> <div class="widget-main padding-16"> <div class="clearfix"> <div class="grid3 center"> <!-- #section:plugins/charts.easypiechart --> <!-- /section:plugins/charts.easypiechart --> <div class="space-2"></div> </div> <div class="grid3 center"> <div class="space-2"></div> </div> </div> <div class="hr hr-16"></div> <!-- #section:pages/profile.skill-progress --> <div class="profile-skills"> <div class="progress"> </div> <div class="progress"> </div> <div class="progress"> </div> <div class="progress"> </div> <div class="progress"> </div> </div> <!-- /section:pages/profile.skill-progress --> </div> </div> </div> </div> </div> </div><!-- /#home --> <div id="feed" class="tab-pane"> <div class="profile-feed row"> <div class="col-sm-6"> <div class="profile-activity clearfix"> <div> </div> <div class="tools action-buttons"> <a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i> </a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i> </a> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> <a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i> </a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i> </a> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> <a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i> </a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i> </a> </div> </div> </div><!-- /.col --> <div class="col-sm-6"> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> <a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i> </a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i> </a> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> </div> </div> <div class="profile-activity clearfix"> <div> <div class="time"> </div> </div> <div class="tools action-buttons"> </div> </div> </div><!-- /.col --> </div><!-- /.row --> <div class="space-12"></div> <div class="center"> <button type="button" class="btn btn-sm btn-primary btn-white btn-round"> <i class="icon-on-right ace-icon fa fa-arrow-right"></i> </button> </div> </div><!-- /#feed --> <div id="friends" class="tab-pane"> <!-- #section:pages/profile.friends --> <div class="profile-users clearfix"> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> </div> <div class="body"> <div class="name"> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">Content Editor</div> <div class="time"> </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> </div> </div> </div> </div> </div> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> </div> <div class="body"> <div class="name"> <a href="#"> </a> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">Graphic Designer</div> <div class="time"> </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> <a href="#"> </a> <a href="#"> </a> <a href="#"> </a> </div> </div> </div> </div> </div> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> </div> <div class="body"> <div class="name"> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">SEO & Advertising</div> <div class="time"> > </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> <a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i> </a> </div> </div> </div> </div> </div> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> </div> <div class="body"> <div class="name"> <a href="#"> </a> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">Marketing</div> <div class="time"> </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> <a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i> </a> </div> </div> </div> </div> </div> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> </div> <div class="body"> <div class="name"> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">Public Relations</div> <div class="time"> > </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> <a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i> </a> </div> </div> </div> </div> </div> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> </div> <div class="body"> <div class="name"> <a href="#"> </a> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">HR Management</div> <div class="time"> <i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i> <span class="green"> 20 mins ago </span> </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> <a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i> </a> </div> </div> </div> </div> </div> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> </div> <div class="body"> <div class="name"> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">Graphic Designer</div> <div class="time"> <i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i> <span class="grey"> 2 hours ago </span> </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> <a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i> </a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i> </a> </div> </div> </div> </div> </div> <div class="itemdiv memberdiv"> <div class="inline pos-rel"> <div class="user"> <a href="#"> </a> </div> <div class="body"> <div class="name"> </div> </div> <div class="popover"> <div class="arrow"></div> <div class="popover-content"> <div class="bolder">Accounting</div> <div class="time"> <i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i> <span class="grey"> 4 hours ago </span> </div> <div class="hr dotted hr-8"></div> <div class="tools action-buttons"> </div> </div> </div> </div> </div> </div> <!-- /section:pages/profile.friends --> <div class="hr hr10 hr-double"></div> <ul class="pager pull-right"> <li class="previous disabled"> <a href="#">← Prev</a> </li> <li class="next"> <a href="#">Next →</a> </li> </ul> </div><!-- /#friends --> <div id="pictures" class="tab-pane"> <ul class="ace-thumbnails"> <li> <div class="tools tools-bottom"> </div> </li> <li> <div class="tools tools-bottom"> <a href="#"> <i class="ace-icon fa fa-link"></i> </a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i> </a> <a href="#"> <i class="ace-icon fa fa-pencil"></i> </a> <a href="#"> <i class="ace-icon fa fa-times red"></i> </a> </div> </li> <li> <a href="#" data-rel="colorbox"> <div class="text"> <div class="inner">Sample Caption on Hover</div> </div> </a> <div class="tools tools-bottom"> <a href="#"> <i class="ace-icon fa fa-link"></i> </a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i> </a> <a href="#"> <i class="ace-icon fa fa-pencil"></i> </a> <a href="#"> <i class="ace-icon fa fa-times red"></i> </a> </div> </li> <li> <a href="#" data-rel="colorbox"> <div class="text"> <div class="inner">Sample Caption on Hover</div> </div> </a> <div class="tools tools-bottom"> <a href="#"> <i class="ace-icon fa fa-link"></i> </a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i> </a> <a href="#"> <i class="ace-icon fa fa-pencil"></i> </a> <a href="#"> <i class="ace-icon fa fa-times red"></i> </a> </div> </li> <li> <a href="#" data-rel="colorbox"> <img alt="150x150" src="../assets/images/gallery/thumb-5.jpg" /> <div class="text"> </div> </a> <div class="tools tools-bottom"> <a href="#"> <i class="ace-icon fa fa-link"></i> </a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i> </a> <a href="#"> <i class="ace-icon fa fa-pencil"></i> </a> <a href="#"> <i class="ace-icon fa fa-times red"></i> </a> </div> </li> <li> <a href="#" data-rel="colorbox"> <div class="text"> <div class="inner">Sample Caption on Hover</div> </div> </a> <div class="tools tools-bottom"> <a href="#"> <i class="ace-icon fa fa-link"></i> </a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i> </a> <a href="#"> <i class="ace-icon fa fa-pencil"></i> </a> <a href="#"> <i class="ace-icon fa fa-times red"></i> </a> </div> </li> <li> <a href="#" data-rel="colorbox"> <div class="text"> <div class="inner">Sample Caption on Hover</div> </div> </a> <div class="tools tools-bottom"> <a href="#"> <i class="ace-icon fa fa-link"></i> </a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i> </a> <a href="#"> <i class="ace-icon fa fa-pencil"></i> </a> <a href="#"> <i class="ace-icon fa fa-times red"></i> </a> </div> </li> <li> <a href="#" data-rel="colorbox"> <img alt="150x150" src="../assets/images/gallery/thumb-2.jpg" /> <div class="text"> <div class="inner">Sample Caption on Hover</div> </div> </a> <div class="tools tools-bottom"> <a href="#"> <i class="ace-icon fa fa-link"></i> </a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i> </a> <a href="#"> <i class="ace-icon fa fa-pencil"></i> </a> <a href="#"> <i class="ace-icon fa fa-times red"></i> </a> </div> </li> </ul> </div><!-- /#pictures --> </div> </div> </div> </div> </body> </html>