代码拉取完成,页面将自动刷新
同步操作将从 第五季/theme 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Westilo - Bootstrap Responsive Admin Template</title>
<link type="text/css" rel="stylesheet" href="css/font-awesome.css">
<link type="text/css" rel="stylesheet" href="css/material-design-iconic-font.css">
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="css/animate.css">
<link type="text/css" rel="stylesheet" href="css/layout.css">
<link type="text/css" rel="stylesheet" href="css/components.css">
<link type="text/css" rel="stylesheet" href="css/widgets.css">
<link type="text/css" rel="stylesheet" href="css/plugins.css">
<link type="text/css" rel="stylesheet" href="css/pages.css">
<link type="text/css" rel="stylesheet" href="css/bootstrap-extend.css">
<link type="text/css" rel="stylesheet" href="css/common.css">
<link type="text/css" rel="stylesheet" href="css/responsive.css">
</head>
<body class="leftbar-view">
<!--Topbar Start Here-->
<header class="topbar clearfix">
<!--Top Search Bar Start Here-->
<div class="top-search-bar">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="search-input-addon">
<span class="addon-icon"><i class="zmdi zmdi-search"></i></span>
<input type="text" class="form-control top-search-input" placeholder="Search">
</div>
</div>
</div>
</div>
</div>
<!--Top Search Bar End Here-->
<!--Topbar Left Branding With Logo Start-->
<div class="topbar-left pull-left">
<div class="clearfix">
<ul class="left-branding pull-left clickablemenu ttmenu dark-style menu-color-gradient">
<li><span class="left-toggle-switch"><i class="zmdi zmdi-menu"></i></span></li>
<li>
<div class="logo">
<a href="index.html" title="Admin Template"><img src="images/logo.png" alt="logo"></a>
</div>
</li>
</ul>
<!--Mobile Search and Rightbar Toggle-->
<ul class="branding-right pull-right">
<li><a href="#" class="btn-mobile-search btn-top-search"><i class="zmdi zmdi-search"></i></a></li>
<li><a href="#" class="btn-mobile-bar"><i class="zmdi zmdi-menu"></i></a></li>
</ul>
</div>
</div>
<!--Topbar Left Branding With Logo End-->
<!--Topbar Right Start-->
<div class="topbar-right pull-right">
<div class="clearfix">
<!--Mobile View Leftbar Toggle-->
<ul class="left-bar-switch pull-left">
<li><span class="left-toggle-switch"><i class="zmdi zmdi-menu"></i></span></li>
</ul>
<ul class="pull-right top-right-icons">
<li><a href="#" class="btn-top-search"><i class="zmdi zmdi-search"></i></a></li>
<li class="dropdown apps-dropdown">
<a href="#" class="btn-apps dropdown-toggle" data-toggle="dropdown"><i class="zmdi zmdi-apps"></i></a>
<div class="dropdown-menu">
<ul class="apps-shortcut clearfix">
<li>
<a href="#"><i class="zmdi zmdi-email"></i>
<span class="apps-noty">23</span>
<span class="apps-label">Email</span>
</a>
</li>
<li>
<a href="#"><i class="zmdi zmdi-accounts-alt"></i>
<span class="apps-noty">15</span>
<span class="apps-label">Forum</span>
</a>
</li>
<li>
<a href="#"><i class="zmdi zmdi-file-text"></i>
<span class="apps-label">Note</span>
</a>
</li>
<li>
<a href="#"><i class="zmdi zmdi-chart"></i>
<span class="apps-label">Analytics</span>
</a>
</li>
</ul>
<ul class="more-apps">
<li><a href="#"><i class="zmdi zmdi-camera"></i> Gallery</a></li>
<li><a href="#"><i class="zmdi zmdi-comments"></i> Chat</a></li>
</ul>
</div>
</li>
<li class="dropdown notifications-dropdown">
<a href="#" class="btn-notification dropdown-toggle" data-toggle="dropdown"><span class="noty-bubble">10</span><i class="zmdi zmdi-globe"></i></a>
<div class="dropdown-menu notifications-tabs">
<div>
<ul class="nav material-tabs nav-tabs" role="tablist">
<li class="active"><a href="#message" aria-controls="message" role="tab" data-toggle="tab">Message</a></li>
<li><a href="#notifications" aria-controls="notifications" role="tab" data-toggle="tab">Notifications</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="message">
<div class="message-list-container">
<h4>You have 15 new messages</h4>
<ul class="clearfix">
<li class="clearfix">
<a href="#" class="message-thumb"><img src="images/avatar/robertoortiz.jpg" alt="image">
</a><a href="#" class="message-intro"><span class="message-meta">Robertoortiz </span>Nunc aliquam dolor... <span class="message-time">today at 10:20 pm</span></a>
</li>
<li class="clearfix">
<a href="#" class="message-thumb"><span class="message-letter w_bg_purple">A</span>
</a><a href="#" class="message-intro"><span class="message-meta">Allisongrayce </span>In hac habitasse ... <span class="message-time">today at 8:29 pm</span></a>
</li>
<li class="clearfix">
<a href="#" class="message-thumb"><img src="images/avatar/michael-owens.jpg" alt="image">
</a><a href="#" class="message-intro"><span class="message-meta">Michael </span>Suspendisse ac mauris ... <span class="message-time">yesterday at 12:29 pm</span></a>
</li>
<li class="clearfix">
<a href="#" class="message-thumb"><span class="message-letter w_bg_blue">B</span>
</a><a href="#" class="message-intro"><span class="message-meta">Bobbyjkane </span>Vivamus lacinia facilisis... <span class="message-time">yesterday at 11:48 pm</span></a>
</li>
<li class="clearfix">
<a href="#" class="message-thumb"><img src="images/avatar/bobbyjkane.jpg" alt="image">
</a><a href="#" class="message-intro"><span class="message-meta">Bobbyjkane </span>Donec vel iaculis ... <span class="message-time">1 month ago</span></a>
</li>
<li class="clearfix">
<a href="#" class="message-thumb"><span class="message-letter w_bg_teal">C</span>
</a><a href="#" class="message-intro"><span class="message-meta">Chexee </span> Curabitur eget blandit...<span class="message-time">3 months ago</span></a>
</li>
<li class="clearfix">
<a href="#" class="message-thumb"><img src="images/avatar/coreyweb.jpg" alt="image">
</a><a href="#" class="message-intro"><span class="message-meta">Coreyweb </span>Etiam molestie nulla... <span class="message-time">1 year ago</span></a>
</li>
</ul>
<a class="btn btn-link btn-block btn-view-all" href="#"><span>View All</span></a>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="notifications">
<div class="notification-wrap">
<h4>You have 10 new notifications</h4>
<ul>
<li><a href="#" class="clearfix"><span class="ni w_bg_purple"><i class="fa fa-bullhorn"></i></span><span class="notification-message">Pellentesque semper posuere. <span class="notification-time clearfix">3 Min Ago</span></span></a>
</li>
<li><a href="#" class="clearfix"><span class="ni w_bg_orange"><i class="fa fa-life-ring"></i></span><span class="notification-message">Nulla commodo sem at purus. <span class="notification-time clearfix">1 Hours Ago</span></span></a>
</li>
<li><a href="#" class="clearfix"><span class="ni w_bg_red"><i class="fa fa-star-o"></i></span><span class="notification-message">Fusce condimentum turpis. <span class="notification-time clearfix">3 Hours Ago</span></span></a>
</li>
<li><a href="#" class="clearfix"><span class="ni w_bg_light_blue"><i class="fa fa-trophy"></i></span><span class="notification-message">Pellentesque habitant morbi. <span class="notification-time clearfix">Yesterday</span></span></a>
</li>
<li><a href="#" class="clearfix"><span class="ni w_bg_cyan"><i class="fa fa-bolt"></i></span><span class="notification-message">Fusce bibendum lacus mauris.<span class="notification-time clearfix">1 Month Ago</span></span></a>
</li>
<li><a href="#" class="clearfix"><span class="ni w_bg_yellow"><i class="fa fa-bookmark-o"></i></span><span class="notification-message">Donec id mi placerat, scelerisque.<span class="notification-time clearfix">3 Months Ago</span></span></a>
</li>
</ul>
<a class="btn btn-link btn-block btn-view-all clearfix" href="#"><span>View All</span></a>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href="#" class="right-toggle-switch"><i class="zmdi zmdi-format-align-left"></i><span class="more-noty"></span></a></li>
</ul>
</div>
</div>
<!--Topbar Right End-->
</header>
<!--Topbar End Here-->
<!--Leftbar Start Here-->
<aside class="leftbar">
<div class="left-aside-container">
<div class="user-profile-container">
<div class="user-profile clearfix">
<div class="admin-user-thumb">
<img src="images/avatar/jaman_01.jpg" alt="admin">
</div>
<div class="admin-user-info">
<ul>
<li><a href="#">Kamrujaman Shohel</a></li>
<li><a href="#">Info@jaman.me</a></li>
</ul>
</div>
</div>
<div class="admin-bar">
<ul>
<li><a href="#"><i class="zmdi zmdi-power"></i>
</a>
</li>
<li><a href="#"><i class="zmdi zmdi-account"></i>
</a>
</li>
<li><a href="#"><i class="zmdi zmdi-key"></i>
</a>
</li>
<li><a href="#"><i class="zmdi zmdi-settings"></i>
</a>
</li>
</ul>
</div>
</div>
<ul class="list-accordion tree-style">
<li class="list-title">Layouts</li>
<li>
<a href="#"><i class="zmdi zmdi-view-dashboard"></i><span class="list-label">Layouts Variations</span></a>
<ul>
<li><a href="boxed-layout.html">Boxed Layout</a></li>
<li><a href="iconic-view.html">Iconic Leftbar</a></li>
<li><a href="material-style-leftbar.html">Material Styled Leftbar</a></li>
<li><a href="tile-leftbar.html">Tile Leftbar</a></li>
<li><a href="with-language-bar.html">With Language Bar</a></li>
<li><a href="top-user-thumb.html">Topbar User Thumb</a></li>
<li><a href="tabby-leftbar.html">Tabby Leftbar</a></li>
<li><a href="notification-rightbar.html">Only Notifications Rightbar</a></li>
<li><a href="without-rightbar.html">Without Rightbar</a></li>
<li><a href="activities-rightbar.html">Activities Rightbar</a></li>
</ul>
</li>
<li class="list-title">Forms</li>
<li>
<a href="#"><i class="zmdi zmdi-view-web"></i><span class="list-label">From Elements</span></a>
<ul>
<li><a href="form-all-elements.html">All Form Elements</a></li>
<li><a href="form-basic-elements.html">Basic Form Elements</a></li>
<li><a href="form-material-elements.html">Material Form Elements</a></li>
<li><a href="form-icons-label.html">All Icons Labels</a></li>
<li><a href="form-clone-element.html">Clone Form ELements </a></li>
<li><a href="form-autocomplete.html">Autocomplete </a></li>
<li><a href="form-currency-format.html">Currency Format</a></li>
<li><a href="form-success-state.html">Form Success State </a></li>
<li><a href="form-error-state.html">Form Error State </a></li>
<li><a href="form-disable-state.html">Form Disable State </a></li>
<li><a href="form-grid.html">Form Grid </a></li>
<li><a href="form-tooltips.html">Form Tooltips </a></li>
<li><a href="tags-input.html">Tags Input</a></li>
<li><a href="input-mask.html">Input Mask </a></li>
<li><a href="select2.html">Select2</a></li>
<li><a href="file-styles.html">File Styles</a></li>
<li><a href="spinner.html">Spinner</a></li>
<li><a href="icheck.html">iCheck</a></li>
<li><a href="form-ui-datepicker.html">UI Datepickers</a></li>
<li><a href="form-timepicker.html">UI Timepickers</a></li>
<li><a href="form-spectrum-colorpickers.html">Spectrum Colorpickers</a></li>
<li><a href="date-pickers.html">Bootstrap Datepickers</a></li>
<li><a href="color-pickers.html">Bootstrap & jqColorPickers</a></li>
</ul>
</li>
<li>
<a href="#"><i class="zmdi zmdi-check"></i><span class="list-label">From Validations</span></a>
<ul>
<li><a href="form-validation.html">Form Validation</a></li>
<li><a href="form-booking.html">Booking Form</a></li>
<li><a href="form-call-me.html">Call Me Form </a></li>
<li><a href="form-call-me-captcha.html">Call Me Cptacha Form </a></li>
<li><a href="form-checkout.html">Checkout Form </a></li>
<li><a href="form-order-check-radio.html">Order Form </a></li>
<li><a href="form-order-field.html">Order Form With Quantity </a></li>
</ul>
</li>
<li>
<a href="#"><i class="zmdi zmdi-swap"></i><span class="list-label">From Wizard</span></a>
<ul>
<li><a href="wizard-default-style.html">Default Style Wizard</a></li>
<li><a href="wizard-tab-style.html">Tab Style Wizard</a></li>
<li><a href="wizard-number-style.html">Number Style Wizard</a></li>
<li><a href="wizard-checkout.html">Checkout Form Wizard</a></li>
</ul>
</li>
<li class="list-title">Tables</li>
<li>
<a href="#"><i class="zmdi zmdi-grid"></i><span class="list-label">Table Styles</span></a>
<ul>
<li><a href="basic-tables.html">Basic Styles</a></li>
<li><a href="foo-tables.html">Responsive FooTables </a></li>
<li><a href="data-tables.html">Data Tables</a></li>
<li><a href="exportable-data-tables.html">Exportable Data Tables</a></li>
</ul>
</li>
<li class="list-title">Charts</li>
<li>
<a href="#"><i class="zmdi zmdi-chart"></i><span class="list-label">Charts & Graphs</span></a>
<ul>
<li><a href="chart-flot.html">Flot Chart</a></li>
<li><a href="chart-sparkline.html">Sparkline Chart</a></li>
<li><a href="chart-js.html">Chart Js</a></li>
<li><a href="chart-nvd3.html">nvd3.js</a></li>
</ul>
</li>
<li class="list-title">Ui Kits</li>
<li>
<a href="#"><i class="zmdi zmdi-apps"></i><span class="list-label">Ui Elements</span></a>
<ul>
<li><a href="header.html">Page Header</a></li>
<li><a href="buttons-icons.html">Buttons & Icons</a></li>
<li><a href="noty.html">Noty</a></li>
<li><a href="bootbox.html">Bootbox</a></li>
<li><a href="sweet-alerts.html">SweetAlert</a></li>
<li><a href="no-ui-slider.html">NoUI Slider</a></li>
<li><a href="on-off-switch.html">On/Off Switch</a></li>
</ul>
</li>
<li><a href="ui-widgets.html"><i class="zmdi zmdi-widgets"></i><span class="list-label">Ui Widgtes</span></a></li>
<li><a href="calendar.html"><i class="zmdi zmdi-calendar-alt"></i><span class="list-label">Calendar</span></a></li>
<li><a href="typography.html"><i class="zmdi zmdi-format-size"></i><span class="list-label">Typography</span></a></li>
<li><a href="grid.html"><i class="zmdi zmdi-border-all"></i><span class="list-label">Grid</span></a></li>
<li class="list-title">Pages</li>
<li>
<a href="#"><i class="zmdi zmdi-view-dashboard"></i><span class="list-label">Extra Pages</span></a>
<ul>
<li><a href="login.html">Login</a></li>
<li><a href="login-boxed.html">Boxy Login</a></li>
<li><a href="login-social.html">Social Login</a></li>
<li><a href="404-error.html">404 Error Page</a></li>
</ul>
</li>
</ul>
</div>
</aside>
<!--Leftbar End Here-->
<!--Page Container Start Here-->
<section class="main-container">
<div class="container-fluid">
<div class="page-header filled full-block light">
<div class="row">
<div class="col-md-6">
<h2>Basic Form Elements</h2>
<p>All basic form elements</p>
</div>
<div class="col-md-6">
<ul class="list-page-breadcrumb">
<li><a href="#">Home <i class="zmdi zmdi-chevron-right"></i></a></li>
<li><a href="#">Forms <i class="zmdi zmdi-chevron-right"></i></a></li>
<li class="active-page"> Form Elements</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="widget-wrap">
<div class="widget-header block-header margin-bottom-0 clearfix">
<div class="pull-left">
<h3>Form elements</h3>
<p>All example of basic form elements</p>
</div>
<div class="pull-right w-action">
<ul class="widget-action-bar">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="zmdi zmdi-more"></i></a>
<ul class="dropdown-menu">
<li class="widget-reload"><a href="#"><i class="zmdi zmdi-refresh-alt"></i></a></li>
<li class="widget-toggle"><a href="#"><i class="zmdi zmdi-chevron-down"></i></a></li>
<li class="widget-fullscreen"><a href="#"><i class="zmdi zmdi-fullscreen"></i></a></li>
<li class="widget-exit"><a href="#"><i class="zmdi zmdi-power"></i></a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="widget-container">
<div class="widget-content">
<div class="row">
<div class="col-md-6">
<form class="form-horizontal">
<div class="form-group">
<label class="col-md-4 control-label">Text Input</label>
<div class=" col-md-8">
<input type="text" class="form-control" placeholder="Enter text">
<p class="input-instruction">
<i class="fa fa-question-circle"></i> Input Instruction
</p>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Disable Input</label>
<div class="col-md-8">
<input type="text" placeholder="Disabled Input" class="form-control" disabled="disabled">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Password</label>
<div class="col-md-8">
<input type="password" value="password" class="form-control" placeholder="Password">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Select Box</label>
<div class="col-md-8">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Multiple Select</label>
<div class="col-md-8">
<select class="form-control" multiple="multiple">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">File</label>
<div class="col-md-8">
<input type="file" id="file" name="file">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Checkbox</label>
<div class="col-md-8">
<div class="checkbox">
<label>
<input type="checkbox" value=""> Option one is this and that—be sure to include why it's great </label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Radio</label>
<div class="col-md-8">
<div class="radio">
<label>
<input type="radio" name="optionsRadios" value="option1" checked> Option one is this and that—be sure to include why it's great </label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" value="option2" checked> Option one is this and that—be sure to include why it's great </label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Inline Checkbox</label>
<div class="col-md-8">
<label class="checkbox-inline">
<input type="checkbox" value="option1"> 1 </label>
<label class="checkbox-inline">
<input type="checkbox" value="option2"> 2 </label>
<label class="checkbox-inline">
<input type="checkbox" value="option3"> 3 </label>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label"> </label>
<div class="col-md-8">
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-default">Cancel</button>
</div>
</div>
</div>
</form>
</div>
<div class="col-md-6">
<pre class="code language-html">
<form class="form-horizontal">
<div class="form-group">
<label class="col-md-4 control-label">Text Input</label>
<div class=" col-md-8">
<input type="text" class="form-control" placeholder="Enter text">
<p class="input-instruction">
<i class="fa fa-question-circle"></i> Input Instruction
</p>
</div>
</div>
....
<div class="form-group">
<label class="col-md-4 control-label">&nbsp;</label>
<div class="col-md-8">
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-default">Cancel</button>
</div>
</div>
</div>
</form>
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="widget-wrap">
<div class="widget-header margin-bottom-0 block-header clearfix">
<div class="pull-left">
<h3>Section header in form</h3>
<p>Section header with subtitle in widget or form </p>
</div>
<div class="pull-right w-action">
<ul class="widget-action-bar">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="zmdi zmdi-more"></i></a>
<ul class="dropdown-menu">
<li class="widget-reload"><a href="#"><i class="zmdi zmdi-refresh-alt"></i></a></li>
<li class="widget-toggle"><a href="#"><i class="zmdi zmdi-chevron-down"></i></a></li>
<li class="widget-fullscreen"><a href="#"><i class="zmdi zmdi-fullscreen"></i></a></li>
<li class="widget-exit"><a href="#"><i class="zmdi zmdi-power"></i></a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="widget-container">
<div class="widget-content">
<div class="w-section-header">
<h3>Section Heading</h3>
<p>
Quisque at mauris semper sapien varius scelerisque sed quis risus. Nulla rhoncus vel libero at aliquet. Duis id nibh non quam varius accumsan ut ac arcu.
</p>
</div>
<div class="row">
<div class="col-md-6">
<form role="form">
<div class="controls">
<ul class="input-sizing-list">
<li>
<input type="text" placeholder=".input-lg" class="form-control input-lg">
</li>
<li>
<input type="text" placeholder="Default input" class="form-control">
</li>
<li>
<input type="text" placeholder=".input-sm" class="form-control input-sm">
</li>
<li>
<select class="form-control input-lg">
<option value="">.input-lg</option>
</select>
</li>
<li>
<select class="form-control">
<option value="">Default select</option>
</select>
</li>
<li>
<select class="form-control input-sm">
<option value="">.input-sm</option>
</select>
</li>
</ul>
</div>
</form>
</div>
<div class="col-md-6">
<pre class="code language-html">
<input type="text" placeholder=".input-lg" class="form-control input-lg">
<input type="text" placeholder="Default input" class="form-control">
<input type="text" placeholder=".input-sm" class="form-control input-sm">
<select class="form-control input-lg">
...
</select>
<select class="form-control">
...
</select>
<select class="form-control input-sm">
...
</select>
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="widget-wrap">
<div class="widget-header block-header">
<h3>Input Grid</h3>
<p>
Form elements in grid
</p>
</div>
<div class="widget-container">
<div class="widget-content">
<div class="row">
<div class="col-md-6">
<form>
<div class="form-group">
<div class="row">
<div class="col-xs-12">
<input type="text" placeholder=".col-xs-12" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-2">
<input type="text" placeholder=".col-xs-2" class="form-control">
</div>
<div class="col-xs-10">
<input type="text" placeholder=".col-xs-10" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-3">
<input type="text" placeholder=".col-xs-3" class="form-control">
</div>
<div class="col-xs-9">
<input type="text" placeholder=".col-xs-9" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-4">
<input type="text" placeholder=".col-xs-4" class="form-control">
</div>
<div class="col-xs-8">
<input type="text" placeholder=".col-xs-8" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-5">
<input type="text" placeholder=".col-xs-5" class="form-control">
</div>
<div class="col-xs-7">
<input type="text" placeholder=".col-xs-7" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-6">
<input type="text" placeholder=".col-xs-6" class="form-control">
</div>
<div class="col-xs-6">
<input type="text" placeholder=".col-xs-6" class="form-control">
</div>
</div>
</div>
</form>
</div>
<div class="col-md-6">
<pre class="code language-html">
<form>
<div class="form-group">
<div class="row">
<div class="col-xs-12">
<input type="text" placeholder=".col-xs-12" class="form-control">
</div>
</div>
</div>
</form>
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="widget-wrap">
<div class="widget-header block-header">
<h3>Form Addon</h3>
<p>
Form Elements With Addon
</p>
</div>
<div class="widget-container">
<div class="widget-content">
<form class="form-horizontal">
<div class="form-group">
<label class=" col-md-5 control-label">Left side input addon</label>
<div class=" col-md-7">
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Right side input addon</label>
<div class=" col-md-7">
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-addon">.00</span>
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Both side input addon</label>
<div class=" col-md-7">
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control">
<span class="input-group-addon">.00</span>
</div>
</div>
</div>
</form>
<form class="form-horizontal">
<div class="form-group">
<label class=" col-md-5 control-label">Large input addon</label>
<div class=" col-md-7">
<div class="input-group input-group-lg">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Small input addon</label>
<div class=" col-md-7">
<div class="input-group input-group-sm">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
</div>
</form>
<form class="form-horizontal">
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<span class="input-group-addon">
<input type="checkbox">
</span>
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<span class="input-group-addon">
<input type="radio">
</span>
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div>
</div>
</div>
</form>
<form class="form-horizontal">
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a>
</li>
<li><a href="#">Another action</a>
</li>
<li><a href="#">Something else here</a>
</li>
<li class="divider"></li>
<li><a href="#">Separated link</a>
</li>
</ul>
</div>
<!-- /btn-group -->
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<input type="text" class="form-control">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Action</a>
</li>
<li><a href="#">Another action</a>
</li>
<li><a href="#">Something else here</a>
</li>
<li class="divider"></li>
<li><a href="#">Separated link</a>
</li>
</ul>
</div>
<!-- /btn-group -->
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default" tabindex="-1">Action</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a>
</li>
<li><a href="#">Another action</a>
</li>
<li><a href="#">Something else here</a>
</li>
<li class="divider"></li>
<li><a href="#">Separated link</a>
</li>
</ul>
</div>
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input Label</label>
<div class=" col-md-7">
<div class="input-group">
<input type="text" class="form-control">
<div class="input-group-btn">
<button type="button" class="btn btn-default" tabindex="-1">Action</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a href="#">Action</a>
</li>
<li><a href="#">Another action</a>
</li>
<li><a href="#">Something else here</a>
</li>
<li class="divider"></li>
<li><a href="#">Separated link</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="widget-wrap">
<div class="widget-header block-header">
<h3>Form Addon</h3>
<p>
Form Elements With Addon
</p>
</div>
<div class="widget-container">
<div class="widget-content">
<form class="form-horizontal">
<div class="form-group">
<label class=" col-md-5 control-label">Input with icon</label>
<div class=" col-md-7">
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-user"></i></span>
</span>
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input group with icon</label>
<div class=" col-md-7">
<div class="form-group-input">
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-envelope-o"></i></span>
</span>
<input type="text" class="form-control" placeholder="Email">
</div>
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-phone"></i></span>
</span>
<input type="text" class="form-control" placeholder="Phone Number">
</div>
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-fax"></i></span>
</span>
<input type="text" class="form-control" placeholder="Fax">
</div>
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input group</label>
<div class=" col-md-7">
<div class="form-group-input">
<input type="text" class="form-control" placeholder="First Name">
<input type="text" class="form-control" placeholder="Last Name">
<input type="text" class="form-control" placeholder="Address">
<input type="text" class="form-control" placeholder="Email">
<input type="text" class="form-control" placeholder="Url">
</div>
</div>
</div>
<div class="form-group">
<label class=" col-md-5 control-label">Input group right icon</label>
<div class=" col-md-7">
<div class="input-group iconic-input">
<input type="text" class="form-control" placeholder="Topics...">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-search"></i></span>
</span>
</div>
</div>
</div>
</form>
<pre class="code language-html">
<div class="form-group-input">
<div class="input-group iconic-input">
<span class="input-group-addon">
<span class="input-icon"><i class="fa fa-envelope-o"></i></span>
</span>
<input type="text" class="form-control" placeholder="Email">
</div>
</div>
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer Start Here -->
<footer class="footer-container">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="footer-left">
<span>© 2015 <a href="http://themeforest.net/user/westilian">westilian</a></span>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="footer-right">
<span class="footer-meta">Crafted with <i class="fa fa-heart"></i> by <a href="http://themeforest.net/user/westilian">westilian</a></span>
</div>
</div>
</div>
</div>
</footer>
<!--Footer End Here -->
</section>
<!--Page Container End Here-->
<!--Rightbar Start Here-->
<aside class="rightbar">
<div class="rightbar-container">
<div class="aside-chat-box">
<div class="coversation-toolbar">
<div class="chat-back">
<i class="zmdi zmdi-long-arrow-left"></i>
</div>
<div class="active-conversation">
<div class="chat-avatar">
<img src="images/avatar/amarkdalen.jpg" alt="user">
</div>
<div class="chat-user-status">
<ul>
<li>Feeling Blessed</li>
<li>Amarkdalen</li>
</ul>
</div>
</div>
<div class="conversation-action">
<ul>
<li><i class="zmdi zmdi-phone-in-talk"></i></li>
<li class="dropdown">
<a href="#" class="btn-more dropdown-toggle" data-toggle="dropdown"><i class="zmdi zmdi-more-vert"></i></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="zmdi zmdi-attachment-alt"></i>Attach A File</a></li>
<li><a href="#"><i class="zmdi zmdi-mic"></i>Voice</a></li>
<li><a href="#"><i class="zmdi zmdi-block"></i>Block User</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="conversation-container">
<div class="conversation-row even">
<ul class="conversation-list">
<li>
<p>
Hi! this is mike how can I help you?
</p>
</li>
<li>
<p>
Hello Sir!
</p>
</li>
</ul>
</div>
<div class="conversation-row odd">
<ul class="conversation-list">
<li>
<p>
Hi! Mike I need a support my account is suspended but I don't know why?
</p>
</li>
</ul>
</div>
<div class="conversation-row even">
<ul class="conversation-list">
<li>
<p>
Ok Sir! Let me check this issue please wait a min
</p>
</li>
</ul>
</div>
<div class="conversation-row odd">
<ul class="conversation-list">
<li>
<p>
Ok sure :)
</p>
</li>
</ul>
</div>
</div>
<div class="chat-text-input">
<input type="text" class="form-control">
</div>
</div>
<ul class="nav nav-tabs material-tabs rightbar-tab" role="tablist">
<li class="active"><a href="#chat" aria-controls="message" role="tab" data-toggle="tab">Chat</a></li>
<li><a href="#activities" aria-controls="notifications" role="tab" data-toggle="tab">Activities</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="chat">
<div class="chat-user-toolbar clearfix">
<div class="chat-user-search pull-left">
<span class="addon-icon"><i class="zmdi zmdi-search"></i></span>
<input type="text" class="form-control" placeholder="Search">
</div>
<div class="add-chat-list pull-right">
<i class="zmdi zmdi-accounts-add"></i>
</div>
</div>
<div class="chat-user-container">
<h3 class="clearfix"><span class="pull-left">Members</span><span class="pull-right online-counter">3 Online</span></h3>
<ul class="chat-user-list">
<li>
<div data-trigger="hover" title="Robertoortiz" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/robertoortiz.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Admin</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left"><span class="chat-avatar"><img src="images/avatar/robertoortiz.jpg" alt="Avatar"></span><span class="chat-u-info">Adellecharles<cite>New York</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
<li class="chat-u-online">
<div data-trigger="hover" title="Kurafire" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/kurafire.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left"><span class="chat-avatar"><img src="images/avatar/kurafire.jpg" alt="Avatar"></span><span class="chat-u-info">Kurafire<cite>New York</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
<li class="chat-u-away">
<div data-trigger="hover" title="Mikeluby" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/mikeluby.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left">
<span class="chat-avatar"><img src="images/avatar/mikeluby.jpg" alt="Avatar"></span><span class="chat-u-info">Bobbyjkane<cite>London City</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
<li class="chat-u-busy">
<div data-trigger="hover" title="Joostvanderree" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/joostvanderree.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left">
<span class="chat-avatar"><img src="images/avatar/joostvanderree.jpg" alt="Avatar"></span><span class="chat-u-info">Joostvanderree<cite>New York</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
</ul>
<h3 class="clearfix"><span class="pull-left">Guests</span><span class="pull-right online-counter">1 Online</span></h3>
<ul class="chat-user-list">
<li>
<div data-trigger="hover" title="Kevinthompson" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/Kevinthompson.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left">
<span class="chat-avatar"><img src="images/avatar/kevinthompson.jpg" alt="Avatar"></span><span class="chat-u-info">Kevinthompson<cite>Scotland</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
<li class="chat-u-online">
<div data-trigger="hover" title="Mds" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/mds.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left">
<span class="chat-avatar"><img src="images/avatar/mds.jpg" alt="Avatar"></span><span class="chat-u-info">Mds<cite>South West, England</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
<li>
<div data-trigger="hover" title="Mko" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/mko.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left">
<span class="chat-avatar"><img src="images/avatar/mko.jpg" alt="Avatar"></span><span class="chat-u-info">Mko<cite>New York</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
<li>
<div data-trigger="hover" title="Coreyweb" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/coreyweb.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left">
<span class="chat-avatar"><img src="images/avatar/coreyweb.jpg" alt="Avatar"></span><span class="chat-u-info">Coreyweb<cite>Northern Ireland</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
<li>
<div data-trigger="hover" title="Amarkdalen" data-content="<div class='chat-user-info'>
<div class='chat-user-avatar'>
<img src='images/avatar/amarkdalen.jpg' alt='Avatar'>
</div>
<div class='chat-user-details'>
<ul>
<li>Status: <span>Online</span></li>
<li>Type: <span>Moderator</span></li>
<li>Last Login: <span>3 hours Ago</span></li>
<li></li>
</ul>
</div>
</div>
" data-placement="left">
<span class="chat-avatar"><img src="images/avatar/amarkdalen.jpg" alt="Avatar"></span><span class="chat-u-info">Oykun<cite>New York</cite></span>
</div>
<span class="chat-u-status"><i class="fa fa-circle"></i></span>
</li>
</ul>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="activities">
<div class="activities-timeline">
<h3 class="tab-pane-header">Recent Activities</h3>
<ul class="activities-list">
<li>
<div class="activities-badge">
<span class="w_bg_amber"><i class="zmdi zmdi-ticket-star"></i></span>
</div>
<div class="activities-details">
<h3 class="activities-header"><a href="#">Resolved Tickets #LTK7865</a></h3>
<div class="activities-meta">
<i class="fa fa-clock-o"></i> 30 min ago
</div>
</div>
</li>
<li>
<div class="activities-badge">
<span class="w_bg_cyan"><i class="zmdi zmdi-file-plus"></i></span>
</div>
<div class="activities-details">
<h3 class="activities-header"><a href="#">Files Uploaded</a></h3>
<div class="activities-meta">
<i class="fa fa-clock-o"></i> 1 hour ago
</div>
<div class="activities-post">
<ul class="new-file-lists">
<li><a href="#"><i class="fa fa-file-text"></i> change-log.txt</a></li>
<li><a href="#"><i class="fa fa-file-audio-o"></i> skype-conversation.mp3</a></li>
<li><a href="#"><i class="fa fa-file-powerpoint-o"></i> presentation.ppt</a></li>
<li><a href="#"><i class="fa fa-file-video-o"></i> howtouse.avi</a></li>
<li><a href="#"><i class="fa fa-file-image-o"></i> screenshot.jpg</a></li>
<li><a href="#"><i class="fa fa-file-word-o"></i> nda.doc</a></li>
<li><a href="#"><i class="fa fa-file-pdf-o"></i> resume.pdf</a></li>
<li><a href="#"><i class="fa fa-file-archive-o"></i> all-files.zip</a></li>
<li><a href="#"><i class="fa fa-file-excel-o"></i> bill.xls</a></li>
<li><a href="#">+10</a></li>
</ul>
</div>
</div>
</li>
<li>
<div class="activities-badge">
<span class="w_bg_light_blue"><i class="zmdi zmdi-image"></i></span>
</div>
<div class="activities-details">
<h3 class="activities-header"><a href="#">Images Uploaded</a></h3>
<div class="activities-meta">
<i class="fa fa-clock-o"></i> July 22 at 1:12pm
</div>
<div class="activities-post">
<ul class="new-image-lists">
<li><a href="#"><img src="images/img-1-thumb.jpg" alt="image"></a></li>
<li><a href="#"><img src="images/img-2-thumb.jpg" alt="image"></a></li>
<li><a href="#"><img src="images/img-3-thumb.jpg" alt="image"></a></li>
<li><a href="#" class="more-list"><i class="zmdi zmdi-more-horiz"></i></a></li>
</ul>
</div>
</div>
</li>
<li>
<div class="activities-badge">
<span class="w_bg_green"><i class="zmdi zmdi-accounts-alt"></i></span>
</div>
<div class="activities-details">
<h3 class="activities-header"><a href="#">Users Approved</a></h3>
<div class="activities-meta">
<i class="fa fa-clock-o"></i> July 22 at 1:12pm
</div>
<div class="activities-post">
<ul class="new-user-lists">
<li><a href="#"><img src="images/avatar/oykun.jpg" alt="image"></a></li>
<li><a href="#"><img src="images/avatar/mds.jpg" alt="image"></a></li>
<li><a href="#"><img src="images/avatar/robertoortiz.jpg" alt="image"></a></li>
<li><a href="#" class="more-list"><i class="zmdi zmdi-more-horiz"></i></a></li>
</ul>
</div>
</div>
</li>
<li>
<div class="activities-badge">
<span class="w_bg_deep_purple"><i class="zmdi zmdi-file-text"></i></span>
</div>
<div class="activities-details">
<h3 class="activities-header"><a href="#">Post New Article</a></h3>
<div class="activities-meta">
<i class="fa fa-clock-o"></i> July 22 at 1:12pm
</div>
<div class="activities-post">
<ul class="new-post-lists">
<li><a href="#">Man in the Verde Valley</a></li>
<li><a href="#">Sinagua Pueblo Life</a></li>
<li><a href="#">Montezuma Well</a></li>
<li><a href="#">The Natural Scene</a></li>
<li><a href="#">+6</a></li>
</ul>
</div>
</div>
</li>
<li>
<div class="activities-badge">
<span class="w_bg_teal"><i class="zmdi zmdi-comments"></i></span>
</div>
<div class="activities-details">
<h3 class="activities-header"><a href="#">Comments Replied</a></h3>
<div class="activities-meta">
<i class="fa fa-clock-o"></i> July 22 at 1:12pm
</div>
<div class="activities-post">
<ul class="new-comments-lists">
<li><a href="#">As long as you are reasonably careful about where you step and avoid putting ...</a></li>
<li><a href="#">Montezuma Castle is 5 miles north of Camp Verde, 60 miles south...</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</aside>
<!--Rightbar End Here-->
<script src="js/lib/jquery.js"></script>
<script src="js/lib/jquery-migrate.js"></script>
<script src="js/lib/bootstrap.js"></script>
<script src="js/lib/jquery.ui.js"></script>
<script src="js/lib/jRespond.js"></script>
<script src="js/lib/nav.accordion.js"></script>
<script src="js/lib/hover.intent.js"></script>
<script src="js/lib/hammerjs.js"></script>
<script src="js/lib/jquery.hammer.js"></script>
<script src="js/lib/jquery.fitvids.js"></script>
<script src="js/lib/scrollup.js"></script>
<script src="js/lib/smoothscroll.js"></script>
<script src="js/lib/jquery.slimscroll.js"></script>
<script src="js/lib/jquery.syntaxhighlighter.js"></script>
<script src="js/lib/velocity.js"></script>
<script src="js/lib/smart-resize.js"></script>
<!--Forms-->
<script src="js/lib/jquery.maskedinput.js"></script>
<script src="js/lib/jquery.validate.js"></script>
<script src="js/lib/jquery.form.js"></script>
<script src="js/lib/j-forms.js"></script>
<script src="js/lib/jquery.loadmask.js"></script>
<script src="js/apps.js"></script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。