You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
999 lines
64 KiB
HTML
999 lines
64 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Typography | Notika - Notika Admin Template</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- favicon
|
|
============================================ -->
|
|
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
|
|
<!-- Google Fonts
|
|
============================================ -->
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
|
|
<!-- Bootstrap CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<!-- font awesome CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/font-awesome.min.css">
|
|
<!-- owl.carousel CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/owl.carousel.css">
|
|
<link rel="stylesheet" href="css/owl.theme.css">
|
|
<link rel="stylesheet" href="css/owl.transitions.css">
|
|
<!-- meanmenu CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/meanmenu/meanmenu.min.css">
|
|
<!-- animate CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/animate.css">
|
|
<!-- normalize CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/normalize.css">
|
|
<!-- wave CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/wave/waves.min.css">
|
|
<link rel="stylesheet" href="css/wave/button.css">
|
|
<!-- mCustomScrollbar CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/scrollbar/jquery.mCustomScrollbar.min.css">
|
|
<!-- jvectormap CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/jvectormap/jquery-jvectormap-2.0.3.css">
|
|
<!-- Notika icon CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/notika-custom-icon.css">
|
|
<!-- main CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<!-- style CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="style.css">
|
|
<!-- responsive CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<!-- modernizr JS
|
|
============================================ -->
|
|
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
<![endif]-->
|
|
<!-- Start Header Top Area -->
|
|
<div class="header-top-area">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="logo-area">
|
|
<a href="#"><img src="img/logo/logo.png" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="header-top-menu">
|
|
<ul class="nav navbar-nav notika-top-nav">
|
|
<li class="nav-item dropdown">
|
|
<a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-search"></i></span></a>
|
|
<div role="menu" class="dropdown-menu search-dd animated flipInX">
|
|
<div class="search-input">
|
|
<i class="notika-icon notika-left-arrow"></i>
|
|
<input type="text" />
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-mail"></i></span></a>
|
|
<div role="menu" class="dropdown-menu message-dd animated zoomIn">
|
|
<div class="hd-mg-tt">
|
|
<h2>Messages</h2>
|
|
</div>
|
|
<div class="hd-message-info">
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/1.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>David Belle</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/2.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Jonathan Morris</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/4.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Fredric Mitchell</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/1.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>David Belle</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/2.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Glenn Jecobs</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="hd-mg-va">
|
|
<a href="#">View All</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item nc-al"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-alarm"></i></span><div class="spinner4 spinner-4"></div><div class="ntd-ctn"><span>3</span></div></a>
|
|
<div role="menu" class="dropdown-menu message-dd notification-dd animated zoomIn">
|
|
<div class="hd-mg-tt">
|
|
<h2>Notification</h2>
|
|
</div>
|
|
<div class="hd-message-info">
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/1.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>David Belle</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/2.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Jonathan Morris</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/4.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Fredric Mitchell</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/1.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>David Belle</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img">
|
|
<img src="img/post/2.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Glenn Jecobs</h3>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="hd-mg-va">
|
|
<a href="#">View All</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-menus"></i></span><div class="spinner4 spinner-4"></div><div class="ntd-ctn"><span>2</span></div></a>
|
|
<div role="menu" class="dropdown-menu message-dd task-dd animated zoomIn">
|
|
<div class="hd-mg-tt">
|
|
<h2>Tasks</h2>
|
|
</div>
|
|
<div class="hd-message-info hd-task-info">
|
|
<div class="skill">
|
|
<div class="progress">
|
|
<div class="lead-content">
|
|
<p>HTML5 Validation Report</p>
|
|
</div>
|
|
<div class="progress-bar wow fadeInLeft" data-progress="95%" style="width: 95%;" data-wow-duration="1.5s" data-wow-delay="1.2s"> <span>95%</span>
|
|
</div>
|
|
</div>
|
|
<div class="progress">
|
|
<div class="lead-content">
|
|
<p>Google Chrome Extension</p>
|
|
</div>
|
|
<div class="progress-bar wow fadeInLeft" data-progress="85%" style="width: 85%;" data-wow-duration="1.5s" data-wow-delay="1.2s"><span>85%</span> </div>
|
|
</div>
|
|
<div class="progress">
|
|
<div class="lead-content">
|
|
<p>Social Internet Projects</p>
|
|
</div>
|
|
<div class="progress-bar wow fadeInLeft" data-progress="93%" style="width: 93%;" data-wow-duration="1.5s" data-wow-delay="1.2s"><span>93%</span> </div>
|
|
</div>
|
|
<div class="progress">
|
|
<div class="lead-content">
|
|
<p>Bootstrap Admin Template</p>
|
|
</div>
|
|
<div class="progress-bar wow fadeInLeft" data-progress="93%" style="width: 93%;" data-wow-duration="1.5s" data-wow-delay="1.2s"><span>93%</span> </div>
|
|
</div>
|
|
<div class="progress progress-bt">
|
|
<div class="lead-content">
|
|
<p>Youtube Client App</p>
|
|
</div>
|
|
<div class="progress-bar wow fadeInLeft" data-progress="93%" style="width: 93%;" data-wow-duration="1.5s" data-wow-delay="1.2s"><span>93%</span> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hd-mg-va">
|
|
<a href="#">View All</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><span><i class="notika-icon notika-chat"></i></span></a>
|
|
<div role="menu" class="dropdown-menu message-dd chat-dd animated zoomIn">
|
|
<div class="hd-mg-tt">
|
|
<h2>Chat</h2>
|
|
</div>
|
|
<div class="search-people">
|
|
<i class="notika-icon notika-left-arrow"></i>
|
|
<input type="text" placeholder="Search People" />
|
|
</div>
|
|
<div class="hd-message-info">
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img chat-img">
|
|
<img src="img/post/1.jpg" alt="" />
|
|
<div class="chat-avaible"><i class="notika-icon notika-dot"></i></div>
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>David Belle</h3>
|
|
<p>Available</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img chat-img">
|
|
<img src="img/post/2.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Jonathan Morris</h3>
|
|
<p>Last seen 3 hours ago</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img chat-img">
|
|
<img src="img/post/4.jpg" alt="" />
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Fredric Mitchell</h3>
|
|
<p>Last seen 2 minutes ago</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img chat-img">
|
|
<img src="img/post/1.jpg" alt="" />
|
|
<div class="chat-avaible"><i class="notika-icon notika-dot"></i></div>
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>David Belle</h3>
|
|
<p>Available</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="hd-message-sn">
|
|
<div class="hd-message-img chat-img">
|
|
<img src="img/post/2.jpg" alt="" />
|
|
<div class="chat-avaible"><i class="notika-icon notika-dot"></i></div>
|
|
</div>
|
|
<div class="hd-mg-ctn">
|
|
<h3>Glenn Jecobs</h3>
|
|
<p>Available</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="hd-mg-va">
|
|
<a href="#">View All</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Header Top Area -->
|
|
<!-- Mobile Menu start -->
|
|
<div class="mobile-menu-area">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="mobile-menu">
|
|
<nav id="dropdown">
|
|
<ul class="mobile-menu-nav">
|
|
<li><a data-toggle="collapse" data-target="#Charts" href="#">Home</a>
|
|
<ul class="collapse dropdown-header-top">
|
|
<li><a href="index.html">Dashboard One</a></li>
|
|
<li><a href="index-2.html">Dashboard Two</a></li>
|
|
<li><a href="index-3.html">Dashboard Three</a></li>
|
|
<li><a href="index-4.html">Dashboard Four</a></li>
|
|
<li><a href="analytics.html">Analytics</a></li>
|
|
<li><a href="widgets.html">Widgets</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a data-toggle="collapse" data-target="#demoevent" href="#">Email</a>
|
|
<ul id="demoevent" class="collapse dropdown-header-top">
|
|
<li><a href="inbox.html">Inbox</a></li>
|
|
<li><a href="view-email.html">View Email</a></li>
|
|
<li><a href="compose-email.html">Compose Email</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a data-toggle="collapse" data-target="#democrou" href="#">Interface</a>
|
|
<ul id="democrou" class="collapse dropdown-header-top">
|
|
<li><a href="animations.html">Animations</a></li>
|
|
<li><a href="google-map.html">Google Map</a></li>
|
|
<li><a href="data-map.html">Data Maps</a></li>
|
|
<li><a href="code-editor.html">Code Editor</a></li>
|
|
<li><a href="image-cropper.html">Images Cropper</a></li>
|
|
<li><a href="wizard.html">Wizard</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a data-toggle="collapse" data-target="#demolibra" href="#">Charts</a>
|
|
<ul id="demolibra" class="collapse dropdown-header-top">
|
|
<li><a href="flot-charts.html">Flot Charts</a></li>
|
|
<li><a href="bar-charts.html">Bar Charts</a></li>
|
|
<li><a href="line-charts.html">Line Charts</a></li>
|
|
<li><a href="area-charts.html">Area Charts</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a data-toggle="collapse" data-target="#demodepart" href="#">Tables</a>
|
|
<ul id="demodepart" class="collapse dropdown-header-top">
|
|
<li><a href="normal-table.html">Normal Table</a></li>
|
|
<li><a href="data-table.html">Data Table</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a data-toggle="collapse" data-target="#demo" href="#">Forms</a>
|
|
<ul id="demo" class="collapse dropdown-header-top">
|
|
<li><a href="form-elements.html">Form Elements</a></li>
|
|
<li><a href="form-components.html">Form Components</a></li>
|
|
<li><a href="form-examples.html">Form Examples</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a data-toggle="collapse" data-target="#Miscellaneousmob" href="#">App views</a>
|
|
<ul id="Miscellaneousmob" class="collapse dropdown-header-top">
|
|
<li><a href="notification.html">Notifications</a>
|
|
</li>
|
|
<li><a href="alert.html">Alerts</a>
|
|
</li>
|
|
<li><a href="modals.html">Modals</a>
|
|
</li>
|
|
<li><a href="buttons.html">Buttons</a>
|
|
</li>
|
|
<li><a href="tabs.html">Tabs</a>
|
|
</li>
|
|
<li><a href="accordion.html">Accordion</a>
|
|
</li>
|
|
<li><a href="dialog.html">Dialogs</a>
|
|
</li>
|
|
<li><a href="popovers.html">Popovers</a>
|
|
</li>
|
|
<li><a href="tooltips.html">Tooltips</a>
|
|
</li>
|
|
<li><a href="dropdown.html">Dropdowns</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a data-toggle="collapse" data-target="#Pagemob" href="#">Pages</a>
|
|
<ul id="Pagemob" class="collapse dropdown-header-top">
|
|
<li><a href="contact.html">Contact</a>
|
|
</li>
|
|
<li><a href="invoice.html">Invoice</a>
|
|
</li>
|
|
<li><a href="typography.html">Typography</a>
|
|
</li>
|
|
<li><a href="color.html">Color</a>
|
|
</li>
|
|
<li><a href="login-register.html">Login Register</a>
|
|
</li>
|
|
<li><a href="404.html">404 Page</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Mobile Menu end -->
|
|
<!-- Main Menu area start-->
|
|
<div class="main-menu-area mg-tb-40">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<ul class="nav nav-tabs notika-menu-wrap menu-it-icon-pro">
|
|
<li><a data-toggle="tab" href="#Home"><i class="notika-icon notika-house"></i> Home</a>
|
|
</li>
|
|
<li><a data-toggle="tab" href="#mailbox"><i class="notika-icon notika-mail"></i> Email</a>
|
|
</li>
|
|
<li><a data-toggle="tab" href="#Interface"><i class="notika-icon notika-edit"></i> Interface</a>
|
|
</li>
|
|
<li><a data-toggle="tab" href="#Charts"><i class="notika-icon notika-bar-chart"></i> Charts</a>
|
|
</li>
|
|
<li><a data-toggle="tab" href="#Tables"><i class="notika-icon notika-windows"></i> Tables</a>
|
|
</li>
|
|
<li><a data-toggle="tab" href="#Forms"><i class="notika-icon notika-form"></i> Forms</a>
|
|
</li>
|
|
<li><a data-toggle="tab" href="#Appviews"><i class="notika-icon notika-app"></i> App views</a>
|
|
</li>
|
|
<li class="active"><a data-toggle="tab" href="#Page"><i class="notika-icon notika-support"></i> Pages</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content custom-menu-content">
|
|
<div id="Home" class="tab-pane in notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="index.html">Dashboard One</a>
|
|
</li>
|
|
<li><a href="index-2.html">Dashboard Two</a>
|
|
</li>
|
|
<li><a href="index-3.html">Dashboard Three</a>
|
|
</li>
|
|
<li><a href="index-4.html">Dashboard Four</a>
|
|
</li>
|
|
<li><a href="analytics.html">Analytics</a>
|
|
</li>
|
|
<li><a href="widgets.html">Widgets</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="mailbox" class="tab-pane notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="inbox.html">Inbox</a>
|
|
</li>
|
|
<li><a href="view-email.html">View Email</a>
|
|
</li>
|
|
<li><a href="compose-email.html">Compose Email</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="Interface" class="tab-pane notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="animations.html">Animations</a>
|
|
</li>
|
|
<li><a href="google-map.html">Google Map</a>
|
|
</li>
|
|
<li><a href="data-map.html">Data Maps</a>
|
|
</li>
|
|
<li><a href="code-editor.html">Code Editor</a>
|
|
</li>
|
|
<li><a href="image-cropper.html">Images Cropper</a>
|
|
</li>
|
|
<li><a href="wizard.html">Wizard</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="Charts" class="tab-pane notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="flot-charts.html">Flot Charts</a>
|
|
</li>
|
|
<li><a href="bar-charts.html">Bar Charts</a>
|
|
</li>
|
|
<li><a href="line-charts.html">Line Charts</a>
|
|
</li>
|
|
<li><a href="area-charts.html">Area Charts</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="Tables" class="tab-pane notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="normal-table.html">Normal Table</a>
|
|
</li>
|
|
<li><a href="data-table.html">Data Table</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="Forms" class="tab-pane notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="form-elements.html">Form Elements</a>
|
|
</li>
|
|
<li><a href="form-components.html">Form Components</a>
|
|
</li>
|
|
<li><a href="form-examples.html">Form Examples</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="Appviews" class="tab-pane notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="notification.html">Notifications</a>
|
|
</li>
|
|
<li><a href="alert.html">Alerts</a>
|
|
</li>
|
|
<li><a href="modals.html">Modals</a>
|
|
</li>
|
|
<li><a href="buttons.html">Buttons</a>
|
|
</li>
|
|
<li><a href="tabs.html">Tabs</a>
|
|
</li>
|
|
<li><a href="accordion.html">Accordion</a>
|
|
</li>
|
|
<li><a href="dialog.html">Dialogs</a>
|
|
</li>
|
|
<li><a href="popovers.html">Popovers</a>
|
|
</li>
|
|
<li><a href="tooltips.html">Tooltips</a>
|
|
</li>
|
|
<li><a href="dropdown.html">Dropdowns</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="Page" class="tab-pane active notika-tab-menu-bg animated flipInX">
|
|
<ul class="notika-main-menu-dropdown">
|
|
<li><a href="contact.html">Contact</a>
|
|
</li>
|
|
<li><a href="invoice.html">Invoice</a>
|
|
</li>
|
|
<li><a href="typography.html">Typography</a>
|
|
</li>
|
|
<li><a href="color.html">Color</a>
|
|
</li>
|
|
<li><a href="login-register.html">Login Register</a>
|
|
</li>
|
|
<li><a href="404.html">404 Page</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Main Menu area End-->
|
|
<!-- Breadcomb area Start-->
|
|
<div class="breadcomb-area">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="breadcomb-list">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="breadcomb-wp">
|
|
<div class="breadcomb-icon">
|
|
<i class="notika-icon notika-support"></i>
|
|
</div>
|
|
<div class="breadcomb-ctn">
|
|
<h2>Typography</h2>
|
|
<p>Welcome to Notika <span class="bread-ntd">Admin Template</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-3">
|
|
<div class="breadcomb-report">
|
|
<button data-toggle="tooltip" data-placement="left" title="Download Report" class="btn"><i class="notika-icon notika-sent"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Breadcomb area End-->
|
|
<!-- Typography area start-->
|
|
<div class="typography-area">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="typography-list typography-mgn">
|
|
<h2>Body Copy</h2>
|
|
<div class="typography-bd">
|
|
<h3>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</h3>
|
|
<p>Pellentesque lacinia sagittis libero et feugiat. Etiam volutpat adipiscing tortor non luctus. Vivamus venenatis vitae metus et aliquet. Praesent vitae justo purus. In hendrerit lorem nisl, ac lacinia urna aliquet non. Quisque nisi tellus, rhoncus quis est sit amet, lacinia euismod nunc. Aenean nec nibh velit. Fusce quis ante in nisl molestie fringilla. Nunc vitae ante id magna feugiat condimentum. Maecenas sit amet urna massa.</p>
|
|
<p class="tab-mg-b-0">Integer eu lectus sollicitudin, hendrerit est ac, sollicitudin nisl. Quisque viverra sodales lectus nec ultrices. Fusce elit dolor, dignissim a nunc id, varius suscipit turpis. Cras porttitor turpis vitae leo accumsan molestie. Morbi vitae luctus leo. Sed nec scelerisque magna, et adipiscing est. Proin lobortis lectus eu sem ullamcorper, commodo malesuada quam fringilla. Curabitur ac nunc dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sagittis enim eu est lacinia, ut egestas ligula imperdiet, ute egestas ligulan imperdiet.</p>
|
|
</div>
|
|
</div>
|
|
<div class="typography-heading typography-mgn mg-t-30">
|
|
<h2 class="mn-hd-s">Headings</h2>
|
|
<div class="typography-hd-cr-1">
|
|
<h1>This is a Heading 1</h1>
|
|
<p>Pellentesque lacinia sagittis libero et feugiat. Etiam volutpat adipiscing tortor non luctus. Vivamus venenatis vitae metus et aliquet. Praesent vitae justo purus. In hendrerit lorem nisl, ac lacinia urna aliquet non. Quisque nisi tellus, rhoncus quis est sit amet, lacinia euismod nunc. Aenean nec nibh velit. Fusce quis ante in nisl molestie fringilla. Nunc vitae ante id magna feugiat condimentum. Maecenas sit amet urna massa.</p>
|
|
</div>
|
|
<div class="typography-hd-cr-2">
|
|
<h2>This is a Heading 2</h2>
|
|
<p>Pellentesque lacinia sagittis libero et feugiat. Etiam volutpat adipiscing tortor non luctus. Vivamus venenatis vitae metus et aliquet. Praesent vitae justo purus. In hendrerit lorem nisl, ac lacinia urna aliquet non. Quisque nisi tellus, rhoncus quis est sit amet, lacinia euismod nunc. Aenean nec nibh velit. Fusce quis ante in nisl molestie fringilla. Nunc vitae ante id magna feugiat condimentum. Maecenas sit amet urna massa.</p>
|
|
</div>
|
|
<div class="typography-hd-cr-3">
|
|
<h3>This is a Heading 3</h3>
|
|
<p>Pellentesque lacinia sagittis libero et feugiat. Etiam volutpat adipiscing tortor non luctus. Vivamus venenatis vitae metus et aliquet. Praesent vitae justo purus. In hendrerit lorem nisl, ac lacinia urna aliquet non. Quisque nisi tellus, rhoncus quis est sit amet, lacinia euismod nunc. Aenean nec nibh velit. Fusce quis ante in nisl molestie fringilla. Nunc vitae ante id magna feugiat condimentum. Maecenas sit amet urna massa.</p>
|
|
</div>
|
|
<div class="typography-hd-cr-4">
|
|
<h4>This is a Heading 4</h4>
|
|
<p>Pellentesque lacinia sagittis libero et feugiat. Etiam volutpat adipiscing tortor non luctus. Vivamus venenatis vitae metus et aliquet. Praesent vitae justo purus. In hendrerit lorem nisl, ac lacinia urna aliquet non. Quisque nisi tellus, rhoncus quis est sit amet, lacinia euismod nunc. Aenean nec nibh velit. Fusce quis ante in nisl molestie fringilla. Nunc vitae ante id magna feugiat condimentum. Maecenas sit amet urna massa.</p>
|
|
</div>
|
|
<div class="typography-hd-cr-5">
|
|
<h5>This is a Heading 5</h5>
|
|
<p>Suspendisse vel quam malesuada, aliquet sem sit amet, fringilla elit. Morbi tempor tincidunt tempor. Etiam id turpis viverra, vulputate sapien nec, varius sem. Curabitur ullamcorper fringilla eleifend. In ut eros hendrerit
|
|
est consequat posuere et at velit.</p>
|
|
</div>
|
|
<div class="typography-hd-cr-6 typography-mg-b-0">
|
|
<h6>This is a Heading 6</h6>
|
|
<p>Pellentesque lacinia sagittis libero et feugiat. Etiam volutpat adipiscing tortor non luctus. Vivamus venenatis vitae metus et aliquet. Praesent vitae justo purus. In hendrerit lorem nisl, ac lacinia urna aliquet non. Quisque nisi tellus, rhoncus quis est sit amet, lacinia euismod nunc. Aenean nec nibh velit. Fusce quis ante in nisl molestie fringilla. Nunc vitae ante id magna feugiat condimentum. Maecenas sit amet urna massa.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="typography-inline-pro mg-t-30">
|
|
<div class="typography-in-hd typography-mgn">
|
|
<h2 class="mn-hd-s">Inline Text Elements</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Marked text</h2>
|
|
<p>For highlighting a run of text due to its relevance in another context, use the <code>mark</code> tag.</p>
|
|
<mark>This is marked text</mark>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Deleted Text</h2>
|
|
<p>For indicating blocks of text that have been deleted use the <code>del</code> tag.</p>
|
|
<del>This is Deleted Text</del>
|
|
</div>
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Inserted Text</h2>
|
|
<p>For indicating additions to the document use the <code>ins</code> tag.</p>
|
|
<ins>This is Inserted Text</ins>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Strikethrough text</h2>
|
|
<p>For indicating blocks of text that are no longer relevant use the <code>s</code> tag.</p>
|
|
<s>This is Deleted Text</s>
|
|
</div>
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Underlined Text</h2>
|
|
<p>To underline text use the <code>u</code> tag.</p>
|
|
<u>This is Underlined Text</u>
|
|
</div>
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Small Text</h2>
|
|
<p>For de-emphasizing inline or blocks of text, use the <code>small</code> tag.</p>
|
|
<small>This is Small Text</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Bold Text</h2>
|
|
<p>For emphasizing a snippet of text that have been bold use the <code>strong</code> tag.</p>
|
|
<strong>This is Bold Text</strong>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="tpgp-ele-tx">
|
|
<h2>Underline Text</h2>
|
|
<p>For emphasizing a snippet of text with italics use <code>em</code> tag..</p>
|
|
<em>This is Underline Text</em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="tpgp-helper mg-t-30">
|
|
<div class="tpgp-hp-hd typography-mgn">
|
|
<h2 class="mn-hd-s">Helper Classes</h2>
|
|
</div>
|
|
<div class="tpgp-al-cl">
|
|
<h3>Alignment Classes</h3>
|
|
<p>Easily realign text to components with text alignment classes (<code>.text-left, .text-center, .text-right, .text-justify</code>).</p>
|
|
<p class="text-left">Left aligned text.</p>
|
|
<p class="text-center">Center aligned text.</p>
|
|
<p class="text-right">Right aligned text.</p>
|
|
<p class="text-justify">Justified text.</p>
|
|
<p class="text-nowrap">No wrap text.</p>
|
|
<p class="text-lowercase">Lowercased text.</p>
|
|
<p class="text-uppercase">Uppercased text.</p>
|
|
<p class="text-capitalize">Capitalized text.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="tpgp-helper mg-t-30">
|
|
<div class="tpgp-hp-hd typography-mgn">
|
|
<h2 class="mn-hd-s">Abbreviations</h2>
|
|
</div>
|
|
<div class="tpgp-al-cl">
|
|
<h3>Abbreviations attribute </h3>
|
|
<p>Stylized implementation of HTML's <code>abbr</code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing
|
|
additional context on hover and to users of assistive technologies.</p>
|
|
<div class="abvi-act">
|
|
<h2>Basic abbreviation</h2>
|
|
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
|
|
</div>
|
|
<div class="abvi-act abvi-mg-nk">
|
|
<h2>Initialism</h2>
|
|
<p>Add <abbr title="Initialism" class="initialism">Initialism</abbr> to an abbreviation for a slightly smaller font-size.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="tpgp-helper mg-t-30">
|
|
<div class="tpgp-hp-hd typography-mgn">
|
|
<h2 class="mn-hd-s">Blockquotes</h2>
|
|
</div>
|
|
<div class="tpgp-al-cl">
|
|
<h3>Blockquotes Attribute</h3>
|
|
<p>For quoting blocks of content from another source within your document.</p>
|
|
<blockquote>
|
|
<p class="blockquote-nk">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
</blockquote>
|
|
<blockquote>
|
|
<p class="blockquote-nk">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
|
|
</blockquote>
|
|
<blockquote class="blockquote-reverse m-b-25">
|
|
<p class="blockquote-nk">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="tpgp-helper mg-t-30">
|
|
<div class="tpgp-hp-hd typography-mgn">
|
|
<h2 class="mn-hd-s">List</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
|
<div class="tpgp-al-cl">
|
|
<h3>Unordered</h3>
|
|
<ul class="tpdg-ul-circle">
|
|
<li>Lorem ipsum dolor sit amet</li>
|
|
<li>Consectetur adipiscing elit</li>
|
|
<li>Integer molestie lorem at massa</li>
|
|
<li>Facilisis in pretium nisl aliquet</li>
|
|
<li>Nulla volutpat aliquam velit
|
|
<ul class="tpdg-ul-circle-2">
|
|
<li>Phasellus iaculis neque</li>
|
|
<li>Purus sodales ultricies</li>
|
|
<li>Vestibulum laoreet porttitor sem</li>
|
|
<li>Ac tristique libero volutpat at</li>
|
|
</ul>
|
|
</li>
|
|
<li>Faucibus porta lacus fringilla vel</li>
|
|
<li>Aenean sit amet erat nunc</li>
|
|
<li>Eget porttitor lorem</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tpgp-al-cl mg-t-20">
|
|
<h3>Custom 1</h3>
|
|
<ul class="tpgp-ctm-angle">
|
|
<li><i class="notika-icon notika-next-pro"></i> Lorem ipsum dolor sit amet</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Consectetur adipiscing elit</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Integer molestie lorem at massa</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Facilisis in pretium nisl aliquet</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Nulla volutpat aliquam velit</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Phasellus iaculis neque</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Purus sodales ultricies</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Vestibulum laoreet porttitor sem</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Ac tristique libero volutpat at</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Faucibus porta lacus fringilla vel</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Aenean sit amet erat nunc</li>
|
|
<li><i class="notika-icon notika-next-pro"></i> Eget porttitor lorem</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
|
<div class="tpgp-al-cl">
|
|
<h3>Ordered</h3>
|
|
<ol class="tpgp-orders">
|
|
<li>Lorem ipsum dolor sit amet</li>
|
|
<li>Consectetur adipiscing elit</li>
|
|
<li>Integer molestie lorem at massa</li>
|
|
<li>Facilisis in pretium nisl aliquet</li>
|
|
<li>Nulla volutpat aliquam velit</li>
|
|
<li>Faucibus porta lacus fringilla vel</li>
|
|
<li>Aenean sit amet erat nunc</li>
|
|
<li>Eget porttitor lorem</li>
|
|
<li>Integer molestie lorem at massa</li>
|
|
<li>Faucibus porta lacus fringilla vel</li>
|
|
<li>Spretium nisl aliquet lorem ipsum</li>
|
|
<li>Linking best ttoth bellorem</li>
|
|
</ol>
|
|
</div>
|
|
<div class="tpgp-al-cl mg-t-20">
|
|
<h3>Custom 2</h3>
|
|
<ul class="tpgp-ctm-angle">
|
|
<li><i class="notika-icon notika-checked"></i> Lorem ipsum dolor sit amet</li>
|
|
<li><i class="notika-icon notika-checked"></i> Consectetur adipiscing elit</li>
|
|
<li><i class="notika-icon notika-checked"></i> Integer molestie lorem at massa</li>
|
|
<li><i class="notika-icon notika-checked"></i> Facilisis in pretium nisl aliquet</li>
|
|
<li><i class="notika-icon notika-checked"></i> Nulla volutpat aliquam velit</li>
|
|
<li><i class="notika-icon notika-checked"></i> Phasellus iaculis neque</li>
|
|
<li><i class="notika-icon notika-checked"></i> Purus sodales ultricies</li>
|
|
<li><i class="notika-icon notika-checked"></i> Vestibulum laoreet porttitor sem</li>
|
|
<li><i class="notika-icon notika-checked"></i> Ac tristique libero volutpat at</li>
|
|
<li><i class="notika-icon notika-checked"></i> Faucibus porta lacus fringilla vel</li>
|
|
<li><i class="notika-icon notika-checked"></i> Aenean sit amet erat nunc</li>
|
|
<li><i class="notika-icon notika-checked"></i> Eget porttitor lorem</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
|
<div class="tpgp-al-cl">
|
|
<h3>Ordered - Roman</h3>
|
|
<ol class="order-roman" type="i">
|
|
<li>Lorem ipsum dolor sit amet</li>
|
|
<li>Consectetur adipiscing elit</li>
|
|
<li>Integer molestie lorem at massa</li>
|
|
<li>Facilisis in pretium nisl aliquet</li>
|
|
<li>Nulla volutpat aliquam velit</li>
|
|
<li>Phasellus iaculis neque</li>
|
|
<li>Purus sodales ultricies</li>
|
|
<li>Vestibulum laoreet porttitor sem</li>
|
|
<li>Ac tristique libero volutpat at</li>
|
|
<li>Faucibus porta lacus fringilla vel</li>
|
|
<li>Aenean sit amet erat nunc</li>
|
|
<li>Eget porttitor lorem</li>
|
|
</ol>
|
|
</div>
|
|
<div class="tpgp-al-cl mg-t-20">
|
|
<h3>Custom 2</h3>
|
|
<ul class="tpgp-ctm-angle">
|
|
<li><i class="notika-icon notika-star"></i> Lorem ipsum dolor sit amet</li>
|
|
<li><i class="notika-icon notika-star"></i> Consectetur adipiscing elit</li>
|
|
<li><i class="notika-icon notika-star"></i> Integer molestie lorem at massa</li>
|
|
<li><i class="notika-icon notika-star"></i> Facilisis in pretium nisl aliquet</li>
|
|
<li><i class="notika-icon notika-star"></i> Nulla volutpat aliquam velit</li>
|
|
<li><i class="notika-icon notika-star"></i> Phasellus iaculis neque</li>
|
|
<li><i class="notika-icon notika-star"></i> Purus sodales ultricies</li>
|
|
<li><i class="notika-icon notika-star"></i> Vestibulum laoreet porttitor sem</li>
|
|
<li><i class="notika-icon notika-star"></i> Ac tristique libero volutpat at</li>
|
|
<li><i class="notika-icon notika-star"></i> Faucibus porta lacus fringilla vel</li>
|
|
<li><i class="notika-icon notika-star"></i> Aenean sit amet erat nunc</li>
|
|
<li><i class="notika-icon notika-star"></i> Eget porttitor lorem</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Typography area End-->
|
|
<!-- Start Footer area-->
|
|
<div class="footer-copyright-area">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="footer-copy-right">
|
|
<p>Copyright © 2018
|
|
. All rights reserved. Template by <a href="https://colorlib.com">Colorlib</a>.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Footer area-->
|
|
<!-- jquery
|
|
============================================ -->
|
|
<script src="js/vendor/jquery-1.12.4.min.js"></script>
|
|
<!-- bootstrap JS
|
|
============================================ -->
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<!-- wow JS
|
|
============================================ -->
|
|
<script src="js/wow.min.js"></script>
|
|
<!-- price-slider JS
|
|
============================================ -->
|
|
<script src="js/jquery-price-slider.js"></script>
|
|
<!-- owl.carousel JS
|
|
============================================ -->
|
|
<script src="js/owl.carousel.min.js"></script>
|
|
<!-- scrollUp JS
|
|
============================================ -->
|
|
<script src="js/jquery.scrollUp.min.js"></script>
|
|
<!-- meanmenu JS
|
|
============================================ -->
|
|
<script src="js/meanmenu/jquery.meanmenu.js"></script>
|
|
<!-- counterup JS
|
|
============================================ -->
|
|
<script src="js/counterup/jquery.counterup.min.js"></script>
|
|
<script src="js/counterup/waypoints.min.js"></script>
|
|
<script src="js/counterup/counterup-active.js"></script>
|
|
<!-- mCustomScrollbar JS
|
|
============================================ -->
|
|
<script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
|
|
<!-- sparkline JS
|
|
============================================ -->
|
|
<script src="js/sparkline/jquery.sparkline.min.js"></script>
|
|
<script src="js/sparkline/sparkline-active.js"></script>
|
|
<!-- flot JS
|
|
============================================ -->
|
|
<script src="js/flot/jquery.flot.js"></script>
|
|
<script src="js/flot/jquery.flot.resize.js"></script>
|
|
<script src="js/flot/flot-active.js"></script>
|
|
<!-- knob JS
|
|
============================================ -->
|
|
<script src="js/knob/jquery.knob.js"></script>
|
|
<script src="js/knob/jquery.appear.js"></script>
|
|
<script src="js/knob/knob-active.js"></script>
|
|
<!-- Chat JS
|
|
============================================ -->
|
|
<script src="js/chat/jquery.chat.js"></script>
|
|
<!-- todo JS
|
|
============================================ -->
|
|
<script src="js/todo/jquery.todo.js"></script>
|
|
<!-- wave JS
|
|
============================================ -->
|
|
<script src="js/wave/waves.min.js"></script>
|
|
<script src="js/wave/wave-active.js"></script>
|
|
<!-- plugins JS
|
|
============================================ -->
|
|
<script src="js/plugins.js"></script>
|
|
<!-- main JS
|
|
============================================ -->
|
|
<script src="js/main.js"></script>
|
|
<!-- tawk chat JS
|
|
============================================ -->
|
|
<script src="js/tawk-chat.js"></script>
|
|
</body>
|
|
|
|
</html> |