553 lines
30 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!-- partial: head meta -->
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta
content="MaxDash is a ready-to-use kit designed and developed in Flutter, which provides lots of features and functionalities to make your work easy."
name="description" />
<link href="assets/images/favicon.ico" rel="shortcut icon">
<link href="assets/css/app.css" id="light-style" rel="stylesheet" type="text/css" />
<title>MaxDash - Flutter Admin Panel</title>
</head>
<body class="bg-white">
<section class="hero position-relative">
<div class="container">
<div class="row align-items-center py-2">
<div class="col-6">
<div class="">
<a href="index.html">
<img alt="" height="40" src="assets/images/logo-light.png">
</a>
</div>
</div>
<div class="col-6">
<div class="text-end">
<a class="btn btn-primary" href="introduction.html">Go To Docs</a>
</div>
</div>
</div>
<div class="row my-5 g-4 align-items-center hero-content">
<div class="col-lg-5">
<span class="bg-soft-danger text-danger px-2 py-1 font-15 rounded fw-bold"><i
class="uil uil-bolt"></i> 1.0.0</span>
<h1 class="display-6 text-dark fw-bold my-3" style="line-height:1.35;letter-spacing:1px;"><span
class="text-primary">MaxDash </span> - Flutter Admin & Dashboard Kit
</h1>
<p class="font-20"><span class="text-primary">MaxDash</span> is a very user-friendly
admin panel purely
designed and developed in a Flutter. It contains all the things necessary for an
application to be
perfect. It provides you with decent UI and simplifies your work by saving lots
of time.</p>
<div class="mt-4">
<a class="btn btn-lg btn-primary me-2"
href="https://codecanyon.net/item/MaxDash-flutter-admin-dashboard-kit/52877129?s_rank=1"
target="_blank"><i class="uil uil-shopping-cart-alt font-24 me-1"></i> Buy Now</a>
<a class="btn btn-lg btn-dark me-2" href="./web/index.html" target="_blank"><i
class="uil uil-globe font-24 me-1"></i> Admin Panel</a>
</div>
</div>
<div class="col-lg-6 offset-lg-1">
<img alt="" class="img-fluid shadow" src="assets/images/hero.jpg" style=" border-radius: 12px;">
</div>
</div>
<div class="row hero-content mt-5">
<div class="col-12 mt-5">
<a class="" href="#features">
<div
class="avatar-sm font-24 bg-primary text-white rounded-circle d-flex align-items-center justify-content-center mx-auto img-mover">
<i class="uil uil-angle-down"></i>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="section" id="features">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-lg-6 text-center">
<h2 class="text-dark">Key <span class="text-primary">Features</span></h2>
<hr class="w-25 mx-auto bg-soft-primary my-3" style="height: 2px;">
<p class="font-19"><span class="fw-bold text-primary">MaxDash</span> is a modern and
latest
technology-based web template. It's come with Creative & Minimal Design, Dark
Mode &
Right to Left (RTL) features build in Flutter (Mobile Framework)</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/flutter.png">
<h4 class="mt-3 mb-0">Flutter <b class="text-primary">3.24</b></h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/android.png">
<h4 class="mt-3 mb-0">Android <b class="text-primary">5+</b></h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/ios.png">
<h4 class="mt-3 mb-0">iOS <b class="text-primary">9+</b></h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/pwa.png">
<h4 class="mt-3 mb-0">PWA <b class="text-primary">Ready</b></h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/apps.png">
<h4 class="mt-3 mb-0"><b class="text-primary">5 App</b></h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/dark-mode.png">
<h4 class="mt-3 mb-0">Light & <b class="text-primary">Dark</b></h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/languages.png">
<h4 class="mt-3 mb-0"><b class="text-primary">Multi</b> Languages</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/rtl.png">
<h4 class="mt-3 mb-0">LTR <b class="text-primary">&</b> RTL</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/map.png">
<h4 class="mt-3 mb-0">Google <b class="text-primary">Map</b></h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/time.png">
<h4 class="mt-3 mb-0"><b class="text-primary">400+</b> Hours</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/code.png">
<h4 class="mt-3 mb-0"><b class="text-primary">State</b> Managment</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center border py-2">
<div class="card-body">
<img alt="" class="img-fluid" src="assets/images/brand-logo/plus.png">
<h4 class="mt-3 mb-0"><b class="text-primary">&</b> Much More...</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!--<section class="section">-->
<!-- <div class="container">-->
<!-- <div class="row align-items-center">-->
<!-- <div class="col-lg-6">-->
<!-- <div class="image-spliter" style="width: 375px;">-->
<!-- <div class="mover"></div>-->
<!-- <img alt="" class="img-left mx-auto" height="800px"-->
<!-- src="assets/images/shots/light/shopping/home.jpg" width="370px"/>-->
<!-- <img alt="" class="img-right mx-auto " height="800px"-->
<!-- src="assets/images/shots/dark/shopping/home.jpg" width="370px"/>-->
<!-- </div>-->
<!-- &lt;!&ndash; <img src="assets/images/light-dark.png" alt="" class="img-fluid mx-auto d-block">&ndash;&gt;-->
<!-- </div>-->
<!-- <div class="col-lg-6">-->
<!-- <h2 class="text-dark mb-3">What includes in <span class="text-primary">WebKit</span> ?</h2>-->
<!-- <p class="font-15 lh_1-6">WebKit provides an astonishing set of apps and widgets which can be used in-->
<!-- your app smoothly.</p>-->
<!-- <div class="row">-->
<!-- <div class="col-sm-6">-->
<!-- <h4 class="text-dark mt-1 mb-3">Apps</h4>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-shopping-cart-alt"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Shopping</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-shop"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Manager</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-truck"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Delivery Boy</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-bitcoin"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Crypto - NFT</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-clipboard-alt"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Todo - Task</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-comment-message"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Chat</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <h4 class="text-dark mt-sm-1 mt-4 mb-3">Example</h4>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-file-alt"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Forms</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-square"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Cards & Dialogs</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-code"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">Carousel & Progress</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-chart-line"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">SyncFusion Charts</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-sliders-v" style="transform: rotateZ(90deg)"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">SyncFusion Sliders</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-calendar-alt"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0">SyncFusion Date Range</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="d-flex align-items-center mb-2">-->
<!-- <div class="flex-shrink-0">-->
<!-- <div class="avatar-xs font-20 bg-soft-primary text-primary rounded d-flex align-items-center justify-content-center">-->
<!-- <div class="uil uil-apps"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="flex-grow-1 ms-2">-->
<!-- <h5 class="my-0"> And many more...</h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!--<section class="section bg-light">-->
<!-- <div class="container-fluid">-->
<!-- <div class="row">-->
<!-- <div class="col-12 text-center">-->
<!-- <h2 class="text-dark mb-2 mt-0">Build your Android or iOS (Flutter) Apps Today</h2>-->
<!-- <p class="font-16 mb-4">Purchase WebKit to get a beautiful UI</p>-->
<!-- <a class="btn btn-primary" href="https://1.envato.market/WebKit1"
><i class="uil uil-cart me-1"></i> Buy-->
<!-- Now $19</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!--<section class="section">-->
<!-- <div class="container-fluid">-->
<!-- <div class="row">-->
<!-- <div class="col-12 text-center mb-4">-->
<!-- <h2 class="text-dark">Demo Screenshots</h2>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row">-->
<!-- <div class="col-12">-->
<!-- <div class="swiper demo-slider">-->
<!-- <div class="swiper-wrapper">-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/light/shopping/home.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/light/shopping/search.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/light/manager/order.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/light/delivery/profile.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/light/nft/home.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/light/nft/market.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/dark/nft/coin.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/dark/shopping/product.jpg">-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <img alt="" class="img-fluid" src="assets/images/shots/dark/task/home.jpg">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-pagination"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-12 text-center">-->
<!-- <a class="btn btn-primary mt-5" href="shots-gallery.html"><i class="uil uil-image-v me-1"></i> View Full-->
<!-- Gallery</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!--<section class="section bg-light">-->
<!-- <div class="container">-->
<!-- <div class="row justify-content-center">-->
<!-- <div class="col-12 text-center mb-5">-->
<!-- <h2 class="text-dark">Why Choose <span class="text-primary">WebKit</span> ?</h2>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 mb-3">-->
<!-- <div class="border rounded h-100 text-center p-4">-->
<!-- <img alt="" class="img-fluid" src="assets/images/features-icon/screens_feature.png" width="120px">-->
<!-- <h4 class="text-dark mt-4">140+ Beautiful Screen</h4>-->
<!-- <p class="mb-0">WebKit Provides 140+ ready to use beautiful and clean screens</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 mb-3">-->
<!-- <div class="border rounded h-100 text-center p-4">-->
<!-- <img alt="" class="img-fluid" src="assets/images/features-icon/apps_feature.png" width="120px">-->
<!-- <h4 class="text-dark mt-4">5 Full App</h4>-->
<!-- <p class="mb-0">WebKit Provides 5 Full app with State management (BLoC Pattern). <span-->
<!-- class="text-info"><sup>*</sup> We're adding more in future</span></p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 mb-3">-->
<!-- <div class="border rounded h-100 text-center p-4">-->
<!-- <img alt="" class="img-fluid" src="assets/images/features-icon/theme_feature.png" width="120px">-->
<!-- <h4 class="text-dark mt-4">Light, Dark & Black Theme</h4>-->
<!-- <p class="mb-0">WebKit provide Light, Dark & Black Theme support for every app</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 mb-3">-->
<!-- <div class="border rounded h-100 text-center p-4">-->
<!-- <img alt="" class="img-fluid" src="assets/images/features-icon/edit-code_feature.png" width="120px">-->
<!-- <h4 class="text-dark mt-4">Easy to Customize</h4>-->
<!-- <p class="mb-0">We provide strong documentation to customize your app.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-md-6 mb-3">-->
<!-- <div class="border rounded h-100 text-center p-4">-->
<!-- <img alt="" class="img-fluid" src="assets/images/features-icon/languages_feature.png" width="120px">-->
<!-- <h4 class="text-dark mt-4">Multi Language</h4>-->
<!-- <p class="mb-0">It allows adding and remove multiple languages in your app + RTL Supports</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<footer class="landing-foote pt-5 bg-dark">
<div class="container">
<div class="row mb-4">
<div class="col-md-5">
<h1 class="text-white lh_1-4">Build any admin with our all in MaxDash</h1>
<p class="text-white-50 font-18 mt-3">Get amazing designs and lifetime-free
updates</p>
<a class="btn btn-light mt-3"
href="https://codecanyon.net/item/MaxDash-flutter-admin-dashboard-kit/52877129?s_rank=1"
target="_blank">Buy
Now</a>
</div>
</div>
</div>
<div class="footer-one-alt py-2 border-top border-secondary bg-dark">
<div class="container">
<div class="row align-items-center text-sm-start text-center">
<div class="col-sm-6">
<p class="font-13 mb-0 text-white-50">
©
<script>document.write(new Date().getFullYear())</script>
MaxDash - Design &amp; Develop by Getappui
</p>
</div>
<div class="col-sm-6">
<ul class="list-inline footer-social-one mt-sm-0 mt-2 mb-0 text-sm-end text-center">
<li class="list-inline-item">
<a href="" target="_blank"><i class="uil uil-facebook-f"></i></a>
</li>
<li class="list-inline-item">
<a href="" target="_blank"><i class="uil uil-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="" target="_blank"><i class="uil uil-linkedin"></i></a>
</li>
<li class="list-inline-item">
<a href="" target="_blank"><i class="uil uil-dribbble"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- ============================================================== -->
<!-- End Page content -->
<!-- ============================================================== -->
<!-- END wrapper -->
<!-- partial: right sidebar -->
</body>
<script src="https://getappui.com/app/newsletter/index.js" async></script>
</html>