Argon PRO Flutter by Creative Tim

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Argon PRO Flutter by Creative Tim</title> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="dns-prefetch" href="//www.google-analytics.com">  <link rel="canonical" href="https://www.creative-tim.com/product/argon-pro-flutter">  <meta name="keywords" content="flutter, flutter ui kit, flutter premium, flutter components, flutter screens, flutter argon, flutter expo, flutter ios, flutter kit, flutter argon design system, flutter android, flutter ui template, flutter fully coded, flutter coded app template, expo, expo.io"> <meta name="description" content="Argon PRO Flutter is a fully coded app template built with Google's Flutter">  <meta name="twitter:card" content="product"> <meta name="twitter:site" content="@creativetim"> <meta name="twitter:title" content="Argon PRO Flutter by Creative Tim"> <meta name="twitter:description" content="Start your development with a badass Argon UI Kit for Flutter inspired by Argon Design System."> <meta name="twitter:creator" content="@creativetim"> <meta name="twitter:image" content="">  <meta property="fb:app_id" content="655968634437471"> <meta property="og:title" content="Argon PRO Flutter by Creative Tim"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.creative-tim.com/product/argon-pro-flutter"> <meta property="og:image" content=""> <meta property="og:description" content="Start Your Development With A Badass Flutter app inspired by Argon Design System."> <meta property="og:site_name" content="Creative Tim"> <link rel="icon" type="image/x-icon" href="./favicon.png"> <link rel="stylesheet" href="./assets/css/nucleo.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">  <link rel="stylesheet" href="./assets/css/argon-kit.css"> <link rel="stylesheet" href="./assets/css/new-css.css"> <link rel="stylesheet" href="./assets/css/demo.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NKDMSK6');</script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <nav class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom--top headroom--not-bottom" id="sectionsNav"> <div class="container"> <a class="navbar-brand" href="https://www.creative-tim.com/">Creative Tim </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar_global"> <div class="navbar-collapse-header"> <div class="row"> <div class="col-6 collapse-brand"> <a class="navbar-brand text-primary" href="https://www.creative-tim.com/">Creative Tim </a> </div> <div class="col-6 collapse-close"> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"> <span></span> <span></span> </button> </div> </div> </div> <ul class="navbar-nav align-items-lg-center ml-lg-auto"> <li class="nav-item"> <a class="nav-link nav-link-icon" href="https://www.facebook.com/creativetim" target="_blank" data-toggle="tooltip" title="" data-original-title="Like us on Facebook"> <i class="fab fa-facebook-square"></i> <span class="nav-link-inner--text d-lg-none">Facebook</span> </a> </li> <li class="nav-item"> <a class="nav-link nav-link-icon" href="https://twitter.com/creativetim" target="_blank" data-toggle="tooltip" title="" data-original-title="Follow us on Twitter"> <i class="fab fa-twitter-square"></i> <span class="nav-link-inner--text d-lg-none">Twitter</span> </a> </li> <li class="nav-item"> <a class="nav-link nav-link-icon" href="https://github.com/creativetimofficial/ct-argon-pro-flutter" target="_blank" data-toggle="tooltip" title="" data-original-title="Star us on Github"> <i class="fab fa-github"></i> <span class="nav-link-inner--text d-lg-none">Github</span> </a> </li> <li class="nav-item d-lg-block ml-lg-4"> <a href="https://github.com/creativetimofficial/argon-flutter/?ref=apf-landing-nav" target="_blank" class="btn btn-neutral btn-icon"> <span class="nav-link-inner--text">Try demo</span> </a> </li> <li class="nav-item d-lg-block ml-lg-4 text-left"> <a href="https://www.creative-tim.com/learning-lab/flutter/overview/argon" target="_blank" class="btn btn-default btn-icon"> <span class="nav-link-inner--text">Documentation</span> </a> </li> <li class="nav-item d-lg-block ml-lg-4 text-left"> <a href="https://www.creative-tim.com/product/argon-pro-flutter/?ref=apf-landing-nav" target="_blank" class="btn btn-info btn-icon"> <span class="nav-link-inner--text">Buy Now</span> </a> </li> </ul> </div> </div> </nav> <div class="position-relative"> <section class="section section-lg section-shaped pb-100"> <div class="shape shape-style-1 bg-gradient-info"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <div class="container py-lg-md d-flex"> <div class="row"> <div class="col-lg-7"> <div class="brand"> <h1 class="display-3 text-white pt-100"> Argon PRO Flutter </h1> <p class="lead text-white"> Start your development with a badass Argon UI Kit for Flutter inspired <br> by Argon Design System. </p> <br> <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Ffacebook.com%2FCreativeTim&width=74&layout=button_count&action=like&size=small&show_faces=true&share=false&height=21&appId" data-size="large" width="74" height="21" style="border:none;overflow:hidden;height:20px" scrolling="no" frameborder="0" allowTransparency="true"></iframe> <a href="https://twitter.com/creativetim?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-screen-name="false" data-show-count="true">Follow @creativetim</a> <a class="github-button" href="https://github.com/creativetimofficial/ct-argon-pro-flutter" data-icon="octicon-star" data-show-count="true" aria-label="Star creativetimofficial/argon-react-native on GitHub">Star</a> <br> <br> </div> </div> <div class="col-lg-5"> <img src="assets/img/argon-flutter/header_images/iph.png" class="phone1" id="parallax-1"> <img src="assets/img/argon-flutter/header_images/samsung.png" class="phone2" id="parallax-2"> </div> </div> </div> <div class="separator separator-bottom separator-skew"> <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg"> <polygon class="fill-white" points="2560 0 2560 100 0 100"></polygon> </svg> </div> </section> </div> <div class="main main-raised"> <div class="section"> <div class="container"> <div class="row"> <div class="col-md-8 ml-auto mr-auto"> <p class="text-center"> Argon Pro Flutter is a premium mobile UI template built with Google's Flutter allowing you to create powerful and beautiful mobile applications. </p> </div> </div> <div class="features-1 mt-5"> <div class="row"> <div class="col-md-6"> <div class="info text-center p-5"> <div class="icon icon-shape icon-shape-primary rounded-circle mb-4"> <i class="ni ni-check-bold"></i> </div> <h3 class="info-title">Open Source Fonts</h3> <p>We used Google Fonts (Open Sans) for the beautiful typography inside Argon PRO Flutter.</p> </div> </div> <div class="col-md-6"> <div class="info text-center p-5"> <div class="icon icon-shape icon-shape-success rounded-circle mb-4"> <i class="ni ni-planet"></i> </div> <h3 class="info-title">Argon Design</h3> <p>Argon PRO Flutter has a fresh design inspired by Argon Design System.</p> </div> </div> <div class="col-md-6"> <div class="info text-center p-5"> <div class="icon icon-shape icon-shape-warning rounded-circle mb-4"> <i class="ni ni-settings"></i> </div> <h3 class="info-title">Flutter</h3> <p>Save time writing the code one time and it will be automatically converted to native iOS and Android code.</p> </div> </div> <div class="col-md-6"> <div class="info text-center p-5"> <div class="icon icon-shape icon-shape-info rounded-circle mb-4"> <i class="ni ni-building"></i> </div> <h3 class="info-title">Documentation</h3> <p>All components come with their own description and examples of how to use them. Please check the <a href="https://www.creative-tim.com/learning-lab/flutter/overview/argon" target="_blank"> full documentation here</a>.</p> </div> </div> </div> </div> </div> </div> <div class="section section-cards py-5 bg-gradient-info"> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="image-container"> <img class="img" src="assets/img/argon-flutter/section_cards_image/cards.png"> </div> </div> <div class="col-lg-4 col-md-8 col-sm-7 ml-auto"> <div class="section-description"> <h3 class="display-4 text-white">Unconventional Cards</h3> <h6 class="text-white text-uppercase">One Card for Every Problem</h6> <p class="text-white"> We love cards and everybody on the web seems to. We have gone above and beyond with options for you to organise your information. From cards designed for blog posts, to product cards or user profiles, you will have many options to choose from. All the cards follow the Argon principles and have a design that stands out. </p> </div> </div> </div> </div> </div> <div class="section section-products pt-200"> <div class="container"> <div class="row"> <div class="col-md-8 ml-auto mr-auto text-center"> <h2 class="title pb-5">A selection of screens</h2> </div> </div> <div class="space-50"></div> <div class="row"> <div class="col-md-3 col-6"> <div class="shadow"> <img src="assets/img/argon-flutter/screens/chat2.jpg"> </div> </div> <div class="col-md-3 col-6"> <div class="shadow"> <img src="assets/img/argon-flutter/screens/categories2.jpg"> </div> </div> <div class="col-md-3 col-6"> <div class="shadow"> <img src="assets/img/argon-flutter/screens/articles2.jpg"> </div> </div> <div class="col-md-3 col-6"> <div class="shadow"> <img src="assets/img/argon-flutter/screens/product2.jpg"> </div> </div> </div> </div> </div> <div class="section section-components mt--150 pt-200 bg-gradient-dark"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-10 ml-auto mr-auto pt-100"> <div class="section-description"> <h3 class="display-4 text-white">Example Pages</h3> <p class="text-white"> We restyled every component from All the elements that you need to create an app have been designed with a new and fresh look. Besides the numerous elements and screens we created additional states for better customization. All these elements will help you take your project to the next level. </p> </div> </div> <div class="col-lg-7 col-md-12 ml-auto"> <div class="image-container"> <img class="components-phone " src="assets/img/argon-flutter/section_content_areas/iphonex.png" alt=""> <img class="table-img " src="assets/img/argon-flutter/section_content_areas/ecomm-1.png" alt=""> <img class="ecomm-2 " src="assets/img/argon-flutter/section_content_areas/ecomm-2.png" alt=""> <img class="ecomm-3 " src="assets/img/argon-flutter/section_content_areas/ecomm-3.png" alt="" style="box-shadow:none;"> </div> </div> </div> </div> </div> <div class="section section-examples bg-gradient-dark py-5"> <div class="container"> <div class="col-md-8 ml-auto mr-auto text-center"> <div class="section-description"> <h2 class="display-3 text-white">All screens</h2> <p class="lead mb-5 text-white"> The easiest way to get started is to use one of our pre-built example screens. From profile screen to profile or account screen, you will be able jump start your development. Show your clients a quick prototype and get inspired for your next project! </p> </div> </div> <div class="space-100"></div> <div class="row"> <div class="col-sm-4 ml-auto"> <h4 class="title text-white">Home</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/home.jpg" alt=""> </a> </div> <h4 class="title text-white">Profile</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/profile.png" alt=""> </a> </div> <h4 class="title text-white">Sidebar</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/sidebar.jpg" alt=""> </a> </div> <h4 class="title text-white">Articles</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/articles.jpg" alt=""> </a> </div> <h4 class="title text-white">Privacy</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/privacy_policy.jpg" alt=""> </a> </div> <h4 class="title text-white">Product</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/product.jpg" alt=""> </a> </div> <h4 class="title text-white">Register</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/register.jpg" alt=""> </a> </div> </div> <div class="col-sm-4"> <h4 class="title text-white">Components</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/components.jpg" alt=""> </a> </div> <h4 class="title text-white">Notifications</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/notifications.jpg" alt=""> </a> </div> <h4 class="title text-white">Settings</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/settings.jpg" alt=""> </a> </div> <h4 class="title text-white">Search</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/search_1.jpg" alt=""> </a> </div> <h4 class="title text-white">Search Active</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/search_2.jpg" alt=""> </a> </div> </div> <div class="col-sm-4 mr-auto"> <h4 class="title text-white">Onboarding</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/onboarding.png" alt=""> </a> </div> <h4 class="title text-white">About us</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/about_us.jpg" alt=""> </a> </div> <h4 class="title text-white">Artists</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/artists.jpg" alt=""> </a> </div> <h4 class="title text-white">Beauty</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/beauty.jpg" alt=""> </a> </div> <h4 class="title text-white">Chat</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/chat.jpg" alt=""> </a> </div> <h4 class="title text-white">Notifications Personal</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/notifications_personal.jpg" alt=""> </a> </div> <h4 class="title text-white">Notifications System</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/notifications_system.jpg" alt=""> </a> </div> <h4 class="title text-white">User Agreement</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/argon-flutter/screens/user_agreement.jpg" alt=""> </a> </div> </div> </div> </div> </div> <div class="section section-free-demo bg-white py-5"> <div class="container"> <div class="row"> <div class="col-lg-5 mr-auto mt-md-5"> <div class="icon-github mt-5"> <i class="fab fa-github"></i> </div> <div class="section-description"> <h1 class="title mt-0">Free Demo</h1> <h5 class="description">Do you want to test and see the benefits of this Flutter app template before purchasing it? You can give the demo version a try. It features enough basic components for you to get a feel of the design and also test the quality of the code. Get it free on GitHub!</h5> <div class="github-section"> <div class="git-demo"> <a href="https://github.com/creativetimofficial/argon-flutter" target="_blank" class="btn btn-info btn-round mt-3">Try now</a> </div> </div> </div> </div> <div class="col-lg-6 ml-auto mr-5"> <img src="./assets/img/section_free_demo/free-demo.png" class="mt-5"> </div> </div> </div> </div> <div class="section section-overview"> <div class="features-5"> <div class="col-md-8 ml-auto mr-auto text-center"> <h2 class="title pb-5 mb-5">Your work will get much easier</h2> </div> <div class="container p-0"> <div class="row"> <div class="col-sm-3"> <div class="info text-center"> <div class="icon icon-lg icon-shape bg-gradient-warning shadow rounded-circle text-white"> <i class="fa fa-mobile"></i> </div> <h5 class="info-title mt-4">Flutter</h5> <p> Flutter is Google鈥檚 mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. </p> </div> </div> <div class="col-sm-3"> <div class="info text-center"> <div class="icon icon-lg icon-shape bg-gradient-info shadow rounded-circle text-white"> <i class="fa fa-wrench"></i> </div> <h5 class="info-title mt-4">Pre-Built App Template</h5> <p> Our product has an already built navigation system and a ton of cool screens which can help you build your dream app in no time. </p> </div> </div> <div class="col-sm-3"> <div class="info text-center"> <div class="icon icon-lg icon-shape bg-gradient-success shadow rounded-circle text-white"> <i class="fa fa-clock"></i> </div> <h5 class="info-title mt-4">Save Time</h5> <p> Using the Argon PRO Flutter will save you large amount of time. You don't have to worry about customising or creating new basic elements or generating new components. </p> </div> </div> <div class="col-sm-3"> <div class="info text-center"> <div class="icon icon-lg icon-shape bg-gradient-primary shadow rounded-circle text-white"> <i class="fa fa-coins"></i> </div> <h5 class="info-title mt-4">Save Money</h5> <p> Creating your design from scratch with dedicated designers can be very expensive. Using a flutter app template is the best option to start your development while bootstrapping your budget. </p> </div> </div> </div> </div> </div> <div class="section-testimonials team-3"> <div class="container"> <div class="row"> <div class="col-md-8 ml-auto mr-auto text-center"> <h2 class="title pt-100">Trusted by 1.000.000+ People</h2> <h5 class="description pb-5">The UI Kits, Templates and Dashboards that we've created are used by <b>765,000+ web developers</b> in over <b>1.380.000 Web Projects</b>. This is what some of them think:</h5> </div> </div> <div class="row"> <div class="col-md-4 text-center"> <div class="px-4"> <img class="img-fluid rounded-circle shadow" src="./assets/img/argon-flutter/our_clients/test1.jpg"><div class="pt-0 text-center"> <h5 class="title"> <span class="d-block mb-1">Khaldi Yass</span> <small class="h6 text-muted"> "As soon as I saw this kit, everything else isn't the same anymore, I just can't describe it guys! Thank you for this work!" </small> </h5> </div> </div> </div> <div class="col-md-4 text-center"> <div class="px-4"> <img class="img-fluid rounded-circle shadow" src="./assets/img/argon-flutter/our_clients/test2.jpg"><div class="pt-0 text-center"> <h5 class="title"> <span class="d-block mb-1">Josh Murray</span> <small class="h6 text-muted"> "Great! Used this for a client already and he is over the moon. Keep up the good work Creative Tim! 10/10 for design, colours, and the feel of the kit." </small> </h5> </div> </div> </div> <div class="col-md-4 text-center"> <div class="px-4"> <img class="img-fluid rounded-circle shadow" src="./assets/img/argon-flutter/our_clients/test3.jpg"><div class="pt-0 text-center"> <h5 class="title"> <span class="d-block mb-1">Michael Onubogu</span> <small class="h6 text-muted"> "Damn Daniel!!! This Design System is fresh AF! Amazing work!"</small> </h5> </div> </div> </div> </div> </div> </div> </div> <div class="our-clients text-center mt-0 mb-4"> <div class="card-featured-content"> <img src="assets/img/argon-flutter/our_clients/microsoft.jpg" alt="alt image"> <img src="assets/img/argon-flutter/our_clients/vodafone.jpg" alt="alt image"> <img src="assets/img/argon-flutter/our_clients/at.jpg" style="width:70px;" alt="alt image"> <img src="assets/img/argon-flutter/our_clients/amazon.jpg" style="width: 90px" alt="alt image"> <img src="assets/img/argon-flutter/our_clients/cisco.jpg" style="width: 75px;" alt="alt image"> <img src="assets/img/argon-flutter/our_clients/sales.jpg" style="width:75px;" alt="alt image"> <img src="assets/img/argon-flutter/our_clients/ibm.jpg" style="width:80px;" alt="alt image"> <img src="assets/img/argon-flutter/our_clients/samsung.jpg" alt="alt image"> </div> </div> <div class="section section-pricing pricing-5 iframe-extern"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 ml-auto mr-auto text-center"> <h2 class="title mb-4">Ready to grab Argon PRO Flutter?</h2> </div> <div class="col-md-10"> <p class="description"> <b>Personal License:</b> Good for personal app, school apps, startups or any other project where your users will not be charged for using it. Create one single app for one client. </p> <p class="description"> <b>Developer License:</b> Good for business projects, multiple apps for clients or for creating themes where your users will be charged for using it. Create multiple apps for multiple clients. </p> <div class="pricing card-group flex-column flex-md-row mb-3 py-5"> <div class="card card-pricing border-0 text-center mb-4 bg-default"> <div class="card-header bg-transparent"> <h6 class="text-uppercase ls-1 text-primary py-3 mb-0">Personal License</h6> </div> <div class="card-body"> <div class="display-2 text-white">$149</div> <span class="text-muted">per application</span> <ul class="list-unstyled my-4"> <li> <b class="text-white">Dart</b> Files </li> <li> <b class="text-white">Fully Coded</b> Components </li> <li> <b class="text-white">Fully Coded</b> Screens </li> <li> <b class="text-white">Responsive</b> Design </li> <li> Works <b class="text-white">with iOS</b> </li> <li> Works <b class="text-white">with Android</b> </li> <li>Product <b class="text-white"> Documentation</b> </li> </ul> <a href="https://www.creative-tim.com/product/argon-pro-flutter/?ref=apf-landing-card" target="_blank" class="btn btn-primary btn-round">Buy now</a> </div> </div> <div class="card card-pricing bg-gradient-success zoom-in shadow-lg rounded border-0 text-center mb-4"> <div class="card-header bg-transparent"> <h6 class="text-uppercase ls-1 text-white py-3 mb-0">Developer license</h6> </div> <div class="card-body"> <div class="display-1 text-white">$599</div> <span class="text-white">per application</span> <ul class="list-unstyled my-4"> <li class="text-white"> <b class="text-white">Dart</b> Files <li class="text-white"> <b>Fully Coded</b> Components </li> <li class="text-white"> <b>Fully Coded</b> Screens </li> <li class="text-white"> <b>Responsive</b> Design </li> <li class="text-white"> Works <b>with iOS</b> </li> <li class="text-white"> Works <b>with Android</b> </li> <li class="text-white">Product <b> Documentation</b> </li> <li class="text-white"> <b>+ Multiple Projects</b> Use </li> </ul> <a href="https://www.creative-tim.com/product/argon-pro-flutter/?ref=apf-landing-card" target="_blank" class="btn btn-secondary btn-round">Buy now</a> </div> </div> </div> </div> <div class="col-md-8 ml-auto mr-auto text-center"> <p class="description"> You have <b>Free Updates</b> and <b>Premium Support</b> for the first <b>6 months</b>. You can extend your Premium Support to <b>12 months</b> or more when you purchase the product. You also have <b>30 days</b> to request a refund if you are not happy with your purchase. </p> </div> </div> </div> </div> </div> <section class="section"> <div class="social-line text-center"> <div class="container"> <div class="row"> <div class="col-md-12"> <h4 class="title mb-4">Thank you for sharing!</h4> <a href="https://twitter.com/home?status=%20Argon%20PRO%20Flutter%20by%20Creative%20Tim/" target="_blank" class="btn btn-twitter btn-round"> <i class="fab fa-twitter"></i> Twitter </a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//demos.creative-tim.com/argon-pro-flutter/" target="_blank" class="btn btn-facebook btn-round"> <i class="fab fa-facebook-square"></i> Facebook </a> </div> </div> </div> </div> </section> <footer class="py-5" id="footer-main"> <div class="container"> <div class="row align-items-center justify-content-xl-between"> <div class="col-xl-6"> <div class="copyright text-center text-xl-left text-muted"> © <script> document.write(new Date().getFullYear()); </script> <a href="https://www.creative-tim.com" class="font-weight-bold ml-1" target="_blank">Creative Tim</a> </div> </div> <div class="col-xl-6"> <ul class="nav nav-footer justify-content-center justify-content-xl-end"> <li class="nav-item"> <a href="https://www.creative-tim.com" class="nav-link" target="_blank">Creative Tim</a> </li> <li class="nav-item"> <a href="https://www.creative-tim.com/presentation" class="nav-link" target="_blank">About Us</a> </li> <li class="nav-item"> <a href="https://blog.creative-tim.com" class="nav-link" target="_blank">Blog</a> </li> <li class="nav-item"> <a href="https://www.creative-tim.com/license" class="nav-link" target="_blank">License</a> </li> </ul> </div> </div> </div> </footer> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script async defer src="https://buttons.github.io/buttons.js"></script> <script src="./assets/js/jquery.min.js"></script> <script src="./assets/js/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="./assets/js/jquery.sharrre.min.js"></script> <script> function parallaxScroll(){ var scrolled = $(window).scrollTop(); $('#parallax-1').css('top',(0-(scrolled*.25))+'px'); $('#parallax-2').css('top',(0-(scrolled*.4))+'px'); } $(window).scroll(function(e){ parallaxScroll(); }); </script> <script> // Facebook Pixel Code Don't Delete !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); try{ fbq('init', '111649226022273'); fbq('track', "PageView"); }catch(err) { console.log('Facebook Track Error:', err); } </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=111649226022273&ev=PageView&noscript=1" /> </noscript> </body> </html>

CINXE.COM

Argon PRO Flutter by Creative Tim