1 Star 0 Fork 1

rain zhao/SimpleAdmin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
extras-contacts.html 43.35 KB
一键复制 编辑 原始数据 按行查看 历史
zhaoyu 提交于 2020-09-18 10:00 +08:00 . init v1.2
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>SimpleAdmin - Responsive Admin Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
<meta content="Coderthemes" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="assets/css/metisMenu.min.css" rel="stylesheet">
<!-- Icons CSS -->
<link href="assets/css/icons.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div id="page-wrapper">
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<div class="">
<a href="index.html" class="logo">
<img src="assets/images/logo.png" alt="logo" class="logo-lg" />
<img src="assets/images/logo_sm.png" alt="logo" class="logo-sm hidden" />
</a>
</div>
</div>
<!-- Top navbar -->
<div class="navbar navbar-default" role="navigation">
<div class="container">
<div class="">
<!-- Mobile menu button -->
<div class="pull-left">
<button type="button" class="button-menu-mobile visible-xs visible-sm">
<i class="fa fa-bars"></i>
</button>
<span class="clearfix"></span>
</div>
<!-- Top nav left menu -->
<ul class="nav navbar-nav hidden-sm hidden-xs top-navbar-items">
<li><a href="#">About</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
</ul>
<!-- Top nav Right menu -->
<ul class="nav navbar-nav navbar-right top-navbar-items-right pull-right">
<li class="hidden-xs">
<form role="search" class="navbar-left app-search pull-left">
<input type="text" placeholder="Search..." class="form-control">
<a href=""><i class="fa fa-search"></i></a>
</form>
</li>
<li class="dropdown top-menu-item-xs">
<a href="#" data-target="#" class="dropdown-toggle menu-right-item" data-toggle="dropdown" aria-expanded="true">
<i class="mdi mdi-bell"></i> <span class="label label-danger">3</span>
</a>
<ul class="dropdown-menu p-0 dropdown-menu-lg">
<!--<li class="notifi-title"><span class="label label-default pull-right">New 3</span>Notification</li>-->
<li class="list-group notification-list" style="height: 267px;">
<div class="slimscroll">
<!-- list item-->
<a href="javascript:void(0);" class="list-group-item">
<div class="media">
<div class="media-left p-r-10">
<em class="fa fa-diamond bg-primary"></em>
</div>
<div class="media-body">
<h5 class="media-heading">A new order has been placed A new order has been placed</h5>
<p class="m-0">
<small>There are new settings available</small>
</p>
</div>
</div>
</a>
<!-- list item-->
<a href="javascript:void(0);" class="list-group-item">
<div class="media">
<div class="media-left p-r-10">
<em class="fa fa-cog bg-warning"></em>
</div>
<div class="media-body">
<h5 class="media-heading">New settings</h5>
<p class="m-0">
<small>There are new settings available</small>
</p>
</div>
</div>
</a>
<!-- list item-->
<a href="javascript:void(0);" class="list-group-item">
<div class="media">
<div class="media-left p-r-10">
<em class="fa fa-bell-o bg-custom"></em>
</div>
<div class="media-body">
<h5 class="media-heading">Updates</h5>
<p class="m-0">
<small>There are <span class="text-primary font-600">2</span> new updates available</small>
</p>
</div>
</div>
</a>
<!-- list item-->
<a href="javascript:void(0);" class="list-group-item">
<div class="media">
<div class="media-left p-r-10">
<em class="fa fa-user-plus bg-danger"></em>
</div>
<div class="media-body">
<h5 class="media-heading">New user registered</h5>
<p class="m-0">
<small>You have 10 unread messages</small>
</p>
</div>
</div>
</a>
<!-- list item-->
<a href="javascript:void(0);" class="list-group-item">
<div class="media">
<div class="media-left p-r-10">
<em class="fa fa-diamond bg-primary"></em>
</div>
<div class="media-body">
<h5 class="media-heading">A new order has been placed A new order has been placed</h5>
<p class="m-0">
<small>There are new settings available</small>
</p>
</div>
</div>
</a>
<!-- list item-->
<a href="javascript:void(0);" class="list-group-item">
<div class="media">
<div class="media-left p-r-10">
<em class="fa fa-cog bg-warning"></em>
</div>
<div class="media-body">
<h5 class="media-heading">New settings</h5>
<p class="m-0">
<small>There are new settings available</small>
</p>
</div>
</div>
</a>
</div>
</li>
<!--<li>-->
<!--<a href="javascript:void(0);" class="list-group-item text-right">-->
<!--<small class="font-600">See all notifications</small>-->
<!--</a>-->
<!--</li>-->
</ul>
</li>
<li class="dropdown top-menu-item-xs">
<a href="" class="dropdown-toggle menu-right-item profile" data-toggle="dropdown" aria-expanded="true"><img src="assets/images/users/avatar-1.jpg" alt="user-img" class="img-circle"> </a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0)"><i class="ti-user m-r-10"></i> Profile</a></li>
<li><a href="javascript:void(0)"><i class="ti-settings m-r-10"></i> Settings</a></li>
<li><a href="javascript:void(0)"><i class="ti-lock m-r-10"></i> Lock screen</a></li>
<li class="divider"></li>
<li><a href="javascript:void(0)"><i class="ti-power-off m-r-10"></i> Logout</a></li>
</ul>
</li>
</ul>
</div>
</div> <!-- end container -->
</div> <!-- end navbar -->
</div>
<!-- Top Bar End -->
<!-- Page content start -->
<div class="page-contentbar">
<!--left navigation start-->
<aside class="sidebar-navigation">
<div class="scrollbar-wrapper">
<div>
<button type="button" class="button-menu-mobile btn-mobile-view visible-xs visible-sm">
<i class="mdi mdi-close"></i>
</button>
<!-- User Detail box -->
<div class="user-details">
<div class="pull-left">
<img src="assets/images/users/avatar-1.jpg" alt="" class="thumb-md img-circle">
</div>
<div class="user-info">
<a href="#">Stanley Jones</a>
<p class="text-muted m-0">Administrator</p>
</div>
</div>
<!--- End User Detail box -->
<!-- Left Menu Start -->
<ul class="metisMenu nav" id="side-menu">
<li><a href="index.html"><i class="ti-home"></i> Dashboard </a></li>
<li><a href="ui-elements.html"><span class="label label-custom pull-right">11</span> <i class="ti-paint-bucket"></i> UI Elements </a></li>
<li>
<a href="javascript: void(0);" aria-expanded="true"><i class="ti-light-bulb"></i> Components <span class="fa arrow"></span></a>
<ul class="nav-second-level nav" aria-expanded="true">
<li><a href="components-range-slider.html">Range Slider</a></li>
<li><a href="components-alerts.html">Alerts</a></li>
<li><a href="components-icons.html">Icons</a></li>
<li><a href="components-widgets.html">Widgets</a></li>
</ul>
</li>
<li><a href="typography.html"><i class="ti-spray"></i> Typography </a></li>
<li>
<a href="javascript: void(0);" aria-expanded="true"><i class="ti-pencil-alt"></i> Forms <span class="fa arrow"></span></a>
<ul class="nav-second-level nav" aria-expanded="true">
<li><a href="forms-general.html">General Elements</a></li>
<li><a href="forms-advanced.html">Advanced Form</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" aria-expanded="true"><i class="ti-menu-alt"></i> Tables <span class="fa arrow"></span></a>
<ul class="nav-second-level nav" aria-expanded="true">
<li><a href="tables-basic.html">Basic tables</a></li>
<li><a href="tables-advanced.html">Advanced tables</a></li>
</ul>
</li>
<li><a href="charts.html"><span class="label label-custom pull-right">5</span> <i class="ti-pie-chart"></i> Charts </a></li>
<li><a href="maps.html"><i class="ti-location-pin"></i> Maps </a></li>
<li>
<a href="javascript: void(0);" aria-expanded="true"><i class="ti-files"></i> Pages <span class="fa arrow"></span></a>
<ul class="nav-second-level nav" aria-expanded="true">
<li><a href="pages-login.html">Login</a></li>
<li><a href="pages-register.html">Register</a></li>
<li><a href="pages-forget-password.html">Forget Password</a></li>
<li><a href="pages-lock-screen.html">Lock-screen</a></li>
<li><a href="pages-blank.html">Blank page</a></li>
<li><a href="pages-404.html">Error 404</a></li>
<li><a href="pages-confirm-mail.html">Confirm Mail</a></li>
<li><a href="pages-session-expired.html">Session Expired</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" aria-expanded="true"><i class="ti-widget"></i> Extra Pages <span class="fa arrow"></span></a>
<ul class="nav-second-level nav" aria-expanded="true">
<li><a href="extras-timeline.html">Timeline</a></li>
<li><a href="extras-invoice.html">Invoice</a></li>
<li><a href="extras-profile.html">Profile</a></li>
<li><a href="extras-calendar.html">Calendar</a></li>
<li><a href="extras-faqs.html">FAQs</a></li>
<li><a href="extras-pricing.html">Pricing</a></li>
<li><a href="extras-contacts.html">Contacts</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" aria-expanded="true"><i class="ti-share"></i> Multi Level <span class="fa arrow"></span></a>
<ul class="nav-second-level nav" aria-expanded="true">
<li><a href="javascript: void(0);">Level 1.1</a></li>
<li><a href="javascript: void(0);" aria-expanded="true">Level 1.2 <span class="fa arrow"></span></a>
<ul class="nav-third-level nav" aria-expanded="true">
<li><a href="javascript: void(0);">Level 2.1</a></li>
<li><a href="javascript: void(0);">Level 2.2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div><!--Scrollbar wrapper-->
</aside>
<!--left navigation end-->
<!-- START PAGE CONTENT -->
<div id="page-right-content">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h4 class="header-title m-t-0 m-b-20">Contacts</h4>
</div>
</div> <!-- end row -->
<div class="row">
<div class="col-md-4">
<div class="text-center card-box">
<div class="dropdown pull-right">
<a href="#" class="dropdown-toggle card-drop" data-toggle="dropdown" aria-expanded="false">
<h3 class="m-0 text-muted"><i class="mdi mdi-dots-horizontal"></i></h3>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Edit</a></li>
<li><a href="#">Delete</a></li>
<li><a href="#">Block</a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="member-card">
<span class="user-badge bg-warning">Founder</span>
<div class="thumb-xl member-thumb m-b-10 center-block">
<img src="assets/images/users/avatar-1.jpg" class="img-circle img-thumbnail" alt="profile-image">
<i class="mdi mdi-information-outline member-star text-success" title="verified user"></i>
</div>
<div class="">
<h4 class="m-b-5">Kendra V. Alfaro</h4>
<p class="text-muted">@CEO <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
</div>
<p class="text-muted font-13">
Hi I'm Johnathn Deo,has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
</p>
<button type="button" class="btn btn-default btn-sm m-t-10">Message</button>
<button type="button" class="btn btn-default btn-sm m-t-10">View Profile</button>
<ul class="social-links list-inline m-t-30">
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Skype"><i class="fa fa-skype"></i></a>
</li>
</ul>
</div>
</div>
</div> <!-- end col -->
<div class="col-md-4">
<div class="text-center card-box">
<div class="dropdown pull-right">
<a href="#" class="dropdown-toggle card-drop" data-toggle="dropdown" aria-expanded="false">
<h3 class="m-0 text-muted"><i class="mdi mdi-dots-horizontal"></i></h3>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Edit</a></li>
<li><a href="#">Delete</a></li>
<li><a href="#">Block</a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="member-card">
<div class="thumb-xl member-thumb m-b-10 center-block">
<img src="assets/images/users/avatar-2.jpg" class="img-circle img-thumbnail" alt="profile-image">
<i class="mdi mdi-information-outline member-star text-muted" title="unverified user"></i>
</div>
<div class="">
<h4 class="m-b-5">Mark A. McKnight</h4>
<p class="text-muted">@Founder <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
</div>
<p class="text-muted font-13">
Hi I'm Johnathn Deo,has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
</p>
<button type="button" class="btn btn-default btn-sm m-t-10">Message</button>
<button type="button" class="btn btn-default btn-sm m-t-10">View Profile</button>
<ul class="social-links list-inline m-t-30">
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Skype"><i class="fa fa-skype"></i></a>
</li>
</ul>
</div>
</div>
</div> <!-- end col -->
<div class="col-md-4">
<div class="text-center card-box">
<div class="dropdown pull-right">
<a href="#" class="dropdown-toggle card-drop" data-toggle="dropdown" aria-expanded="false">
<h3 class="m-0 text-muted"><i class="mdi mdi-dots-horizontal"></i></h3>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Edit</a></li>
<li><a href="#">Delete</a></li>
<li><a href="#">Block</a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="member-card">
<div class="thumb-xl member-thumb m-b-10 center-block">
<img src="assets/images/users/avatar-3.jpg" class="img-circle img-thumbnail" alt="profile-image">
<i class="mdi mdi-information-outline member-star text-success" title="verified user"></i>
</div>
<div class="">
<h4 class="m-b-5">Robert E. Schroth</h4>
<p class="text-muted">@Webdesigner <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
</div>
<p class="text-muted font-13">
Hi I'm Johnathn Deo,has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
</p>
<button type="button" class="btn btn-default btn-sm m-t-10">Message</button>
<button type="button" class="btn btn-default btn-sm m-t-10">View Profile</button>
<ul class="social-links list-inline m-t-30">
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Skype"><i class="fa fa-skype"></i></a>
</li>
</ul>
</div>
</div>
</div> <!-- end col -->
</div>
<!-- end row -->
<div class="row">
<div class="col-md-4">
<div class="text-center card-box">
<div class="dropdown pull-right">
<a href="#" class="dropdown-toggle card-drop" data-toggle="dropdown" aria-expanded="false">
<h3 class="m-0 text-muted"><i class="mdi mdi-dots-horizontal"></i></h3>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Edit</a></li>
<li><a href="#">Delete</a></li>
<li><a href="#">Block</a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="member-card">
<div class="thumb-xl member-thumb m-b-10 center-block">
<img src="assets/images/users/avatar-4.jpg" class="img-circle img-thumbnail" alt="profile-image">
<i class="mdi mdi-information-outline member-star text-muted" title="unverified user"></i>
</div>
<div class="">
<h4 class="m-b-5">Sandra D. Duby</h4>
<p class="text-muted">@Manager <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
</div>
<p class="text-muted font-13">
Hi I'm Johnathn Deo,has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
</p>
<button type="button" class="btn btn-default btn-sm m-t-10">Message</button>
<button type="button" class="btn btn-default btn-sm m-t-10">View Profile</button>
<ul class="social-links list-inline m-t-30">
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Skype"><i class="fa fa-skype"></i></a>
</li>
</ul>
</div>
</div>
</div> <!-- end col -->
<div class="col-md-4">
<div class="text-center card-box">
<div class="dropdown pull-right">
<a href="#" class="dropdown-toggle card-drop" data-toggle="dropdown" aria-expanded="false">
<h3 class="m-0 text-muted"><i class="mdi mdi-dots-horizontal"></i></h3>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Edit</a></li>
<li><a href="#">Delete</a></li>
<li><a href="#">Block</a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="member-card">
<span class="user-badge bg-custom">Co-Founder</span>
<div class="thumb-xl member-thumb m-b-10 center-block">
<img src="assets/images/users/avatar-5.jpg" class="img-circle img-thumbnail" alt="profile-image">
<i class="mdi mdi-information-outline member-star text-success" title="verified user"></i>
</div>
<div class="">
<h4 class="m-b-5">Edmund D. Barton</h4>
<p class="text-muted">@Webdeveloper <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
</div>
<p class="text-muted font-13">
Hi I'm Johnathn Deo,has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
</p>
<button type="button" class="btn btn-default btn-sm m-t-10">Message</button>
<button type="button" class="btn btn-default btn-sm m-t-10">View Profile</button>
<ul class="social-links list-inline m-t-30">
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Skype"><i class="fa fa-skype"></i></a>
</li>
</ul>
</div>
</div>
</div> <!-- end col -->
<div class="col-md-4">
<div class="text-center card-box">
<div class="dropdown pull-right">
<a href="#" class="dropdown-toggle card-drop" data-toggle="dropdown" aria-expanded="false">
<h3 class="m-0 text-muted"><i class="mdi mdi-dots-horizontal"></i></h3>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Edit</a></li>
<li><a href="#">Delete</a></li>
<li><a href="#">Block</a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="member-card">
<div class="thumb-xl member-thumb m-b-10 center-block">
<img src="assets/images/users/avatar-6.jpg" class="img-circle img-thumbnail" alt="profile-image">
<i class="mdi mdi-information-outline member-star text-success" title="verified user"></i>
</div>
<div class="">
<h4 class="m-b-5">Janene C. Cox</h4>
<p class="text-muted">@Product Manager <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
</div>
<p class="text-muted font-13">
Hi I'm Johnathn Deo,has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
</p>
<button type="button" class="btn btn-default btn-sm m-t-10">Message</button>
<button type="button" class="btn btn-default btn-sm m-t-10">View Profile</button>
<ul class="social-links list-inline m-t-30">
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Skype"><i class="fa fa-skype"></i></a>
</li>
</ul>
</div>
</div>
</div> <!-- end col -->
</div>
<!-- end row -->
<div class="row">
<div class="col-sm-12 text-center">
<button class="btn btn-primary btn-rounded btn-lg m-b-30" data-toggle="modal" data-target="#add-contact">Add Contact</button>
</div><!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
<div class="footer">
<div class="pull-right hidden-xs">
Project Completed <strong class="text-custom">39%</strong>.
</div>
<div>
<strong>Simple Admin</strong> - Copyright &copy; 2017
</div>
</div> <!-- end footer -->
</div>
<!-- End #page-right-content -->
</div>
<!-- end .page-contentbar -->
</div>
<!-- End #page-wrapper -->
<!-- sample modal content -->
<div id="add-contact" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="add-contactLabel" 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="add-contactLabel">Add Contact</h4>
</div>
<div class="modal-body">
<form role="form">
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Enter name">
</div>
<div class="form-group">
<label for="position">Position</label>
<input type="text" class="form-control" id="position" placeholder="Enter position">
</div>
<div class="form-group">
<label for="company">Company</label>
<input type="text" class="form-control" id="company" placeholder="Enter company">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default " data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary ">Save</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- js placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery-2.1.4.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<!-- App Js -->
<script src="assets/js/jquery.app.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/byszhao/SimpleAdmin.git
git@gitee.com:byszhao/SimpleAdmin.git
byszhao
SimpleAdmin
SimpleAdmin
master

搜索帮助