243 lines
11 KiB
HTML
243 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Ambition-敏捷项目开发管理工具</title>
|
||
<!-- Tell the browser to be responsive to screen width -->
|
||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||
<!-- Font Awesome -->
|
||
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.css">
|
||
<!-- Theme style -->
|
||
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
|
||
<!-- Bootstrap 3.3.5 -->
|
||
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
|
||
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
|
||
page. However, you can choose any other skin. Make sure you
|
||
apply the skin class to the body tag so the changes take effect.
|
||
-->
|
||
<link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">
|
||
<!-- date picker -->
|
||
<link rel="stylesheet" href="../dist/css/datepicker.css">
|
||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
<style>
|
||
.project-enter {
|
||
position: absolute;
|
||
top: 30px;
|
||
right: 17px;
|
||
}
|
||
|
||
hr {
|
||
flex: 1 1 auto;
|
||
width: 90%;
|
||
height: 1px;
|
||
border: 0;
|
||
margin: 32px 0 0 5px;
|
||
background-image: linear-gradient(to right, rgba(0, 0, 0, .50) 0, rgba(0, 0, 0, 0) 100%);
|
||
background-repeat: repeat-x;
|
||
display: block;
|
||
float: left;
|
||
}
|
||
|
||
.content-title {
|
||
width: 7%;
|
||
float: left;
|
||
}
|
||
|
||
.title-wrapper {
|
||
margin-bottom: 30px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="hold-transition skin-green sidebar-mini" style="overflow-x:hidden;">
|
||
<div class="wrapper">
|
||
<!-- Content Wrapper. Contains page content -->
|
||
<div class="content-wrapper" style="margin-left:0px;">
|
||
<section class="content-header">
|
||
<b>Ambition-敏捷项目开发管理工具</b>
|
||
</h1>
|
||
</section>
|
||
<!-- header section -->
|
||
<!-- Content Header (Page header) -->
|
||
<section class="content">
|
||
<div class="row">
|
||
<!-- col -->
|
||
<div class="col-lg-10 col-lg-offset-1 title-wrapper">
|
||
<div class="content-title">
|
||
<h3>项目选择</h3>
|
||
</div>
|
||
<hr>
|
||
</div>
|
||
<!-- col -->
|
||
<div class="col-lg-8 col-lg-offset-2">
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<div class="box box-widget widget-user">
|
||
<!-- Add the bg color to the header using any of the bg-* classes -->
|
||
<div class="widget-user-header bg-yellow">
|
||
<!-- /.widget-user-image -->
|
||
<h3 class="widget-user-username">网吧五连座</h3>
|
||
<h5 class="widget-user-desc">Ruby开发项目</h5>
|
||
<a class="btn btn-default pull-right project-enter" href="../index.html">
|
||
<i class="fa fa-sign-in"></i>
|
||
</a>
|
||
</div>
|
||
<div class="box-footer no-padding">
|
||
<ul class="nav nav-stacked">
|
||
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
|
||
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
|
||
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- /.widget-user -->
|
||
</div>
|
||
<!-- col -->
|
||
<div class="col-lg-4">
|
||
<div class="box box-widget widget-user">
|
||
<!-- Add the bg color to the header using any of the bg-* classes -->
|
||
<div class="widget-user-header bg-aqua">
|
||
<!-- /.widget-user-image -->
|
||
<h3 class="widget-user-username">网吧五连座</h3>
|
||
<h5 class="widget-user-desc">Ruby开发项目</h5>
|
||
<a class="btn btn-default pull-right project-enter" href="../index.html">
|
||
<i class="fa fa-sign-in"></i>进入
|
||
</a>
|
||
</div>
|
||
<div class="box-footer no-padding">
|
||
<ul class="nav nav-stacked">
|
||
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
|
||
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
|
||
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- /.widget-user -->
|
||
</div>
|
||
<!-- col -->
|
||
<div class="col-lg-4">
|
||
<div class="box box-widget widget-user">
|
||
<!-- Add the bg color to the header using any of the bg-* classes -->
|
||
<div class="widget-user-header bg-blue">
|
||
<!-- /.widget-user-image -->
|
||
<h3 class="widget-user-username">网吧五连座</h3>
|
||
<h5 class="widget-user-desc">Ruby开发项目</h5>
|
||
<a class="btn btn-default pull-right project-enter">
|
||
<i class="fa fa-sign-in"></i>进入
|
||
</a>
|
||
</div>
|
||
<div class="box-footer no-padding">
|
||
<ul class="nav nav-stacked">
|
||
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
|
||
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
|
||
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- /.widget-user -->
|
||
</div>
|
||
<!-- col -->
|
||
<div class="col-lg-4">
|
||
<div class="box box-widget widget-user">
|
||
<!-- Add the bg color to the header using any of the bg-* classes -->
|
||
<div class="widget-user-header bg-purple">
|
||
<!-- /.widget-user-image -->
|
||
<h3 class="widget-user-username">网吧五连座</h3>
|
||
<h5 class="widget-user-desc">Ruby开发项目</h5>
|
||
<a class="btn btn-default pull-right project-enter">
|
||
<i class="fa fa-sign-in"></i>进入
|
||
</a>
|
||
</div>
|
||
<div class="box-footer no-padding">
|
||
<ul class="nav nav-stacked">
|
||
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
|
||
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
|
||
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- /.widget-user -->
|
||
</div>
|
||
<div class="col-lg-4" style="height:242px;width:252px;margin-left:15px;background-color:white">
|
||
|
||
<!-- Add the bg color to the header using any of the bg-* classes -->
|
||
|
||
<!-- /.widget-user-image -->
|
||
|
||
<center>
|
||
<i class="fa fa-fw fa-plus-square" style="font-size:45px;display:block;margin-top:30%"></i>
|
||
<button class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal" style="margin-top:10%">
|
||
新建项目
|
||
</button>
|
||
</center>
|
||
<!-- 模态框（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">
|
||
新建项目
|
||
</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<form role="form">
|
||
<div class="box-body">
|
||
<div class="form-group">
|
||
<label for="exampleName">项目名称</label>
|
||
<input type="email" class="form-control" id="exampleName">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="exampleTextarea">项目简介</label>
|
||
<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
|
||
</div>
|
||
</div><!-- /.box-body -->
|
||
</form>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary">
|
||
创建
|
||
</button>
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div><!-- /.modal -->
|
||
</div>
|
||
|
||
<!-- /.widget-user -->
|
||
|
||
<!-- col -->
|
||
</div>
|
||
<!-- row -->
|
||
</div>
|
||
<!-- col -->
|
||
</div>
|
||
<!-- row -->
|
||
</section>
|
||
<!-- content section -->
|
||
</div>
|
||
<!-- content-wrapper -->
|
||
</div>
|
||
<!-- ./wrapper -->
|
||
<center><strong>Copyright © 2016 <a href="#">Lucio Yang</a>.</strong> All rights reserved.</center>
|
||
<!-- jQuery 2.1.4 -->
|
||
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
||
<!-- Bootstrap 3.3.5 -->
|
||
<script src="../bootstrap/js/bootstrap.min.js"></script>
|
||
<!-- AdminLTE App -->
|
||
<script src="../dist/js/app.min.js"></script>
|
||
<!-- AdminLTE for demo purposes -->
|
||
<script src="../dist/js/demo.js"></script>
|
||
</body>
|
||
|
||
</html> |