200 lines
8.7 KiB
PHP
200 lines
8.7 KiB
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>TEAM</title>
|
|
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.css" />
|
|
<link rel="stylesheet" type="text/css" href="asset/css/style.css" />
|
|
<link rel="stylesheet" type="text/css" href="asset/css/style2.css" />
|
|
<link rel="stylesheet" type="text/css" href="asset/css/stylesheet.css" />
|
|
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
|
|
<script type="text/javascript" src="asset/js/bootstrap.js"></script>
|
|
<script type="text/javascript" src="asset/js/script.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$(".btn").click(function(){
|
|
$("#myModal").modal('show');
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!--nav-->
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="home.php" style="height:50px;padding:2px 15px;font-family:Modern;"><img src="asset/image/pic_0000_Group-1-copy.png" height="100%"/> Socmed Campus</a>
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<div class="cari" style="margin-left:500px">
|
|
<form class="navbar-form navbar-left" role="search">
|
|
<div class="form-group">
|
|
<input type="text" size="30" id="search" style="width:320px;" class="form-control" placeholder="Search" onkeyup="lookup(this.value);">
|
|
</div>
|
|
<div id="suggestions"></div>
|
|
</form>
|
|
</div>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="home.php"><img src="asset/image/home.png" width="20px" title="Home"></a></li>
|
|
<li><a href="<?php base_url ?>profile.php?id=<?php echo $_SESSION['username'] ?>"><img src="asset/image/profile.png" width="20px" title="Profile"></a></li>
|
|
<li><a href="community.php" id="com"><img src="asset/image/community.png" width="20px" title="Community"></a></li>
|
|
<li><a href="<?php base_url ?>home.php?action=logout" id="com"><img src="asset/image/logout.png" title="Logout" width="20px"></a></li>
|
|
</li>
|
|
</ul>
|
|
</div><!-- /.navbar-collapse -->
|
|
</div><!-- /.container-fluid -->
|
|
</nav>
|
|
|
|
<!--content-->
|
|
<div class="rows">
|
|
<div class="container">
|
|
<div class="col-lg-3">
|
|
<div class="box_group">
|
|
<!-- Button trigger modal -->
|
|
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
|
|
<div class="box_img1">LAB</div>
|
|
</button>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="myModalLabel">LAB</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Laboratorium yang ada di Telkom University</p>
|
|
<hr />
|
|
<p>List : </br>
|
|
<?php while ($row = mysql_fetch_assoc($data)) { ?>
|
|
<?php if ($row['type']== 'Lab' ) { ?>
|
|
<a href="community.php?id=<?php echo $row['id'] ?>"> <img src="<?php echo $row['photo']?>" alt="..." class="img-circle"title="<?php echo $row['id'] ?>"></a>
|
|
<?php } ?>
|
|
<?php } ?>
|
|
</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box_group">
|
|
<!-- Button trigger modal -->
|
|
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal1">
|
|
<div class="box_img2">Organisasi</div>
|
|
</button>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="myModalLabel">Organisasi</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Organisasi yang ada di Telkom University</p>
|
|
<hr />
|
|
<p>List : </br>
|
|
<?php while ($row = mysql_fetch_assoc($data)) { ?>
|
|
<?php if ($row['type']== 'Organisasi' ) { ?>
|
|
<a href="profile.php?id=<?php echo $row['id'] ?>"> <img src="<?php echo $row['photo']?>" alt="..." class="img-circle"title="<?php echo $row['id'] ?>"></a>
|
|
<?php } ?>
|
|
<?php } ?>
|
|
</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box_group">
|
|
<!-- Button trigger modal -->
|
|
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
|
|
<div class="box_img3">UKM</div>
|
|
</button>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="myModalLabel">UKM</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>UKM yang ada di Telkom University</p>
|
|
<hr />
|
|
<p>List : </br>
|
|
<?php while ($row = mysql_fetch_assoc($data)) { ?>
|
|
<?php if ($row['type']== 'UKM' ) { ?>
|
|
<a href="profile.php?id=<?php echo $row['id'] ?>"> <img src="<?php echo $row['photo']?>" alt="..." class="img-circle"title="<?php echo $row['id'] ?>"></a>
|
|
<?php } ?>
|
|
<?php } ?>
|
|
</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box_group">
|
|
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
|
|
<div class="box_img4">COM</div>
|
|
</button>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="myModalLabel">Committee</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Kepanitian yang ada di Telkom University</p>
|
|
<hr />
|
|
<p>member: </p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--footer-->
|
|
</br></br></br>
|
|
<div id="footer" style="background-color:#222;color:#fff;padding:10px;box-sizing:border-box;">
|
|
<div class="container">
|
|
<p class="text-muted">copyright by IFTeam</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|