Material Kit PRO React Native by Creative Tim

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  <link rel="apple-touch-icon" href="./assets/img/apple-icon.png"> <link rel="icon" href="./assets/img/favicon.png"> <title> Material Kit PRO React Native by Creative Tim </title>  <link rel="canonical" href="https://www.creative-tim.com/product/material-kit-pro-react-native">  <meta name="keywords" content="react native, react native ui kit, react native premium, react native components, react native screens, react native material design, react native galio, react native expo, react native ios, react native kit, react native material kit, react native android, react native ui template, react native fully coded, galio, react native coded app template, expo, expo.io"> <meta name="description" content="Material Kit PRO React Native is a fully coded app template built over Galio.io, React Native and Expo to allow you to create powerful and beautiful e-commerce mobile applications.">  <meta itemprop="name" content="Material Kit PRO React Native by Creative Tim"> <meta itemprop="description" content="Start Your Development With A Badass React Native app inspired by Material Design."> <meta itemprop="image" content="https://s3.amazonaws.com/creativetim_bucket/products/143/original/opt_mkprn_thumbnail.jpg">  <meta name="twitter:card" content="product"> <meta name="twitter:site" content="@creativetim"> <meta name="twitter:title" content="Material Kit PRO React Native by Creative Tim"> <meta name="twitter:description" content="Start Your Development With A Badass React Native app inspired by Material Design."> <meta name="twitter:creator" content="@creativetim"> <meta name="twitter:image" content="https://s3.amazonaws.com/creativetim_bucket/products/143/original/opt_mkprn_thumbnail.jpg"> <meta name="twitter:data1" content="Material Kit PRO React Native by Creative Tim"> <meta name="twitter:label1" content="Product Type"> <meta name="twitter:label2" content="Price">  <meta property="fb:app_id" content="655968634437471"> <meta property="og:title" content="Material Kit PRO React Native by Creative Tim"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.creative-tim.com/product/material-kit-pro-react-native"> <meta property="og:image" content="https://s3.amazonaws.com/creativetim_bucket/products/143/original/opt_mkprn_thumbnail.jpg"> <meta property="og:description" content="Start Your Development With A Badass React Native app inspired by Material Design."> <meta property="og:site_name" content="Creative Tim">  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" /> <link rel="stylesheet" href="./assets/css/material-kit.css?v=2.0.0">   <link href="./assets/assets-for-demo/demo.css" rel="stylesheet" /> <link href="./assets/assets-for-demo/vertical-nav.css" rel="stylesheet" />  <link href="./assets/css/new-css.css" rel="stylesheet" />  <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>  <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=111649226022273&ev=PageView&noscript=1"/> <nav class="navbar navbar-color-on-scroll navbar-transparent fixed-top navbar-expand-lg " color-on-scroll="100" id="sectionsNav"> <div class="container"> <div class="navbar-translate"> <a class="navbar-brand" href="./presentation.html">Creative Tim </a> <button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> </button> </div> <div class="collapse navbar-collapse"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a href="https://twitter.com/CreativeTim" target="_blank" class="nav-link sharrre"><i class="fa fa-twitter"></i></a> </li> <li class="nav-item"> <a href="https://www.facebook.com/CreativeTim/" target="_blank" class="nav-link sharrre"><i class="fa fa-facebook-square"></i></a> </li> <li class="nav-item"> <a href="https://github.com/creativetimofficial/ct-material-kit-pro-react-native" target="_blank" class="nav-link"> <i class="fa fa-github"></i> </a> </li> <li class="nav-item"> <a href="https://github.com/creativetimofficial/material-kit-react-native" target="_blank" class="btn btn-white btn-round mr-1"> Try demo </a> <a href="https://demos.creative-tim.com/material-kit-pro-react-native/docs/#/" target="_blank" class="btn btn-default btn-round"> Documentation </a> <a href="https://www.creative-tim.com/product/material-kit-pro-react-native/?ref=mkprn-landing-nav" target="_blank" class="btn btn-rose btn-round"> Buy now </a> </li> </ul> </div> </div> </nav> <div class="page-header header-filter clear-filter" data-parallax="true" > <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="brand"> <h1> Material Kit PRO React Native </h1> <h4> Start your development with a badass material UI Kit for React Native inspired by Material Design. </h4> <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-material-kit-pro-react-native" data-icon="octicon-star" data-show-count="true" aria-label="Star creativetimofficial/material-kit on GitHub">Star</a> <br> <br> </div> </div> <div class="col-lg-6"> <img src="assets/img/phone1111.png" class="phone1" id="parallax-1"> <img src="assets/img/phone2.png" class="phone2" id="parallax-2"> </div> </div> </div> </div> <div class="main main-raised"> <div class="section"> <div class="container"> <div class="row"> <div class="col-md-8 ml-auto mr-auto"> <h4 class="description text-center"> Material Kit PRO React Native is a fully coded app template built over <a href="https://galio.io/?ref=creativetim" target="_blank">Galio.io</a>, <a href="https://facebook.github.io/react-native/?ref=creativetim" target="_blank">React Native</a> and <a href="https://expo.io/?ref=creativetim" target="_blank">Expo</a> to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Google's material design, minimalistic and easy to use. </h4> </div> </div> <div class="features-1"> <div class="row"> <div class="col-md-6"> <div class="info"> <div class="icon icon-rose"> <i class="material-icons">font_download</i> </div> <h3 class="info-title">Open Source Fonts</h3> <p>We used Google Fonts (Roboto) for the beautiful typography inside Material Kit PRO React Native.</p> </div> </div> <div class="col-md-6"> <div class="info"> <div class="icon icon-info"> <i class="material-icons">view_carousel</i> </div> <h3 class="info-title">Google Material Design</h3> <p>Materiak Kit React Native has a fresh design inspired by Google's Material Design.</p> </div> </div> <div class="col-md-6"> <div class="info"> <div class="icon icon-success"> <i class="material-icons">compare_arrows</i> </div> <h3 class="info-title">expo.io + iOS/Android</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"> <div class="icon icon-warning"> <i class="material-icons">developer_board</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://demos.creative-tim.com/material-kit-pro-react-native/docs/#/" target="_blank"> full documentation here</a>.</p> </div> </div> </div> </div> </div> </div> <div class="section section-cards section-dark"> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="image-container"> <img class="img" src="assets/img/cards.png"> </div> </div> <div class="col-lg-4 col-md-8 col-sm-7 ml-auto"> <div class="section-description"> <h3 class="title">Unconventional Cards</h3> <h6 class="description">One Card for Every Problem</h6> <h5 class="description">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 material principles and have a design that stands out. </h5> </div> </div> </div> </div> </div> <div class="section section-products mt-5"> <div class="container"> <div class="row"> <div class="col-md-8 ml-auto mr-auto text-center"> <h2 class="title">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/signup.png"> </div> </div> <div class="col-md-3 col-6"> <div class="shadow"> <img src="assets/img/profile.jpg"> </div> </div> <div class="col-md-3 col-6"> <div class="shadow"> <img src="assets/img/woman.png"> </div> </div> <div class="col-md-3 col-6"> <div class="shadow"> <img src="assets/img/chat.png"> </div> </div> </div> </div> </div> <div class="section-components section-dark"> <div class="space-110"></div> <br> <br> <div class="container"> <div class="row"> <div class="col-lg-5"> <h2 class="title">Ecommerce Examples <h5 class="description"> We restyled every component from <a href="https://galio.io/?ref=creativetim" class="text-primary" target="_blank">Galio.io</a> to make it resemble Material Design and also fit with each other. All the elements that you need to create an ecommerce 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. </h5> </h2> </div> <div class="col-lg-6 ml-auto"> <div class="image-container"> <img class="components-phone" src="assets/img/iphonex.png" alt="" /> <img class="table-img" src="assets/img/ecomm-1.png" alt="" /> <img class="ecomm-2" src="assets/img/ecomm-2.png" alt="" /> <img class="ecomm-3" src="assets/img/ecomm-3.png" alt="" style="box-shadow:none;"> </div> </div> </div> </div> <div class="section section-examples"> <div class="container"> <div class="col-md-8 ml-auto mr-auto text-center"> <div class="section-description"> <h2 class="title">All screens</h2> <h5 class="description"> The easiest way to get started is to use one of our pre-built example screens. From profile screen to e-commerce or chat screen, you will be able jump start your development. Show your clients a quick prototype and get inspired for your next project! </h5> </div> </div> <div class="space-100"></div> <div class="row"> <div class="col-sm-4"> <h4 class="title">Onboarding</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="assets/img/screens/onboarding.png" alt=""> </a> </div> <h4 class="title">Cart</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/cart.png" alt=""> </a> </div> <h4 class="title">Menu</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/menu.png" alt=""> </a> </div> <h4 class="title">Search</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/search.png" alt=""> </a> </div> <h4 class="title">Profile</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/profile.jpg" alt=""> </a> </div> <h4 class="title">Privacy</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/privacy.png" alt=""> </a> </div> <h4 class="title">Settings</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/settings.png" alt=""> </a> </div> </div> <div class="col-sm-4"> <h4 class="title">Chat</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/chat.png" alt=""> </a> </div> <h4 class="title">Home</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/home.png" alt=""> </a> </div> <h4 class="title">User Agreement</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/user-agreement.png" alt=""> </a> </div> <h4 class="title">Sign Up</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/signup.png" alt=""> </a> </div> <h4 class="title">Deals</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/deals.png" alt=""> </a> </div> <h4 class="title">Categories</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/categories.png" alt=""> </a> </div> <h4 class="title">Product</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/product-page.png" alt=""> </a> </div> </div> <div class="col-sm-4"> <h4 class="title">Components</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/components.png" alt=""> </a> </div> <h4 class="title">Sign in</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/signin.png" alt=""> </a> </div> <h4 class="title">Notifications</h4> <div class="card"> <a href="javascript:void(0)" target="_blank"> <img src="./assets/img/screens/notification.png" alt=""> </a> </div> </div> </div> </div> </div> </div> <div class="section section-free-demo"> <div class="container"> <div class="row"> <div class="col-lg-5 mr-auto"> <div class="icon-github"> <i class="fa fa-github"></i> </div> <div class="section-description"> <h2 class="title">Free Demo</h2> <h5 class="description">Do you want to test and see the benefits of this react native 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/material-kit-react-native" target="_blank" class="btn btn-rose btn-round">Try now</a> </div> </div> </div> </div> <div class="col-lg-6 ml-auto"> <img src="assets/img/samsung.png"> </div> </div> </div> </div> <div class="section section-overview"> <div class="features-5" style="background-image: url('./assets/img/background.jpeg')"> <div class="col-md-8 ml-auto mr-auto text-center"> <h2 class="title">Your work will get much easier</h2> </div> <div class="container"> <div class="row"> <div class="col-sm-3"> <div class="info"> <div class="icon"> <i class="fa fa-mobile"></i> </div> <h4 class="info-title">Expo.io</h4> <p> Expo is a free and open source toolchain built around React Native to help you build native iOS and Android projects using JavaScript and React. </p> </div> </div> <div class="col-sm-3"> <div class="info"> <div class="icon"> <i class="fa fa-wrench"></i> </div> <h4 class="info-title">Pre-Built App Template</h4> <p> Our product has an already built navigation system using react-navigation as its main library. On top of that, using our beautifully designed e-commerce screens you are ready to launch your awesome app. </p> </div> </div> <div class="col-sm-3"> <div class="info"> <div class="icon"> <i class="material-icons">access_time</i> </div> <h4 class="info-title">Save Time</h4> <p>Using the Material Kit PRO React Native 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"> <div class="icon"> <i class="material-icons">attach_money</i> </div> <h4 class="info-title">Save Money</h4> <p>Creating your design from scratch with dedicated designers can be very expensive. Using a react native 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">Trusted by 630.000+ People</h2> <h5 class="description">The UI Kits, Templates and Dashboards that we've created are used by <b>630,000+ web developers</b> in over <b>1.130.000 Web Projects</b>. This is what some of them think:</h5> </div> </div> <div class="row"> <div class="col-md-4"> <div class="card card-profile card-plain"> <div class="row"> <div class="col-md-3"> <div class="card-header card-header-image"> <a href="#pablo"> <img class="img" src="./assets/img/test1.jpg"> </a> <div class="colored-shadow" style="background-image: url("./assets/img/test1.jpg"); opacity: 1;"></div> <div class="colored-shadow" style="background-image: url("./assets/img/test1.jpg"); opacity: 1;"></div></div> </div> <div class="col-md-9"> <div class="card-body"> <h4 class="card-title">Khaldi Yass</h4> <p class="card-description"> "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!" </p> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card card-profile card-plain"> <div class="row"> <div class="col-md-3"> <div class="card-header card-header-image"> <a href="#pablo"> <img class="img" src="./assets/img/test2.jpg"> </a> <div class="colored-shadow" style="background-image: url("./assets/img/test2.jpg"); opacity: 1;"></div> <div class="colored-shadow" style="background-image: url("./assets/img/test2.jpg"); opacity: 1;"></div></div> </div> <div class="col-md-9"> <div class="card-body"> <h4 class="card-title">Josh Murray</h4> <p class="card-description"> "Great kit! 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." </p> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card card-profile card-plain"> <div class="row"> <div class="col-md-3"> <div class="card-header card-header-image"> <a href="#pablo"> <img class="img" src="./assets/img/test3.jpg"> </a> <div class="colored-shadow" style="background-image: url("./assets/img/test3.jpg"); opacity: 1;"></div> <div class="colored-shadow" style="background-image: url("./assets/img/test3.jpg"); opacity: 1;"></div></div> </div> <div class="col-md-9"> <div class="card-body"> <h4 class="card-title">Michael Onubogu</h4> <p class="card-description"> "Damn Daniel!!! This Material UI Kit is fresh AF! Amazing work! </p> </div> </div> </div> </div> </div> </div> <div class="our-clients"> <div class="card-featured-content"> <img src="assets/img/microsoft.jpg"> <img src="assets/img/vodafone.jpg"> <img src="assets/img/at.jpg" style="width:70px;"> <img src="assets/img/amazon.jpg" style="width: 90px"> <img src="assets/img/cisco.jpg" style="width: 75px;"> <img src="assets/img/sales.jpg" style="width:75px;"> <img src="assets/img/ibm.jpg" style="width:80px;"> <img src="assets/img/samsung.jpg"> </div> </div> </div> </div> </div> </div> <div class="section section-pricing pricing-5 iframe-extern"> <div class="container"> <div class="row"> <div class="col-md-8 ml-auto mr-auto text-center"> <h2 class="title">Ready to grab Material Kit PRO React Native?</h2> </div> <div class="col-md-8 ml-auto mr-auto text-center"> <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="row"> <div class="col-md-6"> <div class="card card-pricing card-margin"> <div class="card-body"> <h6 class="card-category">Personal License</h6> <h1 class="card-title"> <small>$</small>149</h1> <ul> <li> <b>Javascript/React Native/JSS/TTF</b> Files</li> <li> <b>Fully Coded</b> Components </li> <li> <b>Fully Coded</b> Screens </li> <li> <b>Responsive</b> Design </li> <li> Works <b>with iOS</b> </li> <li> Works <b>with Android</b> </li> <li>Product <b> Documentation</b> </li> </ul> <a href="https://www.creative-tim.com/product/material-kit-pro-react-native/?ref=mkprn-landing-card" class="btn btn-rose btn-round"> Buy Now! </a> </div> </div> </div> <div class="col-md-6"> <div class="card card-pricing"> <div class="card-body"> <h6 class="card-category">Developer License</h6> <h1 class="card-title"> <small>$</small>599</h1> <ul> <li> <b>Javascript/React Native/JSS/TTF</b> Files</li> <li> <b>Fully Coded</b> Components </li> <li> <b>Fully Coded</b> Screens </li> <li> <b>Responsive</b> Design </li> <li> Works <b>with iOS</b> </li> <li> Works <b>with Android</b> </li> <li>Product <b> Documentation</b> </li> <li> <b>+ Multiple Projects</b> Use </li> </ul> <a href="https://www.creative-tim.com/product/material-kit-pro-react-native/?ref=mkprn-landing-card" class="btn btn-rose btn-round"> Buy Now! </a> </div> </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 class="social-line text-center"> <div class="container"> <div class="row"> <div class="col-md-12"> <h4 class="title">Thank you for sharing!</h4> <a href="#pablo" id="twitter" class="btn btn-twitter btn-round"> <i class="fa fa-twitter"></i> Twitter </a> <a href="#pablo" id="facebook" class="btn btn-facebook btn-round"> <i class="fa fa-facebook-square"></i> Facebook </a> <a href="#pablo" id="google" class="btn btn-google btn-round"> <i class="fa fa-google-plus"></i> Google </a> </div> </div> </div> </div> </div> <footer class="footer"> <div class="container"> <a class="footer-brand" href="https://www.creative-tim.com">Material Kit PRO React Native</a> <ul class="pull-center"> <li> <a href="https://www.creative-tim.com/" target="_blank"> Creative Tim </a> </li> <li> <a href="https://www.creative-tim.com/presentation" target="_blank"> About Us </a> </li> <li> <a href="https://www.creative-tim.com/blog" target="_blank"> Blog </a> </li> <li> <a href="https://www.creative-tim.com/license" target="_blank"> Licenses </a> </li> </ul> <div class="copyright pull-right"> 漏 <script type="text/javascript" async="" src="https://www.google-analytics.com/ga.js"></script><script> document.write(new Date().getFullYear()) </script>, made with <i class="material-icons">favorite</i> by <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a> for a better web. </div> </div> </footer>  <script src="./assets/js/core/jquery.min.js"></script> <script src="./assets/js/core/popper.min.js"></script> <script src="./assets/js/bootstrap-material-design.js"></script>  <script src="./assets/js/plugins/moment.min.js"></script>  <script src="./assets/js/plugins/bootstrap-selectpicker.js"></script>  <script src="./assets/js/plugins/bootstrap-tagsinput.js"></script>  <script src="./assets/js/plugins/jasny-bootstrap.min.js"></script>  <script src="./assets/js/plugins/jquery.flexisel.js"></script>  <script src="./assets/js/material-kit.js?v=2.0.0"></script>  <script src="./assets/assets-for-demo/js/material-kit-demo.js"></script>  <script src="./assets/assets-for-demo/js/modernizr.js"></script> <script src="./assets/assets-for-demo/js/vertical-nav.js"></script>  <script src="./assets/js/plugins/jquery.sharrre.min.js"></script>  <script async defer src="https://buttons.github.io/buttons.js"></script> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); !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> <script> $(document).ready(function() { $('#twitter').sharrre({ share: { twitter: true }, enableHover: false, enableTracking: false, buttons: { twitter: {}}, click: function(api, options){ api.simulateClick(); api.openPopup('twitter'); }, template:'<i class="fa fa-twitter"></i>twitter', url: ' https://github.com/creativetimofficial/ct-material-kit-pro-react-native' }); $('#facebook').sharrre({ share: { facebook: true }, buttons: { facebook: {} }, enableHover: false, enableTracking: false, click: function(api, options){ api.simulateClick(); api.openPopup('facebook'); }, template: '<i class="fa fa-facebook"></i>facebook', url: ' https://github.com/creativetimofficial/ct-material-kit-pro-react-native' }); $('#google').sharrre({ share: { facebook: true }, buttons: { facebook: {} }, enableHover: false, enableTracking: false, click: function(api, options){ api.simulateClick(); api.openPopup('facebook'); }, template: '<i class="fa fa-google-plus"></i>google', url: ' https://github.com/creativetimofficial/ct-material-kit-pro-react-native' }); materialKitDemo.presentationAnimations(); }); 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

Material Kit PRO React Native by Creative Tim