Created
March 27, 2018 04:25
-
-
Save kwarodom/8b497a510f8e494bdeabcb5cc849baac to your computer and use it in GitHub Desktop.
HTML File
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html > | |
| <head> | |
| <!-- Site made with Mobirise Website Builder v4.5.4, https://mobirise.com --> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="generator" content="Mobirise v4.5.4, mobirise.com"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> | |
| <link rel="shortcut icon" href="assets/images/mbr-1920x1011.jpg" type="image/x-icon"> | |
| <meta name="description" content=""> | |
| <title>Home</title> | |
| <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css"> | |
| <link rel="stylesheet" href="assets/tether/tether.min.css"> | |
| <link rel="stylesheet" href="assets/soundcloud-plugin/style.css"> | |
| <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> | |
| <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> | |
| <link rel="stylesheet" href="assets/facebook-plugin/style.css"> | |
| <link rel="stylesheet" href="assets/dropdown/css/style.css"> | |
| <link rel="stylesheet" href="assets/socicon/css/styles.css"> | |
| <link rel="stylesheet" href="assets/theme/css/style.css"> | |
| <link rel="stylesheet" href="assets/gallery/style.css"> | |
| <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css"> | |
| <!--begin::Web font --> | |
| <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script> | |
| <script> | |
| WebFont.load({ | |
| google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]}, | |
| active: function() { | |
| sessionStorage.fonts = true; | |
| } | |
| }); | |
| </script> | |
| <!--end::Web font --> | |
| <!--begin::Base Styles --> | |
| <link href="assets/vendors/base/vendors.bundle.css" rel="stylesheet" type="text/css" /> | |
| <link href="assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css" /> | |
| <!--end::Base Styles --> | |
| <link rel="shortcut icon" href="assets/demo/default/media/img/logo/favicon.ico" /> | |
| </head> | |
| <body> | |
| <section class="engine"><a href="https://mobirise.co/b">site creator</a></section><section class="header12 cid-qNsuHvUH4D mbr-fullscreen mbr-parallax-background" id="header12-2"> | |
| <div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(15, 118, 153);"> | |
| </div> | |
| <div class="container "> | |
| <div class="media-container"> | |
| <div class="col-md-12 align-center"> | |
| <h1 class="mbr-section-title pb-3 mbr-white mbr-bold mbr-fonts-style display-1"> | |
| PEA Python Training</h1> | |
| <p class="mbr-text pb-3 mbr-white mbr-fonts-style display-5"> | |
| Learn with us</p> | |
| <div class="mbr-section-btn align-center py-2"><a class="btn btn-md btn-secondary display-4" href="https://mobirise.com">MORE</a></div> | |
| <div class="icons-media-container mbr-white"> | |
| <div class="card col-12 col-md-6 col-lg-3"> | |
| <div class="icon-block"> | |
| <a href="https://mobirise.com/"> | |
| <span class="mbri-layers mbr-iconfont"></span> | |
| </a> | |
| </div> | |
| <h5 class="mbr-fonts-style display-5"> | |
| FAST</h5> | |
| </div> | |
| <div class="card col-12 col-md-6 col-lg-3"> | |
| <div class="icon-block"> | |
| <a href="https://mobirise.com/"> | |
| <span class="mbr-iconfont socicon-windows socicon"></span> | |
| </a> | |
| </div> | |
| <h5 class="mbr-fonts-style display-5"> | |
| FUN</h5> | |
| </div> | |
| <div class="card col-12 col-md-6 col-lg-3"> | |
| <div class="icon-block"> | |
| <a href="https://mobirise.com/"> | |
| <span class="mbri-cash mbr-iconfont"></span> | |
| </a> | |
| </div> | |
| <h5 class="mbr-fonts-style display-5"> | |
| EASY</h5> | |
| </div> | |
| <div class="card col-12 col-md-6 col-lg-3"> | |
| <div class="icon-block"> | |
| <a href="https://mobirise.com/"> | |
| <span class="mbri-mobirise mbr-iconfont"></span> | |
| </a> | |
| </div> | |
| <h5 class="mbr-fonts-style display-5"> | |
| CRAZY</h5> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mbr-arrow hidden-sm-down" aria-hidden="true"> | |
| <a href="#next"> | |
| <i class="mbri-down mbr-iconfont"></i> | |
| </a> | |
| </div> | |
| </section> | |
| <section class="mbr-gallery mbr-slider-carousel cid-qNsvfvruQS" id="gallery2-3"> | |
| <div class="container"> | |
| <div><!-- Filter --><div class="mbr-gallery-filter container gallery-filter-active"><ul buttons="0"><li class="mbr-gallery-filter-all"><a class="btn btn-md btn-primary-outline active display-4" href="">All</a></li></ul></div><!-- Gallery --><div class="mbr-gallery-row"><div class="mbr-gallery-layout-default"><div><div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Awesome"><div href="#lb-gallery2-3" data-slide-to="0" data-toggle="modal"><img src="assets/images/gallery00.jpg" alt=""><span class="icon-focus"></span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Responsive"><div href="#lb-gallery2-3" data-slide-to="1" data-toggle="modal"><img src="assets/images/gallery01.jpg" alt=""><span class="icon-focus"></span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Creative"><div href="#lb-gallery2-3" data-slide-to="2" data-toggle="modal"><img src="assets/images/gallery02.jpg" alt=""><span class="icon-focus"></span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Animated"><div href="#lb-gallery2-3" data-slide-to="3" data-toggle="modal"><img src="assets/images/gallery03.jpg" alt=""><span class="icon-focus"></span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Awesome"><div href="#lb-gallery2-3" data-slide-to="4" data-toggle="modal"><img src="assets/images/gallery04.jpg" alt=""><span class="icon-focus"></span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Awesome"><div href="#lb-gallery2-3" data-slide-to="5" data-toggle="modal"><img src="assets/images/gallery05.jpg" alt=""><span class="icon-focus"></span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Responsive"><div href="#lb-gallery2-3" data-slide-to="6" data-toggle="modal"><img src="assets/images/gallery06.jpg" alt=""><span class="icon-focus"></span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Animated"><div href="#lb-gallery2-3" data-slide-to="7" data-toggle="modal"><img src="assets/images/gallery07.jpg" alt=""><span class="icon-focus"></span></div></div></div></div><div class="clearfix"></div></div></div><!-- Lightbox --><div data-app-prevent-settings="" class="mbr-slider modal fade carousel slide" tabindex="-1" data-keyboard="true" data-interval="false" id="lb-gallery2-3"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><div class="carousel-inner"><div class="carousel-item active"><img src="assets/images/gallery00.jpg" alt=""></div><div class="carousel-item"><img src="assets/images/gallery01.jpg" alt=""></div><div class="carousel-item"><img src="assets/images/gallery02.jpg" alt=""></div><div class="carousel-item"><img src="assets/images/gallery03.jpg" alt=""></div><div class="carousel-item"><img src="assets/images/gallery04.jpg" alt=""></div><div class="carousel-item"><img src="assets/images/gallery05.jpg" alt=""></div><div class="carousel-item"><img src="assets/images/gallery06.jpg" alt=""></div><div class="carousel-item"><img src="assets/images/gallery07.jpg" alt=""></div></div><a class="carousel-control carousel-control-prev" role="button" data-slide="prev" href="#lb-gallery2-3"><span class="mbri-left mbr-iconfont" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control carousel-control-next" role="button" data-slide="next" href="#lb-gallery2-3"><span class="mbri-right mbr-iconfont" aria-hidden="true"></span><span class="sr-only">Next</span></a><a class="close" href="#" role="button" data-dismiss="modal"><span class="sr-only">Close</span></a></div></div></div></div></div> | |
| </div> | |
| </section> | |
| <section class="mbr-section content4 cid-qNsviqHfpJ" id="content4-4"> | |
| <div class="container"> | |
| <div class="media-container-row"> | |
| <div class="title col-12 col-md-8"> | |
| <h2 class="align-center pb-3 mbr-fonts-style display-2"> | |
| Article Title with Solid Background | |
| </h2> | |
| <h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5"> | |
| Shape your future web project with sharp design and refine coded functions. | |
| </h3> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="mbr-section mbr-section__comments" id="facebook-comments-block-5" data-rv-view="45" style="background-color: rgb(255, 255, 255); padding-top: 0rem; padding-bottom: 0rem;"> | |
| <div class="mbr-section__container mbr-section__container--isolated addons-container"> | |
| <div class="addons-row"> | |
| <div class="addons-container-inner"><div class="facebookPlaceholder" data-numposts="5"><h2>FACEBOOK COMMENTS WILL BE SHOWN ONLY WHEN YOUR SITE IS ONLINE</h2> <img src="assets/images/facebook-comments.jpg"></div></div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="counters2 counters cid-qNsvCvYa9i" id="counters2-6"> | |
| <div class="container pt-4 mt-2"> | |
| <div class="media-container-row"> | |
| <div class="media-block" style="width: 50%;"> | |
| <h2 class="mbr-section-title pb-3 align-left mbr-fonts-style display-2"> | |
| Counters and media | |
| </h2> | |
| <h3 class="mbr-section-subtitle pb-5 align-left mbr-fonts-style display-5"> | |
| Responsive block with counters and media. | |
| </h3> | |
| <div class="mbr-figure"> | |
| <img src="assets/images/jumbotron.jpg"> | |
| </div> | |
| </div> | |
| <div class="cards-block"> | |
| <div class="cards-container"> | |
| <div class="card px-3 align-left col-12 col-md-6"> | |
| <div class="panel-item p-3"> | |
| <div class="card-img pb-3"> | |
| <span class="mbri-mobirise mbr-iconfont pr-2"></span> | |
| <h3 class="count py-3 mbr-fonts-style display-2"> | |
| 100 | |
| </h3> | |
| </div> | |
| <div class="card-text"> | |
| <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7"> | |
| Unlimited websites | |
| </h4> | |
| <p class="mbr-content-text mbr-fonts-style display-7"> | |
| Mobirise give you the freedom to develop as many websites as you like. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card px-3 align-left col-12 col-md-6"> | |
| <div class="panel-item p-3"> | |
| <div class="card-img pb-3"> | |
| <span class="mbri-extension mbr-iconfont pr-2"></span> | |
| <h3 class="count py-3 mbr-fonts-style display-2"> | |
| 200 | |
| </h3> | |
| </div> | |
| <div class="card-text"> | |
| <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7"> | |
| Trendy websites blocks | |
| </h4> | |
| <p class="mbr-content-text mbr-fonts-style display-7"> | |
| Choose from the large selection of latest pre-made blocks. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card px-3 align-left col-12 col-md-6"> | |
| <div class="panel-item p-3"> | |
| <div class="card-img pb-3"> | |
| <span class="mbri-responsive mbr-iconfont pr-2"></span> | |
| <h3 class="count py-3 mbr-fonts-style display-2"> | |
| 300 | |
| </h3> | |
| </div> | |
| <div class="card-text"> | |
| <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7"> | |
| Bootstrap | |
| </h4> | |
| <p class="mbr-content-text mbr-fonts-style display-7"> | |
| One of Bootstrap's big point is responsiveness | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card px-3 align-left col-12 col-md-6"> | |
| <div class="panel-item p-3"> | |
| <div class="card-img pb-3"> | |
| <span class="mbri-globe-2 mbr-iconfont pr-2"></span> | |
| <h3 class="count py-3 mbr-fonts-style display-2"> | |
| 400 | |
| </h3> | |
| </div> | |
| <div class="card-texts"> | |
| <h4 class="mbr-content-title mbr-bold mbr-fonts-style display-7"> | |
| Web fonts | |
| </h4> | |
| <p class="mbr-content-text mbr-fonts-style display-7"> | |
| Mobirise make it easy for you to use Google fonts on your website easily and freely. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="progress-bars1 cid-qNsvEPZM6p" id="progress-bars1-7"> | |
| <div class="container"> | |
| <h2 class="mbr-section-title pb-2 align-center mbr-fonts-style display-2"> | |
| Learning progress bars | |
| </h2> | |
| <h3 class="mbr-section-subtitle pb-5 mbr-fonts-style display-5"> | |
| Click blue "Gear" icon in the top right corner to hide/show progress bars and change them color and value. Click text to edit or style it. | |
| </h3> | |
| <div class="progress_elements"> | |
| <div class="progress1 pb-5"> | |
| <div class="title-wrap"> | |
| <div class="progressbar-title mbr-fonts-style display-7"> | |
| <p> | |
| Basic Python</p> | |
| </div> | |
| <div class="progress_value mbr-fonts-style display-7"> | |
| <div class="progressbar-number"></div> | |
| <span>%</span> | |
| </div> | |
| </div> | |
| <progress class="progress progress-primary" max="100" value="70"> | |
| </progress> | |
| </div> | |
| <div class="progress2 pb-5"> | |
| <div class="title-wrap"> | |
| <div class="progressbar-title mbr-fonts-style display-7"> | |
| <p>Python Data Science Stack</p> | |
| </div> | |
| <div class="progress_value mbr-fonts-style display-7"> | |
| <div class="progressbar-number"></div> | |
| <span>%</span> | |
| </div> | |
| </div> | |
| <progress class="progress progress-primary" max="100" value="80"> | |
| </progress> | |
| </div> | |
| <div class="progress3 pb-5"> | |
| <div class="title-wrap"> | |
| <div class="progressbar-title mbr-fonts-style display-7"> | |
| <p>Web Development </p> | |
| </div> | |
| <div class="progress_value mbr-fonts-style display-7"> | |
| <div class="progressbar-number"></div> | |
| <span>%</span> | |
| </div> | |
| </div> | |
| <progress class="progress progress-primary" max="100" value="90"> | |
| </progress> | |
| </div> | |
| <div class="progress4"> | |
| <div class="title-wrap"> | |
| <div class="progressbar-title mbr-fonts-style display-7"> | |
| <p> | |
| Database</p> | |
| </div> | |
| <div class="progress_value mbr-fonts-style display-7"> | |
| <div class="progressbar-number"></div> | |
| <span>%</span> | |
| </div> | |
| </div> | |
| <progress class="progress progress-primary" max="100" value="100"> | |
| </progress> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="mbr-section form1 cid-qNsvHaQajK" id="form1-8"> | |
| <div class="container"> | |
| <div class="row justify-content-center"> | |
| <div class="title col-12 col-lg-8"> | |
| <h2 class="mbr-section-title align-center pb-3 mbr-fonts-style display-2"> | |
| CONTACT FORM | |
| </h2> | |
| <h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-5"> | |
| Easily add subscribe and contact forms without any server-side integration. | |
| </h3> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div class="row justify-content-center"> | |
| <div class="media-container-column col-lg-8" data-form-type="formoid"> | |
| <div data-form-alert="" hidden="">Thanks for filling out the form!</div> | |
| <form class="mbr-form" action="https://mobirise.com/" method="post" data-form-title="Mobirise Form"><input type="hidden" data-form-email="true" value="ReQk3SyVxkAcA1EI+f10oBJOd6KsMMejb8R6ahbjJOFZKo9r8ZRwjuB4FdqTvnVfsPBFOtWOAMDvl5OBxRaz98J5F9t1AZskBxoB3IRy6dK58Iw7c0MNNwljxmKro0Dt"> | |
| <div class="row row-sm-offset"> | |
| <div class="col-md-4 multi-horizontal" data-for="name"> | |
| <div class="form-group"> | |
| <label class="form-control-label mbr-fonts-style display-7" for="name-form1-8">Name</label> | |
| <input type="text" class="form-control" name="name" data-form-field="Name" required="" id="name-form1-8"> | |
| </div> | |
| </div> | |
| <div class="col-md-4 multi-horizontal" data-for="email"> | |
| <div class="form-group"> | |
| <label class="form-control-label mbr-fonts-style display-7" for="email-form1-8">Email</label> | |
| <input type="email" class="form-control" name="email" data-form-field="Email" required="" id="email-form1-8"> | |
| </div> | |
| </div> | |
| <div class="col-md-4 multi-horizontal" data-for="phone"> | |
| <div class="form-group"> | |
| <label class="form-control-label mbr-fonts-style display-7" for="phone-form1-8">Phone</label> | |
| <input type="tel" class="form-control" name="phone" data-form-field="Phone" id="phone-form1-8"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="form-group" data-for="message"> | |
| <label class="form-control-label mbr-fonts-style display-7" for="message-form1-8">Message</label> | |
| <textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" id="message-form1-8"></textarea> | |
| </div> | |
| <span class="input-group-btn"> | |
| <button href="" type="submit" class="btn btn-primary btn-form display-4">SEND FORM</button> | |
| </span> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="map1 cid-qNsvUHpaYM" id="map1-9"> | |
| <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0Dx_boXQiwvdz8sJHoYeZNVTdoWONYkU&q=place_id:ChIJg8x-bcGc4jARF_uWDR1CJ0M" allowfullscreen=""></iframe></div> | |
| </section> | |
| <section class="cid-qNswm6hrsl" id="footer2-b"> | |
| <div class="container"> | |
| <div class="media-container-row content mbr-white"> | |
| <div class="col-12 col-md-3 mbr-fonts-style display-7"> | |
| <p class="mbr-text"> | |
| <strong>Address</strong> | |
| <br> | |
| <br>PEA <br>Lat Yao 10900 <br> | |
| <br> | |
| <br><strong>Contacts</strong> | |
| <br> | |
| <br>Email: support@mobirise.com | |
| <br>Phone: +1 (0) 000 0000 001 | |
| <br>Fax: +1 (0) 000 0000 002 | |
| </p> | |
| </div> | |
| <div class="col-12 col-md-3 mbr-fonts-style display-7"> | |
| <p class="mbr-text"> | |
| <strong>Links</strong> | |
| <br> | |
| <br><a class="text-primary" href="https://mobirise.com/">Website builder</a> | |
| <br><a class="text-primary" href="https://mobirise.com/mobirise-free-win.zip">Download for Windows</a> | |
| <br><a class="text-primary" href="https: //mobirise.com/mobirise-free-mac.zip">Download for Mac</a> | |
| <br> | |
| <br><strong>Feedback</strong> | |
| <br> | |
| <br>Please send us your ideas, bug reports, suggestions! Any feedback would be appreciated. | |
| </p> | |
| </div> | |
| <div class="col-12 col-md-6"> | |
| <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0Dx_boXQiwvdz8sJHoYeZNVTdoWONYkU&q=place_id:ChIJg8x-bcGc4jARF_uWDR1CJ0M" allowfullscreen=""></iframe></div> | |
| </div> | |
| </div> | |
| <div class="footer-lower"> | |
| <div class="media-container-row"> | |
| <div class="col-sm-12"> | |
| <hr> | |
| </div> | |
| </div> | |
| <div class="media-container-row mbr-white"> | |
| <div class="col-sm-6 copyright"> | |
| <p class="mbr-text mbr-fonts-style display-7"> | |
| © Copyright 2017 Mobirise - All Rights Reserved | |
| </p> | |
| </div> | |
| <div class="col-md-6"> | |
| <div class="social-list align-right"> | |
| <div class="soc-item"> | |
| <a href="https://twitter.com/mobirise" target="_blank"> | |
| <span class="socicon-twitter socicon mbr-iconfont mbr-iconfont-social"></span> | |
| </a> | |
| </div> | |
| <div class="soc-item"> | |
| <a href="https://www.facebook.com/pages/Mobirise/1616226671953247" target="_blank"> | |
| <span class="socicon-facebook socicon mbr-iconfont mbr-iconfont-social"></span> | |
| </a> | |
| </div> | |
| <div class="soc-item"> | |
| <a href="https://www.youtube.com/c/mobirise" target="_blank"> | |
| <span class="socicon-youtube socicon mbr-iconfont mbr-iconfont-social"></span> | |
| </a> | |
| </div> | |
| <div class="soc-item"> | |
| <a href="https://instagram.com/mobirise" target="_blank"> | |
| <span class="socicon-instagram socicon mbr-iconfont mbr-iconfont-social"></span> | |
| </a> | |
| </div> | |
| <div class="soc-item"> | |
| <a href="https://plus.google.com/u/0/+Mobirise" target="_blank"> | |
| <span class="socicon-googleplus socicon mbr-iconfont mbr-iconfont-social"></span> | |
| </a> | |
| </div> | |
| <div class="soc-item"> | |
| <a href="https://www.behance.net/Mobirise" target="_blank"> | |
| <span class="socicon-behance socicon mbr-iconfont mbr-iconfont-social"></span> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="header12 cid-qNk5IbnRmx mbr-fullscreen mbr-parallax-background" id="header12-3"> | |
| <div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(15, 118, 153);"> | |
| </div> | |
| <div class="container "> | |
| <div class="m-portlet"> | |
| <div class="m-portlet__body m-portlet__body--no-padding"> | |
| <div class="row m-row--no-padding m-row--col-separator-xl"> | |
| <div class="col-md-12 col-lg-12 col-xl-4"> | |
| <!--begin:: Widgets/Stats2-1 --> | |
| <div class="m-widget1"> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Member Profit | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Awerage Weekly Profit | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-brand" id="member"> | |
| +$17,800 | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Orders | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Weekly Customer Orders | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-danger"> | |
| +1,800 | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Issue Reports | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| System bugs and issues | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-success"> | |
| -27,49% | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Stats2-1 --> | |
| </div> | |
| <div class="col-md-12 col-lg-12 col-xl-4"> | |
| <!--begin:: Widgets/Stats2-2 --> | |
| <div class="m-widget1"> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| IPO Margin | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Awerage IPO Margin | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-accent"> | |
| +24% | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Payments | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Yearly Expenses | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-info"> | |
| +$560,800 | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Logistics | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Overall Regional Logistics | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-warning"> | |
| -10% | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--begin:: Widgets/Stats2-2 --> | |
| </div> | |
| <div class="col-md-12 col-lg-12 col-xl-4"> | |
| <!--begin:: Widgets/Stats2-3 --> | |
| <div class="m-widget1"> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Orders | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Awerage Weekly Orders | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-success"> | |
| +15% | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Transactions | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Daily Transaction Increase | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-danger"> | |
| +80% | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget1__item"> | |
| <div class="row m-row--no-padding align-items-center"> | |
| <div class="col"> | |
| <h3 class="m-widget1__title"> | |
| Revenue | |
| </h3> | |
| <span class="m-widget1__desc"> | |
| Overall Revenue Increase | |
| </span> | |
| </div> | |
| <div class="col m--align-right"> | |
| <span class="m-widget1__number m--font-primary"> | |
| +60% | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--begin:: Widgets/Stats2-3 --> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mbr-arrow hidden-sm-down" aria-hidden="true"> | |
| <a href="#next"> | |
| <i class="mbri-down mbr-iconfont"></i> | |
| </a> | |
| </div> | |
| </section> | |
| <script src="assets/web/assets/jquery/jquery.min.js"></script> | |
| <script src="assets/popper/popper.min.js"></script> | |
| <script src="assets/tether/tether.min.js"></script> | |
| <script src="assets/bootstrap/js/bootstrap.min.js"></script> | |
| <script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"></script> | |
| <script src="https://apis.google.com/js/plusone.js"></script> | |
| <script src="assets/facebook-plugin/facebook-script.js"></script> | |
| <script src="assets/dropdown/js/script.min.js"></script> | |
| <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script> | |
| <script src="assets/parallax/jarallax.min.js"></script> | |
| <script src="assets/smoothscroll/smooth-scroll.js"></script> | |
| <script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script> | |
| <script src="assets/viewportchecker/jquery.viewportchecker.js"></script> | |
| <script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script> | |
| <script src="assets/masonry/masonry.pkgd.min.js"></script> | |
| <script src="assets/imagesloaded/imagesloaded.pkgd.min.js"></script> | |
| <script src="assets/theme/js/script.js"></script> | |
| <script src="assets/slidervideo/script.js"></script> | |
| <script src="assets/gallery/player.min.js"></script> | |
| <script src="assets/gallery/script.js"></script> | |
| <script src="assets/formoid/formoid.min.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment