1 Star 0 Fork 0

nygula / superadmin2

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
contacts.html 52.42 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
nygula 提交于 2021-01-06 17:35 . 2.1.2
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Vendor styles -->
<link rel="stylesheet" href="vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="vendors/bower_components/animate.css/animate.min.css">
<link rel="stylesheet" href="vendors/bower_components/jquery.scrollbar/jquery.scrollbar.css">
<!-- App styles -->
<link rel="stylesheet" href="css/app.min.css">
</head>
<body data-sa-theme="1">
<main class="main">
<div class="page-loader">
<div class="page-loader__spinner">
<svg viewBox="25 25 50 50">
<circle cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
</svg>
</div>
</div>
<header class="header">
<div class="navigation-trigger hidden-xl-up" data-sa-action="aside-open" data-sa-target=".sidebar">
<i class="zmdi zmdi-menu"></i>
</div>
<div class="logo hidden-sm-down">
<h1><a href="index.html">Super Admin 2.0</a></h1>
</div>
<form class="search">
<div class="search__inner">
<input type="text" class="search__text" placeholder="Search for people, files, documents...">
<i class="zmdi zmdi-search search__helper" data-sa-action="search-close"></i>
</div>
</form>
<ul class="top-nav">
<li class="hidden-xl-up"><a href="" data-sa-action="search-open"><i class="zmdi zmdi-search"></i></a></li>
<li class="dropdown">
<a href="" data-toggle="dropdown" class="top-nav__notify"><i class="zmdi zmdi-email"></i></a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu--block">
<div class="dropdown-header">
Messages
<div class="actions">
<a href="messages.html" class="actions__item zmdi zmdi-plus"></a>
</div>
</div>
<div class="listview listview--hover">
<a href="" class="listview__item">
<img src="demo/img/profile-pics/1.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">
David Belle <small>12:01 PM</small>
</div>
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/2.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">
Jonathan Morris
<small>02:45 PM</small>
</div>
<p>Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/3.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">
Fredric Mitchell Jr.
<small>08:21 PM</small>
</div>
<p>Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/4.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">
Glenn Jecobs
<small>08:43 PM</small>
</div>
<p>Ut vitae lacus sem ellentesque maximus, nunc sit amet varius dignissim, dui est consectetur neque</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/5.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">
Bill Phillips
<small>11:32 PM</small>
</div>
<p>Proin laoreet commodo eros id faucibus. Donec ligula quam, imperdiet vel ante placerat</p>
</div>
</a>
<a href="" class="view-more">View all messages</a>
</div>
</div>
</li>
<li class="dropdown top-nav__notifications">
<a href="" data-toggle="dropdown" class="top-nav__notify">
<i class="zmdi zmdi-notifications"></i>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu--block">
<div class="dropdown-header">
Notifications
<div class="actions">
<a href="" class="actions__item zmdi zmdi-check-all" data-sa-action="notifications-clear"></a>
</div>
</div>
<div class="listview listview--hover">
<div class="listview__scroll scrollbar-inner">
<a href="" class="listview__item">
<img src="demo/img/profile-pics/1.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">David Belle</div>
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/2.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">Jonathan Morris</div>
<p>Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/3.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">Fredric Mitchell Jr.</div>
<p>Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/4.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">Glenn Jecobs</div>
<p>Ut vitae lacus sem ellentesque maximus, nunc sit amet varius dignissim, dui est consectetur neque</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/5.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">Bill Phillips</div>
<p>Proin laoreet commodo eros id faucibus. Donec ligula quam, imperdiet vel ante placerat</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/1.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">David Belle</div>
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/2.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">Jonathan Morris</div>
<p>Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel</p>
</div>
</a>
<a href="" class="listview__item">
<img src="demo/img/profile-pics/3.jpg" class="listview__img" alt="">
<div class="listview__content">
<div class="listview__heading">Fredric Mitchell Jr.</div>
<p>Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies</p>
</div>
</a>
</div>
<div class="p-1"></div>
</div>
</div>
</li>
<li class="dropdown hidden-xs-down">
<a href="" data-toggle="dropdown"><i class="zmdi zmdi-check-circle"></i></a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu--block" role="menu">
<div class="dropdown-header">Tasks</div>
<div class="listview listview--hover">
<a href="" class="listview__item">
<div class="listview__content">
<div class="listview__heading">HTML5 Validation Report</div>
<div class="progress mt-1">
<div class="progress-bar bg-primary" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</a>
<a href="" class="listview__item">
<div class="listview__content">
<div class="listview__heading">Google Chrome Extension</div>
<div class="progress mt-1">
<div class="progress-bar bg-warning" style="width: 43%" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</a>
<a href="" class="listview__item">
<div class="listview__content">
<div class="listview__heading">Social Intranet Projects</div>
<div class="progress mt-1">
<div class="progress-bar bg-success" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</a>
<a href="" class="listview__item">
<div class="listview__content">
<div class="listview__heading">Bootstrap Admin Template</div>
<div class="progress mt-1">
<div class="progress-bar bg-info" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</a>
<a href="" class="listview__item">
<div class="listview__content">
<div class="listview__heading">Youtube Client App</div>
<div class="progress mt-1">
<div class="progress-bar bg-danger" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</a>
<a href="" class="view-more">View all Tasks</a>
</div>
</div>
</li>
<li class="dropdown hidden-xs-down">
<a href="" data-toggle="dropdown"><i class="zmdi zmdi-apps"></i></a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu--block" role="menu">
<div class="row app-shortcuts">
<a class="col-4 app-shortcuts__item" href="">
<i class="zmdi zmdi-calendar"></i>
<small class="">Calendar</small>
</a>
<a class="col-4 app-shortcuts__item" href="">
<i class="zmdi zmdi-file-text"></i>
<small class="">Files</small>
</a>
<a class="col-4 app-shortcuts__item" href="">
<i class="zmdi zmdi-email"></i>
<small class="">Email</small>
</a>
<a class="col-4 app-shortcuts__item" href="">
<i class="zmdi zmdi-trending-up"></i>
<small class="">Reports</small>
</a>
<a class="col-4 app-shortcuts__item" href="">
<i class="zmdi zmdi-view-headline"></i>
<small class="">News</small>
</a>
<a class="col-4 app-shortcuts__item" href="">
<i class="zmdi zmdi-image"></i>
<small class="">Gallery</small>
</a>
</div>
</div>
</li>
<li class="dropdown hidden-xs-down">
<a href="" data-toggle="dropdown"><i class="zmdi zmdi-more-vert"></i></a>
<div class="dropdown-menu dropdown-menu-right">
<a href="" class="dropdown-item" data-sa-action="fullscreen">Fullscreen</a>
<a href="" class="dropdown-item">Clear Local Storage</a>
<a href="" class="dropdown-item">Settings</a>
</div>
</li>
<li class="hidden-xs-down">
<a href="" class="top-nav__themes" data-sa-action="aside-open" data-sa-target=".themes"><i class="zmdi zmdi-palette"></i></a>
</li>
</ul>
<div class="clock hidden-md-down">
<div class="time">
<span class="time__hours"></span>
<span class="time__min"></span>
<span class="time__sec"></span>
</div>
</div>
</header>
<aside class="sidebar">
<div class="scrollbar-inner">
<div class="user">
<div class="user__info" data-toggle="dropdown">
<img class="user__img" src="demo/img/profile-pics/8.jpg" alt="">
<div>
<div class="user__name">Malinda Hollaway</div>
<div class="user__email">malinda-h@gmail.com</div>
</div>
</div>
<div class="dropdown-menu">
<a class="dropdown-item" href="">View Profile</a>
<a class="dropdown-item" href="">Settings</a>
<a class="dropdown-item" href="">Logout</a>
</div>
</div>
<ul class="navigation">
<li class="@@indexactive"><a href="index.html"><i class="zmdi zmdi-home"></i> Home</a></li>
<li class="navigation__sub @@variantsactive">
<a href=""><i class="zmdi zmdi-view-week"></i> Variants</a>
<ul>
<li class="@@sidebaractive"><a href="hidden-sidebar.html">Hidden Sidebar</a></li>
<li class="@@boxedactive"><a href="boxed-layout.html">Boxed Layout</a></li>
<li class="@@hiddensidebarboxedactive"><a href="hidden-sidebar-boxed-layout.html">Boxed Layout with Hidden Sidebar</a></li>
</ul>
</li>
<li class="@@typeactive"><a href="typography.html"><i class="zmdi zmdi-format-underlined"></i> Typography</a></li>
<li class="@@widgetactive"><a href="widgets.html"><i class="zmdi zmdi-widgets"></i> Widgets</a></li>
<li class="navigation__sub @@tableactive">
<a href=""><i class="zmdi zmdi-view-list"></i> Tables</a>
<ul>
<li class="@@normaltableactive"><a href="html-table.html">HTML Table</a></li>
<li class="@@datatableactive"><a href="data-table.html">Data Table</a></li>
</ul>
</li>
<li class="navigation__sub @@formactive">
<a href=""><i class="zmdi zmdi-collection-text"></i> Forms</a>
<ul>
<li class="@@formelementactive"><a href="form-elements.html">Basic Form Elements</a></li>
<li class="@@formcomponentactive"><a href="form-components.html">Form Components</a></li>
<li class="@@formvalidationactive"><a href="form-validation.html">Form Validation</a></li>
</ul>
</li>
<li class="navigation__sub @@uiactive">
<a href=""><i class="zmdi zmdi-swap-alt"></i> User Interface</a>
<ul>
<li class="@@colorsactive"><a href="colors.html">Colors</a></li>
<li class="@@cssanimationsactive"><a href="css-animations.html">CSS Animations</a></li>
<li class="@@buttonsactive"><a href="buttons.html">Buttons</a></li>
<li class="@@iconsactive"><a href="icons.html">Icons</a></li>
<li class="@@listviewactive"><a href="listview.html">Listview</a></li>
<li class="@@toolbarsactive"><a href="toolbars.html">Toolbars</a></li>
<li class="@@cardsactive"><a href="cards.html">Cards</a></li>
<li class="@@alertactive"><a href="alerts.html">Alerts</a></li>
<li class="@@badgesactive"><a href="badges.html">Badges</a></li>
<li class="@@breadcrumbsactive"><a href="breadcrumbs.html">Bredcrumbs</a></li>
<li class="@@jumbotronactive"><a href="jumbotron.html">Jumbotron</a></li>
<li class="@@navsactive"><a href="navs.html">Navs</a></li>
<li class="@@paginationactive"><a href="pagination.html">Pagination</a></li>
<li class="@@progressactive"><a href="progress.html">Progress</a></li>
</ul>
</li>
<li class="navigation__sub @@componentsactive">
<a href=""><i class="zmdi zmdi-group-work"></i> Javascript Components</a>
<ul class="navigation__sub">
<li class="@@carouselactive"><a href="carousel.html">Carousel</a></li>
<li class="@@collapseactive"><a href="collapse.html">Collapse</a></li>
<li class="@@dropdownsactive"><a href="dropdowns.html">Dropdowns</a></li>
<li class="@@modalsactive"><a href="modals.html">Modals</a></li>
<li class="@@popoveractive"><a href="popover.html">Popover</a></li>
<li class="@@tabsactive"><a href="tabs.html">Tabs</a></li>
<li class="@@tooltipsactive"><a href="tooltips.html">Tooltips</a></li>
<li class="@@notificationsactive"><a href="notifications-alerts.html">Notifications & Alerts</a></li>
<li class="@@treeactive"><a href="treeview.html">Tree View</a></li>
</ul>
</li>
<li class="navigation__sub @@chartsactive">
<a href=""><i class="zmdi zmdi-trending-up"></i> Charts</a>
<ul>
<li class="@@flotchartsactive"><a href="flot-charts.html">Flot</a></li>
<li class="@@otherchartsactive"><a href="other-charts.html">Other Charts</a></li>
</ul>
</li>
<li class="@@calendaractive"><a href="calendar.html"><i class="zmdi zmdi-calendar"></i> Calendar</a></li>
<li class="@@photogalleryactive"><a href="photo-gallery.html"><i class="zmdi zmdi-image"></i> Photo Gallery</a></li>
<li class="navigation__sub navigation__sub--active navigation__sub--toggled">
<a href=""><i class="zmdi zmdi-collection-item"></i> Sample Pages</a>
<ul>
<li class="@@profileactive"><a href="profile-about.html">Profile</a></li>
<li class="@@messagesactive"><a href="messages.html">Messages</a></li>
<li class="navigation__active"><a href="contacts.html">Contacts</a></li>
<li class="@@newcontactsactive"><a href="new-contact.html">New Contact</a></li>
<li class="@@groupsactive"><a href="groups.html">Groups</a></li>
<li class="@@pricingtablesactive"><a href="pricing-tables.html">Pricing Tables</a></li>
<li class="@@invoiceactive"><a href="invoice.html">Invoice</a></li>
<li class="@@todoactive"><a href="todo-lists.html">Todo Lists</a></li>
<li class="@@notesactive"><a href="notes.html">Notes</a></li>
<li class="@@searchresultsactive"><a href="search-results.html">Search Results</a></li>
<li class="@@issuesactive"><a href="issue-tracker.html">Issues Tracker</a></li>
<li class="@@faqactive"><a href="faq.html">FAQ</a></li>
<li class="@@teamactive"><a href="team.html">Team</a></li>
<li class="@@blogactive"><a href="blog.html">Blog</a></li>
<li class="@@blogdetailactive"><a href="blog-detail.html">Blog Detail</a></li>
<li class="@@qaactive"><a href="questions-answers.html">Questions & Answers</a></li>
<li class="@@qadetailactive"><a href="questions-answers-details.html">Questions & Answers Details</a></li>
<li class="@@loginactive"><a href="login.html">Login & SignUp</a></li>
<li class="@@lockscreenactive"><a href="lockscreen.html">Lockscreen</a></li>
<li class="@@lockscreenactive"><a href="404.html">404</a></li>
<li class="@@emptyactive"><a href="empty.html">Empty Page</a></li>
</ul>
</li>
</ul>
</div>
</aside>
<div class="themes">
<div class="scrollbar-inner">
<a href="" class="themes__item active" data-sa-value="1"><img src="img/bg/1.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="2"><img src="img/bg/2.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="3"><img src="img/bg/3.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="4"><img src="img/bg/4.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="5"><img src="img/bg/5.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="6"><img src="img/bg/6.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="7"><img src="img/bg/7.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="8"><img src="img/bg/8.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="9"><img src="img/bg/9.jpg" alt=""></a>
<a href="" class="themes__item" data-sa-value="10"><img src="img/bg/10.jpg" alt=""></a>
</div>
</div>
<section class="content">
<div class="content__inner">
<header class="content__title">
<h1>Contacts</h1>
<div class="actions">
<a href="" class="actions__item zmdi zmdi-trending-up"></a>
<a href="" class="actions__item zmdi zmdi-check-all"></a>
<div class="dropdown actions__item">
<i data-toggle="dropdown" class="zmdi zmdi-more-vert"></i>
<div class="dropdown-menu dropdown-menu-right">
<a href="" class="dropdown-item">Refresh</a>
<a href="" class="dropdown-item">Manage Widgets</a>
<a href="" class="dropdown-item">Settings</a>
</div>
</div>
</div>
</header>
<div class="toolbar">
<nav class="toolbar__nav">
<a class="active" href="">Following</a>
<a href="groups.html">Groups</a>
</nav>
<div class="actions">
<i class="actions__item zmdi zmdi-search" data-sa-action="toolbar-search-open"></i>
<a href="" class="actions__item zmdi zmdi-info-outline hidden-xs-down"></a>
<div class="dropdown actions__item hidden-xs-down">
<i class="zmdi zmdi-more-vert" data-toggle="dropdown"></i>
<div class="dropdown-menu dropdown-menu-right">
<a href="" class="dropdown-item">Refresh</a>
<a href="" class="dropdown-item">Delete</a>
<a href="" class="dropdown-item">Settings</a>
</div>
</div>
</div>
<div class="toolbar__search">
<input type="text" placeholder="Search...">
<i class="toolbar__search__close zmdi zmdi-long-arrow-left" data-sa-action="toolbar-search-close"></i>
</div>
</div>
<div class="contacts row">
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/1.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Cathy Shelton</strong>
<small>cathy.shelton31@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/3.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Marilyn Thomas</strong>
<small>marilyn@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/4.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Dwight Gilbert</strong>
<small>dwight@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/5.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Cody Moreno</strong>
<small>moreno@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/6.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Jamie Freeman</strong>
<small>freeman@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/7.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Charles Spencer</strong>
<small>charles@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/8.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Vickie Reed</strong>
<small>reed@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/9.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Lauren Ruiz</strong>
<small>ruiz@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/10.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Marlene Vasquez</strong>
<small>vasquez@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/11.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Loretta Morrisonz</strong>
<small>morrisonz@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/12.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Yvonne Wood</strong>
<small>wood@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/13.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Denise Franklin</strong>
<small>franklin@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/14.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Joseph Gonzalez</strong>
<small>gonzalez@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/15.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Rick Graham</strong>
<small>graham@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/16.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Alexander Bailey</strong>
<small>bailey@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/1.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Cathy Shelton</strong>
<small>cathy.shelton31@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/2.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Stella Flores</strong>
<small>stella@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/3.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Marilyn Thomas</strong>
<small>marilyn@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/4.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Dwight Gilbert</strong>
<small>dwight@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/5.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Cody Moreno</strong>
<small>moreno@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/6.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Jamie Freeman</strong>
<small>freeman@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/7.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Charles Spencer</strong>
<small>charles@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/8.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Vickie Reed</strong>
<small>reed@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/9.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Lauren Ruiz</strong>
<small>ruiz@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/10.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Marlene Vasquez</strong>
<small>vasquez@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/11.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Loretta Morrisonz</strong>
<small>morrisonz@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/12.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Yvonne Wood</strong>
<small>wood@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-sm-4 col-6">
<div class="contacts__item">
<a href="" class="contacts__img">
<img src="demo/img/contacts/13.jpg" alt="">
</a>
<div class="contacts__info">
<strong>Denise Franklin</strong>
<small>franklin@example.com</small>
</div>
<button class="contacts__btn">Following</button>
</div>
</div>
</div>
<a href="new-contact.html" class="btn btn-light btn--action btn--fixed"><i class="zmdi zmdi-plus"></i></a>
</div>
<footer class="footer hidden-xs-down">
<p>© Super Admin Responsive. All rights reserved.</p>
<ul class="nav footer__nav">
<a class="nav-link" href="">Homepage</a>
<a class="nav-link" href="">Company</a>
<a class="nav-link" href="">Support</a>
<a class="nav-link" href="">News</a>
<a class="nav-link" href="">Contacts</a>
</ul>
</footer>
</section>
</main>
<!-- Older IE warning message -->
<!--[if IE]>
<div class="ie-warning">
<h1>Warning!!</h1>
<p>You are using an outdated version of Internet Explorer, please upgrade to any of the following web browsers to access this website.</p>
<div class="ie-warning__downloads">
<a href="/www.google.com/chrome">
<img src="img/browsers/chrome.png" alt="">
</a>
<a href="https://www.mozilla.org/en-US/firefox/new">
<img src="img/browsers/firefox.png" alt="">
</a>
<a href="/www.opera.com">
<img src="img/browsers/opera.png" alt="">
</a>
<a href="https://support.apple.com/downloads/safari">
<img src="img/browsers/safari.png" alt="">
</a>
<a href="https://www.microsoft.com/en-us/windows/microsoft-edge">
<img src="img/browsers/edge.png" alt="">
</a>
<a href="/windows.microsoft.com/en-us/internet-explorer/download-ie">
<img src="img/browsers/ie.png" alt="">
</a>
</div>
<p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
<!-- Javascript -->
<!-- Vendors -->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="vendors/bower_components/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="vendors/bower_components/jquery.scrollbar/jquery.scrollbar.min.js"></script>
<script src="vendors/bower_components/jquery-scrollLock/jquery-scrollLock.min.js"></script>
<!-- App functions and actions -->
<script src="js/app.min.js"></script>
</body>
</html>
HTML
1
https://gitee.com/nygula/superadmin2.git
git@gitee.com:nygula/superadmin2.git
nygula
superadmin2
superadmin2
master

搜索帮助

14c37bed 8189591 565d56ea 8189591