<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<!-- ===============================================-->
<!-- Document Title-->
<!-- ===============================================-->
<title>
Falcon | Dashboard & WebApp Template
</title>
<!-- ===============================================-->
<!-- Favicons-->
<!-- ===============================================-->
<link href="assets/img/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="assets/img/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="assets/img/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="assets/img/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="assets/img/favicons/manifest.json" rel="manifest">
<meta content="assets/img/favicons/mstile-150x150.png" name="msapplication-TileImage">
<meta content="#ffffff" name="theme-color">
<!-- ===============================================-->
<!-- Stylesheets-->
<!-- ===============================================-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700%7cPoppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="assets/lib/prismjs/prism-okaidia.css" rel="stylesheet">
<link href="assets/css/theme.css" rel="stylesheet">
</head>
<body>
<!-- ===============================================-->
<!-- Main Content-->
<!-- ===============================================-->
<main class="main" id="top">
<div class="container">
<nav class="navbar navbar-vertical navbar-expand-xl navbar-light navbar-glass">
<a class="navbar-brand text-left" href="index.html">
<div class="d-flex align-items-center py-3">
<img alt="" class="mr-2" src="assets/img/illustrations/falcon.png" width="40">
<span class="text-sans-serif">
falcon
</span>
</div>
</a>
<div class="collapse navbar-collapse" id="navbarVerticalCollapse">
<ul class="navbar-nav flex-column">
<li class="nav-item">
<a aria-controls="home" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#home" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-chart-pie">
</span>
</span>
<span>
Home
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="home">
<li class="nav-item">
<a class="nav-link" href="index.html">
Dashboard
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="home/feed.html">
Feed
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="home/landing.html">
Landing
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a aria-controls="pages" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#pages" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy">
</span>
</span>
<span>
Pages
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="pages">
<li class="nav-item">
<a class="nav-link" href="pages/activity.html">
Activity
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/associations.html">
Associations
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/checkout.html">
Checkout
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/customer-details.html">
Customer details
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/event-detail.html">
Event detail
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/event-create.html">
Event create
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/events.html">
Events
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/faq.html">
Faq
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/invoice.html">
Invoice
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/invite-people.html">
Invite people
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/notifications.html">
Notifications
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/people.html">
People
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/pricing.html">
Pricing
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/pricing-alt.html">
Pricing alt
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/profile.html">
Profile
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/settings.html">
Settings
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/starter.html">
Starter
</a>
</li>
<li class="nav-item">
<a aria-controls="pages-errors" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#pages-errors" role="button">
Errors
</a>
<ul class="nav collapse" id="pages-errors">
<li class="nav-item">
<a class="nav-link" href="pages/errors/404.html">
404
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/errors/500.html">
500
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item">
<a aria-controls="email" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#email" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-envelope-open">
</span>
</span>
<span>
Email
</span>
<span class="badge badge-pill ml-2 badge-soft-success">
new
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="email">
<li class="nav-item">
<a class="nav-link" href="email/inbox.html">
Inbox
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="email/email-detail.html">
Email detail
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="email/compose.html">
Compose
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a aria-controls="authentication" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#authentication" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-unlock-alt">
</span>
</span>
<span>
Authentication
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="authentication">
<li class="nav-item">
<a class="nav-link" href="authentication/log-in.html">
Log in
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="authentication/log-out.html">
Log out
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="authentication/register.html">
Register
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="authentication/forget-password.html">
Forget password
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="authentication/password-reset.html">
Password reset
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="authentication/confirm-mail.html">
Confirm mail
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="authentication/lock-screen.html">
Lock screen
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a aria-controls="e-commerce" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#e-commerce" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-cart-plus">
</span>
</span>
<span>
E commerce
</span>
<span class="badge badge-pill ml-2 badge-soft-warning">
next
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="e-commerce">
<li class="nav-item">
<a class="nav-link" href="e-commerce/product-list.html">
Product list
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/product-grid.html">
Product grid
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/product-details.html">
Product details
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/orders.html">
Orders
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/order-details.html">
Order details
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/customers.html">
Customers
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/shopping-cart.html">
Shopping cart
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/checkout.html">
Checkout
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="e-commerce/sellers.html">
Sellers
</a>
</li>
</ul>
</li>
</ul>
<hr class="border-300 my-2">
<ul class="navbar-nav flex-column">
<li class="nav-item">
<a aria-controls="layouts" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#layouts" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-qrcode">
</span>
</span>
<span>
Layouts
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="layouts">
<li class="nav-item">
<a class="nav-link" href="layouts/standard.html">
Standard
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="layouts/fluid.html">
Fluid
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="layouts/RTL.html">
RTL
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a aria-controls="components" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#components" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-puzzle-piece">
</span>
</span>
<span>
Components
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="components">
<li class="nav-item">
<a class="nav-link" href="components/alerts.html">
Alerts
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/avatar.html">
Avatar
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/background.html">
Background
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/badges.html">
Badges
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/breadcrumb.html">
Breadcrumb
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/bulk-select.html">
Bulk select
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/buttons.html">
Buttons
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/cards.html">
Cards
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/carousel.html">
Carousel
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/collapse.html">
Collapse
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/countup.html">
Countup
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/dropdowns.html">
Dropdowns
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/fancyscroll.html">
Fancyscroll
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/fancytab.html">
Fancytab
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/forms.html">
Forms
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/hoverbox.html">
Hoverbox
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/list-group.html">
List group
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/modals.html">
Modals
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/media-object.html">
Media object
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/navs.html">
Navs
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/navbar.html">
Navbar
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/page-headers.html">
Page headers
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/pagination.html">
Pagination
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/popovers.html">
Popovers
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/progress.html">
Progress
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/scrollspy.html">
Scrollspy
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/spinners.html">
Spinners
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/tables.html">
Tables
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/tabs.html">
Tabs
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/toasts.html">
Toasts
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="components/tooltips.html">
Tooltips
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a aria-controls="utilities" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#utilities" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fab fa-hotjar">
</span>
</span>
<span>
Utilities
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="utilities">
<li class="nav-item">
<a class="nav-link" href="utilities/borders.html">
Borders
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/clearfix.html">
Clearfix
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/close-icon.html">
Close icon
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/colors.html">
Colors
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/display.html">
Display
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/embed.html">
Embed
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/figures.html">
Figures
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/flex.html">
Flex
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/grid.html">
Grid
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/sizing.html">
Sizing
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/spacing.html">
Spacing
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/stretched-link.html">
Stretched link
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/typography.html">
Typography
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/vertical-align.html">
Vertical align
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="utilities/visibility.html">
Visibility
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a aria-controls="plugins" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#plugins" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-plug">
</span>
</span>
<span>
Plugins
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="plugins">
<li class="nav-item">
<a class="nav-link" href="plugins/accordion.html">
Accordion
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/charts.html">
Charts
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/countdown.html">
Countdown
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/data-table.html">
Data table
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/date-picker.html">
Date picker
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/fancybox.html">
Fancybox
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/fontawesome.html">
Fontawesome
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/google-map.html">
Google map
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/inline-player.html">
Inline player
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/jqvmap.html">
Jqvmap
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/lightbox.html">
Lightbox
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/notifications.html">
Notifications
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/owl-carousel.html">
Owl carousel
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/progressbar.html">
Progressbar
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/remodal.html">
Remodal
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/select2.html">
Select2
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/tinymce.html">
Tinymce
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="plugins/typed-text.html">
Typed text
</a>
</li>
</ul>
</li>
</ul>
<hr class="border-300 my-2">
<ul class="navbar-nav flex-column">
<li class="nav-item">
<a aria-controls="documentation" aria-expanded="false" class="nav-link dropdown-indicator" data-toggle="collapse" href="#documentation" role="button">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-book">
</span>
</span>
<span>
Documentation
</span>
</div>
</a>
<ul class="nav collapse" data-parent="#navbarVerticalCollapse" id="documentation">
<li class="nav-item">
<a class="nav-link" href="documentation/getting-started.html">
Getting started
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation/file-structure.html">
File structure
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation/customization.html">
Customization
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation/fluid-layout.html">
Fluid layout
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation/gulp.html">
Gulp
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation/RTL.html">
RTL
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation/plugins.html">
Plugins
</a>
</li>
</ul>
</li>
<li class="nav-item active">
<a class="nav-link" href="changelog.html">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-code-branch">
</span>
</span>
<span>
Changelog
</span>
<span class="badge badge-pill ml-2 badge-soft-primary">
v1.5.1
</span>
</div>
</a>
</li>
</ul>
<a class="btn btn-primary btn-sm m-3" href="https://themewagon.com/themes/falcon/" target="_blank">
Purchase
</a>
</div>
</nav>
<div class="content">
<nav class="navbar navbar-light navbar-glass fs--1 font-weight-semi-bold row navbar-top sticky-kit navbar-expand">
<button aria-controls="navbarVerticalCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler collapsed" data-target="#navbarVerticalCollapse" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon">
</span>
</button>
<a class="navbar-brand text-left ml-3" href="index.html">
<div class="d-flex align-items-center">
<img alt="" class="mr-2" src="assets/img/illustrations/falcon.png" width="40">
<span class="text-sans-serif">
falcon
</span>
</div>
</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown1">
<ul class="navbar-nav align-items-center d-none d-lg-block">
<li class="nav-item">
<form class="form-inline search-box">
<input aria-label="Search" class="form-control rounded-pill search-input" placeholder="Search..." type="search">
<span class="position-absolute fas fa-search text-400 search-box-icon">
</span>
</form>
</li>
</ul>
<ul class="navbar-nav align-items-center ml-auto">
<li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link unread-indicator px-0" data-toggle="dropdown" href="#" id="navbarDropdownNotification" role="button">
<span class="fas fa-bell fs-4" data-fa-transform="shrink-6">
</span>
</a>
<div aria-labelledby="navbarDropdownNotification" class="dropdown-menu dropdown-menu-right dropdown-menu-card">
<div class="card card-notification shadow-none" style="max-width: 20rem">
<div class="card-header">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<h6 class="card-header-title mb-0">
Notifications
</h6>
</div>
<div class="col-auto">
<a class="card-link font-weight-normal" href="#">
Mark all as read
</a>
</div>
</div>
</div>
<div class="list-group list-group-flush font-weight-normal fs--1">
<div class="list-group-title">
NEW
</div>
<div class="list-group-item">
<a class="notification notification-flush bg-200" href="#!">
<div class="notification-avatar">
<div class="avatar avatar-2xl mr-3">
<img alt="" class="rounded-circle" src="assets/img/team/1.jpg">
</div>
</div>
<div class="notification-body">
<p class="mb-1">
<strong>
Emma Watson
</strong>
replied to your comment : "Hello world 😍"
</p>
<span class="notification-time">
<span aria-label="Emoji" class="mr-1" role="img">
💬
</span>
Just now
</span>
</div>
</a>
</div>
<div class="list-group-item">
<a class="notification notification-flush bg-200" href="#!">
<div class="notification-avatar">
<div class="avatar avatar-2xl mr-3">
<div class="avatar-name rounded-circle">
<span>
AB
</span>
</div>
</div>
</div>
<div class="notification-body">
<p class="mb-1">
<strong>
Albert Brooks
</strong>
reacted to
<strong>
Mia Khalifa's
</strong>
status
</p>
<span class="notification-time">
<span class="mr-1 fab fa-gratipay text-danger">
</span>
9hr
</span>
</div>
</a>
</div>
<div class="list-group-title">
EARLIER
</div>
<div class="list-group-item">
<a class="notification notification-flush" href="#!">
<div class="notification-avatar">
<div class="avatar avatar-2xl mr-3">
<img alt="" class="rounded-circle" src="assets/img/icons/weather.jpg">
</div>
</div>
<div class="notification-body">
<p class="mb-1">
The forecast today shows a low of 20℃ in California. See today's weather.
</p>
<span class="notification-time">
<span aria-label="Emoji" class="mr-1" role="img">
🌤️
</span>
1d
</span>
</div>
</a>
</div>
</div>
<div class="card-footer text-center border-top-0">
<a class="card-link d-block" href="pages/notifications.html">
View all
</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link pr-0" data-toggle="dropdown" href="#" id="navbarDropdownUser" role="button">
<div class="avatar avatar-xl">
<img alt="" class="rounded-circle" src="assets/img/team/3.jpg">
</div>
</a>
<div aria-labelledby="navbarDropdownUser" class="dropdown-menu dropdown-menu-right py-0">
<div class="bg-white rounded-soft py-2">
<a class="dropdown-item font-weight-bold text-warning" href="#!">
<span class="fas fa-crown mr-1">
</span>
<span>
Go Pro
</span>
</a>
<div class="dropdown-divider">
</div>
<a class="dropdown-item" href="#!">
Set status
</a>
<a class="dropdown-item" href="pages/profile.html">
Profile & account
</a>
<a class="dropdown-item" href="#!">
Feedback
</a>
<div class="dropdown-divider">
</div>
<a class="dropdown-item" href="pages/settings.html">
Settings
</a>
<a class="dropdown-item" href="authentication/log-out.html">
Logout
</a>
</div>
</div>
</li>
</ul>
</div>
</nav>
<div class="card mb-3">
<div class="bg-holder d-none d-lg-block bg-card" style="background-image:url(assets/img/illustrations/corner-4.png);">
</div>
<!--/.bg-holder-->
<div class="card-body">
<div class="row">
<div class="col-lg-8">
<h3 class="mb-0">
Changelog
</h3>
</div>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-body">
<div class="alert alert-warning p-4 mb-0" role="alert">
<div class="media">
<span class="fab fa-intentionally-kept fs-3">
</span>
<div class="media-body ml-3">
<h4 class="alert-heading">
Before you update!
</h4>
<p class="mb-0">
Backup your files and read the changelog before updating Falcon on your project. If you come across with any problems with Falcon template during the update, feel free to contact us at
<a href="mailto:[email protected]">
[email protected]
</a>
.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0">
1.5.1 - Peregrine
</h5>
<p class="mb-0">
10 April, 2019
</p>
</div>
<div class="card-body bg-light">
<h6>
New
</h6>
<ul class="pl-0 bullet-inside">
<li>
Component: Spinner page
</li>
<li>
Utilities: Clearfix, Close Icon, Display, Embed, Figures, Flex, Stretched link, Vertical align and Visibility
</li>
<li>
Plugin:
<code>
is.js
</code>
</li>
</ul>
</div>
</div>
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0">
1.5.0 - Prairie
</h5>
<p class="mb-0">
01 April, 2019
</p>
</div>
<div class="card-body bg-light">
<h6>
New
</h6>
<ul class="pl-0 bullet-inside">
<li>
Page: Inbox
</li>
<li>
Page: Details
</li>
<li>
Page: Compose
</li>
<li>
Added bulk select
</li>
<li>
Added
<code>
Tinymce
</code>
editor
</li>
</ul>
<h6 class="mt-3">
Update
</h6>
<ul class="pl-0 bullet-inside">
<li>
Dropdown toggle icon in vertical navbar
</li>
<li>
Vertical Navbar breakpoint
</li>
<li>
Plugin page in documentation
</li>
<li>
Removed
<code>
Feather Icon
</code>
</li>
</ul>
</div>
</div>
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0">
1.4.0 - Saker
</h5>
<p class="mb-0">
01 March, 2019
</p>
</div>
<div class="card-body bg-light">
<h6>
New
</h6>
<ul class="pl-0 bullet-inside">
<li>
Accordion like behaviour in Sidebar
</li>
<li>
Added
<code>
README.md
</code>
</li>
</ul>
</div>
</div>
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0">
1.3.1 - Lanner
</h5>
<p class="mb-0">
19 February, 2019
</p>
</div>
<div class="card-body bg-light">
<h6>
Fix
</h6>
<ul class="pl-0 bullet-inside">
<li>
Top navbar flickering on safari
</li>
<li>
Feed icons' thickness
</li>
<li>
Fancytab content overflow
</li>
<li>
Minor bugs
</li>
</ul>
<h6>
New
</h6>
<ul class="pl-0 bullet-inside">
<li>
Spacing, Sizing, and Borders pages under Components
</li>
</ul>
<h6 class="mt-3">
Update
</h6>
<ul class="pl-0 bullet-inside">
<li>
Bootstrap version
<code>
v4.2.1
</code>
to
<code>
v4.3.1
</code>
</li>
<li>
Included a README file in the root folder with instructions on how to find the documentation.
</li>
<li>
Documentation for
<code>
utilities
</code>
and
<code>
grid
</code>
</li>
</ul>
</div>
</div>
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0">
1.3.0 - Aplomado
</h5>
<p class="mb-0">
9 February, 2019
</p>
</div>
<div class="card-body bg-light">
<h6>
Fix
</h6>
<ul class="pl-0 bullet-inside">
<li>
<code>
W3C
</code>
Markup Validation
</li>
<li>
Removed smart checkbox plugin
</li>
<li>
Removed autocomplete plugin
</li>
<li>
Data table layout for every screen size
</li>
<li>
RTL page link
</li>
<li>
Landing page layout
</li>
<li>
Top navbar (landing page) scroll issue in smaller device
</li>
<li>
Megamenu and dropdown in standard navbar responsiveness
</li>
<li>
Testimonial nav in landing page for mobile devices
</li>
<li>
The position of
<code>
tooltip
</code>
and
<code>
popover
</code>
in mobile devices
</li>
<li>
Breakdown
<code>
SCSS
</code>
and
<code>
JS
</code>
files.
</li>
<li>
Commented documentation in
<code>
gulpfile.js
</code>
</li>
<li>
Top navbar sticky issue in IE
</li>
<li>
Other minor bugs
</li>
</ul>
<h6 class="mt-3">
New
</h6>
<ul class="pl-0 bullet-inside">
<li>
Component: Falcon button set
</li>
<li>
Real-time
<code>
BarChart
</code>
in the dashboard
</li>
<li>
Plugin:
<code>
jqvmap
</code>
</li>
<li>
Page: Customer details
</li>
</ul>
<h6 class="mt-3">
Update
</h6>
<ul class="pl-0 bullet-inside">
<li>
Dependencies
</li>
<li>
Documentation
</li>
<li>
Added more widgets in the dashboard
</li>
<li>
Bootstrap button
<code>
:hover
</code>
and
<code>
:active
</code>
effect
</li>
</ul>
</div>
</div>
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0">
1.2.0 - Kestrels
</h5>
<p class="mb-0">
17 January, 2019
</p>
</div>
<div class="card-body bg-light">
<h6>
Fix
</h6>
<ul class="pl-0 bullet-inside">
<li>
Zinput line height
</li>
<li>
Vertical navbar caret
</li>
<li>
Removed unused plugins
</li>
<li>
And some other minor bugs
</li>
</ul>
<h6 class="mt-3">
New
</h6>
<ul class="pl-0 bullet-inside">
<li>
Page: Landing
</li>
<li>
Page: Feed
</li>
<li>
Page: Event details
</li>
<li>
Page: Create event
</li>
<li>
Page: FAQ
</li>
<li>
Page: Invoice
</li>
<li>
Page: Invite people
</li>
<li>
Page: Pricing alt
</li>
<li>
Page: Settings
</li>
<li>
Plugin:
<code>
Select2
</code>
</li>
<li>
Plugin:
<code>
Datepicker
</code>
</li>
</ul>
</div>
</div>
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0">
1.1.0 - Gyrfalcon
</h5>
<p class="mb-0">
26 December, 2018
</p>
</div>
<div class="card-body bg-light">
<h6>
Fix
</h6>
<ul class="pl-0 bullet-inside">
<li>
Bug fixed
</li>
</ul>
<h6 class="mt-3">
New
</h6>
<ul class="pl-0 bullet-inside">
<li>
10 new HTML pages added
</li>
<li>
Grid system example added in component page
</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="mb-0">
1.0.0 - initial release
</h5>
</div>
<div class="card-body bg-light">
<p class="mb-0">
Nothing to see here!
</p>
</div>
</div>
<footer>
<div class="row no-gutters justify-content-between fs--1 mt-4 mb-3">
<div class="col-12 col-sm-auto text-center">
<p class="mb-0 text-600">
Thank you for creating with Falcon
<span class="d-none d-sm-inline-block">
|
</span>
<br class="d-sm-none">
2019 ©
<a href="https://themewagon.com">
Themewagon
</a>
</p>
</div>
<div class="col-12 col-sm-auto text-center">
<p class="mb-0 text-600">
v1.5.1
</p>
</div>
</div>
</footer>
</div>
</div>
</main>
<!-- ===============================================-->
<!-- End of Main Content-->
<!-- ===============================================-->
<!-- ===============================================-->
<!-- JavaScripts-->
<!-- ===============================================-->
<script src="assets/js/jquery.min.js">
</script>
<script src="assets/js/popper.min.js">
</script>
<script src="assets/js/bootstrap.js">
</script>
<script src="assets/js/plugins.js">
</script>
<script src="assets/lib/stickyfilljs/stickyfill.min.js">
</script>
<script src="assets/lib/sticky-kit/sticky-kit.min.js">
</script>
<script src="assets/lib/is_js/is.min.js">
</script>
<!-- Global site tag (gtag.js) - Google Analytics-->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-122907869-1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-122907869-1');
</script>
<script src="assets/lib/prismjs/prism.js">
</script>
<script src="assets/js/theme.js">
</script>
</body>
</html>