<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-54829827-2"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'UA-54829827-2');
        </script>

        <!--- Basic Page Needs  -->
        <meta charset="utf-8">
        <title> Welcome to CoreGrade</title>
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!-- Mobile Specific Meta  -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway:300,400,600,700" rel="stylesheet"> 

        <!-- CSS -->
        <link rel="stylesheet" href="/assets/css/animate.min.css">
        <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="/assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="/assets/css/owl.theme.min.css">
        <link rel="stylesheet" href="/assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="/assets/css/default.css">
        <link rel="stylesheet" href="/assets/css/typography.css">
        <link rel="stylesheet" href="/assets/css/style.css">
        <link rel="stylesheet" href="/assets/css/responsive.css">

        <!-- Favicon -->
        <link rel="shortcut icon" type="image/png" href="/assets/img/logo-sm.png">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body data-spy="scroll" data-target="#scroll-menu" data-offset="120">
        <!-- Preloader Starts -->
        <div class="preloader-area">
            <div class="preloader-inner">
                <div class="preloader">
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        <!-- Preloader Ends -->
        <!-- Header Area Starts -->
        <header id="home">
            <div class="navbar-area">
                <nav class="navbar navbar-default navbar-fixed-top wow fadeInDown" data-wow-delay="0.2s" id="scroll-menu">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="/"><img src="/assets/img/logo.png" alt="CoreGrade"></a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav navbar-right">
                                <li class="active"><a href="#home" class="smoothscroll">HOME</a></li>
                                <li><a href="#feature" class="smoothscroll">FEATURE</a></li>
                                <li><a href="#pricing" class="smoothscroll">PLANS</a></li>
                                <li><a href="#download" class="smoothscroll">APP</a></li>
                                <li><a href="#contact" class="smoothscroll">CONTACT</a></li>
                                <li style="background-color: #FC6443;" onclick="viewLogin(); return;"><a href="/auth" >ACCOUNT</a></li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </header>
        <!-- Header Area Ends -->

        <!-- Hero Area Starts -->
        <div class="hero-area">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-5">
                        <div class="hero-caption">
                            <p class="sublead wow fadeInDown" data-wow-delay="2s">Creative</p>
                            <h1 class="lead" style="color: #7367F0; font-weight: bold;"></h1>
                            <p class="lead-text"></p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-5 col-md-4">
                        <div class="mockup-slider-area">
                            <div class="mockup-slider">
                                <div id="mockup-slide" class="owl-carousel owl-theme mockup-slide wow fadeIn" data-wow-delay="0.2s">
                                    <div class="item"><img src="/assets/img/iphone-mockup-1.png" alt=""></div>
                                    <div class="item"><img src="/assets/img/iphone-mockup-1.png" alt=""></div>
                                    <div class="item"><img src="/assets/img/iphone-mockup-1.png" alt=""></div>
                                    <div class="item"><img src="/assets/img/iphone-mockup-1.png" alt=""></div>
                                </div>
                                <div  data-wow-delay="2.2s">

                                    <a href="#"><img src="/assets/img/app-store.png" alt="Apple"></a>
                                    <a href="#"><img src="/assets/img/google-store.png" alt="Google Play"></a>




                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ball wow slideInLeft hidden-xs"><img src="/assets/img/ball.png" alt="Ball"></div>
            <div class="paper wow slideInUp hidden-xs" data-wow-delay="0.5s"><img src="/assets/img/paper.png" alt="Paper"></div>
            <div class="coffee wow slideInLeft hidden-xs" data-wow-delay="1s"><img src="/assets/img/coffee.png" alt="Coffee"></div>
            <div class="plant wow slideInRight hidden-xs"><img src="/assets/img/plant.png" alt="Plant"></div>
            <div class="glass wow slideInUp hidden-xs"><img src="/assets/img/glass.png" alt="Glass"></div>
        </div>
        <!-- Hero Area Ends -->

        <!-- Apps Feature Area Starts -->
        <div id="feature" class="feature-area inner-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="section-title text-center wow fadeInDown">
                            <span>CoreGrade</span>
                            <h2>It is about you at the control</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-4">
                        <div data-value="tab-1" class="single-feature-item text-right active wow fadeInUp">
                            <h4>Learning Plans</h4>
                            <p>Your personalized learning in one place with tools to make it happen.</p>
                        </div>
                        <div data-value="tab-2" class="single-feature-item text-right wow fadeInUp">
                            <h4>Goals Setting</h4>
                            <p>Set your Goals - CoreGrade streamline process achieving those objectives</p>
                        </div>
                        <div data-value="tab-3" class="single-feature-item text-right wow fadeInUp">
                            <h4>Calendar & Alerts</h4>
                            <p>CoreGrade makes it easy to track due dates of goals set, focus plans with e-alerts in your workspace and dashboard.</p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div class="single-feature-slide">
                            <img id="tab-1" class="tab-img active" src="/assets/img/mobile_slid.png" alt="Feature Slide">
                            <img id="tab-2" class="tab-img" src="/assets/img/mobile_slid.png" alt="Feature Slide">
                            <img id="tab-3" class="tab-img" src="/assets/img/mobile_slid.png" alt="Feature Slide">
                            <img id="tab-4" class="tab-img" src="/assets/img/mobile_slid.png" alt="Feature Slide">
                            <img id="tab-5" class="tab-img" src="/assets/img/mobile_slid.png" alt="Feature Slide">
                            <img id="tab-6" class="tab-img" src="/assets/img/mobile_slid.png" alt="Feature Slide">
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div data-value="tab-4" class="single-feature-item wow fadeInUp">
                            <h4>Progress Monitoring</h4>
                            <p>Self-evaluation gives you the information to help you know where to zoom your focus to and follow instructions that works best for you!.</p>
                        </div>
                        <div data-value="tab-5" class="single-feature-item wow fadeInUp">
                            <h4>Groups</h4>
                            <p>Small groups do come in handy while attaining new skills.Intrinsic motivation to learn and achieve is our aim and we help you get there.</p>
                        </div>
                        <div data-value="tab-6" class="single-feature-item wow fadeInUp">
                            <h4>Institutional</h4>
                            <p>You have a large group ? Yes CoreGrade is compatible with your need with the power of our first rated simplicity. Contact us.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Apps Feature Area Ends -->

        <!-- Pricing Area Starts -->
        <div id="pricing" class="pricing-area inner-padding bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-md-5">
                        <div class="section-title title-left wow fadeInDown">
                            <!-- span class="small">GREAT PRICING PLAN</span -->
                            <h2>Select what you need to get started</h2>
                        </div>
                        <div class="pricing-content">
                            <p class="pill-title">You Are</p>
                            <ul class="pricing-pill wow fadeIn">
                                <li class="active" data-value="individual"><span>Individual</span></li>
                                <li data-value="company"><span>Groups</span></li>
                                <!--
                                <li data-value="tutor"><span>Parents</span></li>
                                -->
                            </ul>
                            <p class="wow fadeIn">Thus much I thought proper to tell you in relation to yourself, and to the trust I reposed in you.</p>
                            <p class="fade-text wow fadeIn">Have a bigger team? <a href="#">Let‘s talk</a></p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-7">
                        <ul class="pricing-table wow slideInRight">
                            <li id="individual" class="active">
                                <h2 class="lead2">Individual</h2>
                                <span class="price-tag">Free</span>
                                <h4 class="sublead">Empowering <br> New Skills</h4>
                                <ul class="pricing-list">
                                    <li><p>Step-by-step Learning Path</p></li>
                                    <li><p>Stay in the loop</p></li>
                                    <li><p>Accessibility</p></li>
                                </ul>
                                <a href="/auth/newuser" onclick="viewLogin(); return;" class="btn btn-default btn-outline">Get Started</a>
                            </li>
                            <li id="company">
                                <h2 class="lead2">Groups</h2>
                                <span class="price-tag">Contact Us</span>
                                <h4 class="sublead">Quality support that <br> drives success</h4>
                                <ul class="pricing-list">
                                    <li><p>Integrations</p></li>
                                    <li><p>Focus on laid-back acquirements</p></li>
                                    <li><p>Personal Assistant</p></li>
                                </ul>
                                <a href="/auth/newuser" class="btn btn-default btn-outline">Make me a Pro</a>
                            </li>
                            <!--
                            <li id="tutor">
                                <h2 class="lead2">parents</h2>
                                <span class="price-tag">$4.99</span>
                                <h4 class="sublead">Make your life <br> better</h4>
                                <ul class="pricing-list">
                                    <li><p>Unlimeted events</p></li>
                                    <li><p>Connect Dropbox & Evernote</p></li>
                                    <li><p>Personal Assistant</p></li>
                                </ul>
                                <a href="#" class="btn btn-default btn-outline">Make me a Pro</a>
                            </li>
                            -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- Pricing Area Ends -->

        <!-- Subscribe Area Starts -->
        <div class="subscribe-area inner-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-sm-offset-3 text-center wow fadeInUp">
                        <h4>Join people using CoreGrade</h4>
                        <form action="/auth/newuser">
                            <p><input type="email" class="form-control form-subscribe" name="email" placeholder="Email to join"></p>
                            <button class="btn btn-default btn-fill">Join CoreGrade</button>
                        </form>
                    </div>

                </div>
            </div>
        </div>
        <!-- Subscribe Area Ends -->

        <!-- Download App Area Starts -->
        <div id="download" class="download-area inner-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="section-title-2 wow fadeInDown">
                            <h2>Get CoreGrade App</h2>
                            <span>Learn  .  Practice  .  Acquire  .  Grow</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 text-center">
                        <div class="store-icon wow fadeIn">
                            <a href="#"><img src="/assets/img/app-store.png" alt="Apple"></a>
                            <a href="#"><img src="/assets/img/google-store.png" alt="Google Play"></a>
                            <!--a href="#"><img src="/assets/img/windows-store.png" alt="Windows"></a>
                            <a href="#"><img src="/assets/img/amazon-store.png" alt="Amazon"></a-->
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="download-app text-center wow fadeIn">
                            <img src="/assets/img/mobile_slid.png" alt="Mobile Slide">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Download App Area Ends -->

        <!-- Footer Area Starts -->
        <footer>
            <div id="contact" class="footer-area">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="footer-logo">
                                <h2>Core <span class="thin">Grade</span></h2>
                                <p>Intermittent monitoring in real-time</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-md-5">
                            <div class="footer-box">
                                <h2>YOUR INTELLIGENT LEARNING PLATFORM</h2>
                                <p>You LEARN,PRACTICE,GROW AND PERFECT Your Knowledge. </p>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-1 hidden-xs hidden-sm"></div>
                        <div class="col-xs-12 col-sm-4 col-md-2">
                            <div class="footer-box">
                                <h4>Learn More</h4>
                                <ul class="footer-menu">
                                    <li><a href="/home/howitworks">How it works?</a></li>
                                    <li><a href="https://blog.coregrade.com">CoreGrade blog</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-2">
                            <div class="footer-box">
                                <h4>About Us</h4>
                                <ul class="footer-menu">
                                    <li><a href="/home/aboutus">About us</a></li>
                                    <li><a href="/home/security">Security</a></li>
                                    <li><a href="/home/privacy">Privacy policy</a></li>
                                    <li><a href="/home/terms">Terms & Conditions</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-2">
                            <div class="footer-box">
                                <h4>Support</h4>
                                <ul class="footer-menu">
                                    <li><a href="/home/faq">F.A.Q.</a></li>
                                    <li><a href="/home/contactus">Contact us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-5">
                            <div class="download-link">
                                <p><a href="#" class="btn btn-default btn-fill">Download Now</a></p>
                                <span>Available in:</span>  
                                <a href="#"><i class="fa fa-android fa-2x"></i></a> 
                                <a href="#"><i class="fa fa-apple fa-2x"></i></a>
                                <!--a href="#"><i class="fa fa-windows fa-2x"></i></a-->
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-3 hidden-xs"></div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="contact-content">
                                <div class="vr-title-area">
                                    <h4>Contact Us</h4>
                                </div>
                                <h3>[]<span class="thin">CoreGrade</span></h3>
                                <p>Email :support@coregrade.com</p>
                                <p>Phone : 404-858-7966</p>
                                <ul class="social-icon">
                                    <li><a href="https://www.facebook.com/coregradeweb/" data-toggle="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="https://twitter.com/core_grade" data-toggle="tooltip" data-placement="bottom" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Instagram"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="YouTube"><i class="fa fa-youtube"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--
            <div class="copyright-area">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-6 col-md-offset-6">
                            <span>Copyright &copy;<?php echo date("Y"); ?>. All right reserved to <a href="http://www.coregrade.com" target="_blank">CoreGrade</a></span>
                        </div>
                    </div>
                </div>
            </div>
            -->
        </footer>
        <!-- Footer Area Ends -->

        <!-- Scripts -->
        <script src="/assets/js/jquery-1.11.3.min.js"></script>
        <script src="/assets/js/wow.min.js"></script>
        <script src="/assets/js/bootstrap.min.js"></script>
        <script src="/assets/js/owl.carousel.min.js"></script>
        <script src="/assets/js/typed.min.js"></script>
        <script src="/assets/js/theme.js"></script>



        <script type="text/javascript">
        <!--
                                            function viewLogin() {

                                                $.ajax({
                                                    url: "/welcome/viewLogin?proc=PROCESS&welcome=welcome"
                                                }).done(function (data) {
                                                    // alert(100);
                                                });
                                                return true;
                                            }
        // -->
        </script>



    </body>
</html>