`

ACE Minimum HTML Boostrap Template

 
阅读更多 
Good Admin Html Template for Back End Developers





<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title> ADMIN Portal HTML TEMPLATE</title>

		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
		<![endif]-->
		
		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

	
		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="assets/js/html5shiv.min.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default          ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<div class="navbar-header pull-left">
					<a href="index.html" class="navbar-brand">
						<small>
							<i class="fa fa-leaf"></i>
						  ADMIN Portal HTML TEMPLATE
						</small>
					</a>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
									

						<li class="light-blue dropdown-modal">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<span class="user-info">
									<small>Welcome,</small>
									Wilson
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="profile.html">
										<i class="ace-icon fa fa-user"></i>
										Profile
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#">
										<i class="ace-icon fa fa-power-off"></i>
										Logout
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div><!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<div id="sidebar" class="sidebar                  responsive                    ace-save-state">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

			
				<ul class="nav nav-list">
					<li class="">
						<a href="#">
							<i class="menu-icon fa fa-tachometer"></i>
							<span class="menu-text"> Dashboard </span>
						</a>

						<b class="arrow"></b>
					</li>
		
					<li class="active open">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-file-o"></i>

							<span class="menu-text">
								Tab One

								<span class="badge badge-primary">5</span>
							</span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="#">
									<i class="menu-icon fa fa-caret-right"></i>
									Page One
								</a>

								<b class="arrow"></b>
							</li>
						

							<li class="active">
								<a href="#">
									<i class="menu-icon fa fa-caret-right"></i>
									Page Two
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>
					
					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-file-o"></i>

							<span class="menu-text">
								Tab Two
								<span class="badge badge-primary">5</span>
							</span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="#">
									<i class="menu-icon fa fa-caret-right"></i>
									Page Three
								</a>

								<b class="arrow"></b>
							</li>

							

							<li class="">
								<a href="#">
									<i class="menu-icon fa fa-caret-right"></i>
									Page Four
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>
					
				</ul><!-- /.nav-list -->

				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>
			</div>

			<div class="main-content">
				<div class="main-content-inner">
					<div class="breadcrumbs ace-save-state" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="ace-icon fa fa-home home-icon"></i>
								<a href="#">Home</a>
							</li>

							<li>
								<a href="#">Other Pages</a>
							</li>
							<li class="active">Blank Page</li>
						</ul><!-- /.breadcrumb -->
												
						
						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="ace-icon fa fa-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- /.nav-search -->
					</div>

					<div class="page-content">
					
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">XXX</span>
							Application &copy; 2013-2014
						</span>
					</div>
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="assets/js/jquery-2.1.4.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
		<script src="assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->
	</body>
</html>


CSS/JS/Font reference resource
https://github.com/bopoda/ace/tree/master/assets
  • 大小: 16 KB
  • 大小: 39.6 KB
分享到：
row_number() and partition
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ace bootstrap

    Ace Bootstrap 是一个结合了 Ace 编辑器和 Bootstrap 框架的项目，旨在提供一个高效、美观且功能丰富的Web开发工具集。Ace编辑器是一款强大的代码编辑器，广泛用于在线编程环境和代码预览功能；Bootstrap则是最受...

    ace admin template bootstrap 1.2源码版

    Ace Admin Template是一款基于Bootstrap框架的高级后台管理界面模板，它为开发者提供了丰富的界面元素和功能模块，便于快速构建美观且功能强大的Web应用后台。V1.2版本是该模板的一个重要迭代，它在前一版本的基础上...

    bootstrap-ace_tab

    Bootstrap Ace Tab是一个基于Bootstrap和ACE框架的前端页面模板，用于实现管理界面的页签功能。Ace是一个功能丰富的代码编辑器，而Bootstrap则是一个流行的前端开发框架，提供了响应式布局和一系列预先设计的组件。...

    ace-admin bootstrap

    "ace-admin bootstrap"是一个专为后端开发者设计的后台管理模板，它基于流行的前端框架Bootstrap构建，旨在提供一个快速启动后台界面开发的解决方案。Ace是一个功能丰富的、响应式的前端界面库，而Bootstrap则是世界...

    Bootstrap ACE后台管理界面模板(扁平化)

    响应式Bootstrap网站后台管理系统模板ace admin，非常不错的轻量级易用的admin后台管理系统，基于Bootstrap3，拥有强大的功能组件以及UI组件，基本能满足后台管理系统的需求，而且能根据不同设备适配显示，而且还有...

    Ace admin template Bootstrap3 管理后台模板 V1.2

    Ace admin template v1.2 是一个非常漂亮的后台管理模板，也可以把它当成框架，详细的介绍和演示可以到 https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR 这个是购买的V1.2正版，含29个...

    ACE Admin 基于 bootstrap的 后台模板

    ACE Admin 网页模板。...Ace 是一个轻量、功能丰富、HTML5、响应式、支持手机及平板电脑上浏览的管理后台模板，基于CSS框架Bootstrap制作，Bootstrap版本更新至 3.3,4，Ace Responsive Admin Template当前最新版！

    ace admin template 1.3 完整版 bootstrap3.0

    Ace Admin Template 1.3 是一个基于Bootstrap 3.0的高效、强大的后台管理界面模板。这个完整版包含了所有必要的组件和功能，旨在为开发者提供一个快速开发后台系统的起点。Ace Admin以其优雅的设计、响应式的布局和...

    ace admin模版 v1.4 bootstrap 3.3.6

    Bootstrap 3.3.6是Twitter开发的开源前端框架，它简化了网页开发流程，通过预定义的CSS、JavaScript和HTML组件，可以轻松创建响应式布局和移动设备优先的项目。在Bootstrap 3.3.6中，包含了网格系统、表单、按钮、...

    ace_admin_template_v1.4.0 bootstrap响应式后台模版

    Ace Admin Template v1.4.0 是一个基于Bootstrap框架的响应式后台管理模版，它为开发者提供了构建高效、美观且功能丰富的Web应用程序的起点。这个模版以其灵活性、可定制性和广泛的功能集而受到欢迎，尤其适用于企业...

    Bootstrap HTML5 Responsive Templates (Bootstrap模版24种)

    codester-free-responsive-bootstrap-template.zip essentia.zip flatty.zip flat_theme.zip grayscale.zip landing-page.zip legend-by-Dzyngiri.zip link.zip modern-business.zip NiceAdmin.zip onassis.zip ...

    Bootstrap Ace Theme

    - "Ace - Responsive Admin Template 1.3.3.zip"：这个文件很可能是Bootstrap Ace Theme的1.3.3版本，包含了该版本的所有相关文件和文档。 3. 使用方法： - 解压文件：首先解压这两个压缩文件，获取到所有必要的...

    ACE-基于bootstrap的web管理界面源码

    "ACE-基于bootstrap的web管理界面源码"是一个专门设计用于快速构建现代Web管理界面的开源项目。这个框架充分利用了HTML5和Bootstrap前端框架的优势，为开发者提供了丰富的组件和模板，以便于创建功能完备且响应式的...

    Bootstrap Admin Template 基于bootstrap的模板源码

    Bootstrap Admin Template 是一款基于流行的前端框架Bootstrap构建的后台管理界面模板。这个模板设计优雅，功能丰富，适合用于快速开发高效且美观的Web应用程序的后台界面。Bootstrap本身是Twitter推出的一个开源的...

    medialoot-lumino-admin-bootstrap-template

    "Medialoot Lumino Admin Bootstrap Template" 是一个基于Bootstrap框架设计的后台管理界面模板，专为构建高效、美观且响应式的Web应用后台界面而打造。这个模板提供了丰富的UI元素、组件和布局选项，使得开发者能够...

    ace 框架 bootstrap

    Ace框架与Bootstrap是两个在Web开发中常用的工具，它们各自有着独特的优势，并且在某些情况下可以结合使用。本文将深入探讨这两个技术栈的核心概念、功能以及如何将它们整合在一起。 Ace框架，全称Ajax Control ...

    Bootstrap ace代码下载

    其中的`Ace - Responsive Admin Template 1.3.3`可能表示模板的版本号，这意味着在1.3.3版本中，开发者可以获取到最新的特性修复和改进。 总的来说，Bootstrap Ace是一个强大而全面的后台模板，它集成了Bootstrap的...

    基于bootstrap4.0 的后台模板ACE-Pages3.0

    ACE-Pages3.0 是基于Bootstrap 4.0设计的一款后台管理模板，旨在为开发者提供一套高效、美观的界面布局和交互元素，用于创建后台管理系统。 该模板包含了一系列精心设计的页面，如登录、注册、仪表盘、表单、图表、...

    Bootstrap ACE后台管理界面模板-中文.zip_ace 中文_bootstrap_bootstrap 界面_boots

    Bootstrap ACE 是一个基于Bootstrap框架和ACE编辑器设计的后台管理界面模板，专为开发者和设计师提供了一套完整的、中文支持的界面解决方案。这个模板旨在帮助快速构建高效、响应式的Web应用后台界面，使得用户能够...

    ace管理台模板（bootstrap）含说明文档

    Ace管理台模板是一款基于Bootstrap框架构建的高效、易用的后台管理系统模板，它为开发者提供了丰富的界面元素和布局选项，方便快速搭建企业级应用的管理界面。Bootstrap是Twitter推出的一个开源的用于前端开发的工具...

Magicbox
Global site tag (gtag.js) - Google Analytics