<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="<?php echo e(asset('public/frontend/img/icon.png')); ?>">
    <title>Login365</title>
    <link href="<?php echo e(asset('public/frontend/css/bootstrap.min.css')); ?>" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
    <link href="<?php echo e(asset('public/frontend/css/style.css')); ?>" rel="stylesheet">
    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>

<body>

    <div class="container-fluid banner">
        <div class="col-xs-12">
            <a href=""><img src="<?php echo e(asset('public/frontend/img/logo.png')); ?>" alt="iTM"></a>
            <button type="button" class="navbar-toggle btn-menu" data-toggle="collapse" data-target=".header-menu">
                <i class="icon ion-android-menu"></i>
            </button>
            <div class="navbar-collapse header-menu collapse  pull-right">
                <ul class="nav itm-nav">
                    <li><a href="javascript:;">About us</a></li>
                    <li><a href="javascript:;">Features</a></li>
                    <li><a href="javascript:;">Plans</a></li>
                    <li><a href="<?php echo e(URL::to('login')); ?>">Log in</a></li>
                    <li><a href="<?php echo e(URL::to('registration')); ?>">Sign up free</a></li>
                </ul>
            </div>

        </div>
        <div class="container">
            <div class="col-xs-12 banner-container">
                <div class="banner-text-container">
                    <h1>Don’t waste your weekend making work rota on boring spread sheet.</h1>
                    <form class="">
                        <div class="form-group">
                            <input type="text" class="form-control" maxlength="30" required="">
                            <span for="">Enter your email address</span>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" maxlength="30" required="">
                            <span for="">Enter you phone number</span>
                        </div>
                        <button type="submit" class="btn btn-itm-color">Start free trial</button>
                    </form>
                    <p>By clicking <strong>“</strong>Start free tria<strong>”</strong>, I agree to the Terms of Service and Privacy Policy.</p>
                    <div class="testimonial">
                        <div class="ratings">
                            <div class="star-ratings-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
                        </div>
                        <h3><strong>“</strong> It now takes me few minutes to write up a monthly time sheet and send it to collegues. <strong>”</strong></h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-center">
                <ul class="nav nav-facility">
                    <li><i class="icon ion-ios-clock-outline"></i><span>Save time</span></li>
                    <li><i class="icon ion-ios-fastforward-outline"></i><span>Better communication</span></li>
                    <li><i class="icon ion-ios-person-outline"></i><span>For small businessses</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container-fluid banner2">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-7">
                    <h1>Your information is up-to-date across all devices</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 col-md-5">
                    <p>Everything you do is backed up to the cloud and synced across your devices. You won’t ever have to copy time sheet again.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-center mt45">
                <h2>Get your business organised in 3 easy steps:</h2>
                <ul class="nav nav-facility nav-step mt30">
                    <li><i class="icon ion-android-add"></i><span>1. Create an account and customize your time sheet</span></li>
                    <li><i class="icon ion-ios-speedometer-outline"></i><span>2. Send rota to collegues quicker</span></li>
                    <li><i class="icon ion-ios-checkmark-outline"></i><span>3. Keep track of daily attendence efficiently</span></li>
                </ul>
                <a class="btn btn-itm-color with-shedow" href="<?php echo e(url('registration')); ?>">Try it free</a>
                <p class="trial">90-day free trial</p>
            </div>
        </div>
    </div>
    <div class="container-fluid mt45 banner3">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-7 col-md-6">
                    <h2>Never forget to sign in</h2>
                    <h3 class="mt45">Create employee log in dashboard when they get hired.Once you have created an user, make it as active and run a quick report to see who is working today.</h3>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid client">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h1>1,000<span>+</span></h1>
                    <h2>Small businesses trust us preparing their time sheet each month.</h2>
                </div>
                <div class="col-xs-6 col-sm-3">
                    <figure>
                        <img src="img/lawyer.png" title="Thomas W">
                        <figcaption>Thomas W
                            <br>Lawyer</figcaption>
                    </figure>
                </div>
                <div class="col-xs-6 col-sm-3">
                    <figure>
                        <img src="img/accountant.png" title="Julie S">
                        <figcaption>Julie S
                            <br>Accountant</figcaption>
                    </figure>
                </div>
                <div class="col-xs-6 col-sm-3">
                    <figure>
                        <img src="img/owner.png" title="Terry P">
                        <figcaption>Terry P
                            <br>DIY owner</figcaption>
                    </figure>
                </div>
                <div class="col-xs-6 col-sm-3">
                    <figure>
                        <img src="img/architekt.png" title="Amanda T G">
                        <figcaption>Amanda T G
                            <br>Architect</figcaption>
                    </figure>
                </div>
                <div class="col-xs-12 mt30">
                    <a class="btn btn-itm-color with-shedow" href="<?php echo e(url('registration')); ?>">Try it free</a>
                    <p class="trial">90-day free trial</p>
                </div>
            </div>
        </div>
    </div>


    <footer>
        <div class="container-fluid copy-right">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="inline-block"><a href="javascript:;">Contact Us</a> | <a href="javascript:;">Privacy Policy</a> | <a href="javascript:;">Terms of Service</a></div>
                        <div class="pull-right inline-block">Copyright 2017. All Rights Reserved</div>
                    </div>

                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<?php echo e(asset('public/frontend/js/bootstrap.min.js')); ?>"></script>

</body>

</html>
