uplon admin - bootstrapt 4 响应式后台管理模板

<?php require 'includes/header_start.php'; ?> <?php require 'includes/header_end.php'; ?> <!-- ============================================================== --> <!-- Start right Content here --> <!-- ============================================================== --> <div class="content-page"> <!-- Start content --> <div class="content"> <div class="container-fluid"> <div class="row"> <div class="col-xl-12"> <div class="page-title-box"> <h4 class="page-title float-left">Material Design Icons</h4> <ol class="breadcrumb float-right"> <li class="breadcrumb-item"><a href="#">Uplon</a></li> <li class="breadcrumb-item"><a href="#">Icons</a></li> <li class="breadcrumb-item active">Material Design Icons</li> </ol> <div class="clearfix"></div> </div> </div> </div> <!-- end row --> <div class="row"> <div class="col-lg-12"> <div class="card-box"> <section class="icon-list-demo"> <h4 class="page-header mt-0">33 New Icons in 2.2</h4> <div class="row"> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-group"></i> <span>group</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-rss"></i> <span>rss</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-shape"></i> <span>shape</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-spinner"></i> <span>spinner</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-ungroup"></i> <span>ungroup</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-500px"></i> <span>500px</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-8tracks"></i> <span>8tracks</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-amazon"></i> <span>amazon</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-blogger"></i> <span>blogger</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-delicious"></i> <span>delicious</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-disqus"></i> <span>disqus</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-flattr"></i> <span>flattr</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-flickr"></i> <span>flickr</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-github-alt"></i> <span>github-alt</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-google-old"></i> <span>google-old</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-linkedin"></i> <span>linkedin</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-odnoklassniki"></i> <span>odnoklassniki</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-outlook"></i> <span>outlook</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-paypal-alt"></i> <span>paypal-alt</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-pinterest"></i> <span>pinterest</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-playstation"></i> <span>playstation</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-reddit"></i> <span>reddit</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-skype"></i> <span>skype</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-slideshare"></i> <span>slideshare</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-soundcloud"></i> <span>soundcloud</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-tumblr"></i> <span>tumblr</span> </div> <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12"> <i class="zmdi zmdi-twitch"></i> <span>twitch</span>