<!DOCTYPE html>
<!--DAILYROLL - Mobile App Landing Pages Big Pack design by DSAThemes (http://www.dsathemes.com) -->
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!-- Mirrored from dsathemes.com/html/DAILYROLL/files/demo-6.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 30 Sep 2018 20:46:50 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="author" content="DSAThemes"/>
<meta name="description" content="DAILYROLL - Mobile App Landing Pages Big Pack"/>
<meta name="keywords" content="Responsive, HTML5, DSAThemes, Mobile, Application, One Page, Landing, Project">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- SITE TITLE -->
<title>DAILYROLL</title>
<!-- FAVICON AND TOUCH ICONS -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!-- BOOTSTRAP CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- FONT ICONS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/pe-icon-7-stroke.css" rel="stylesheet">
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,900" rel="stylesheet">
<!-- PLUGINS STYLESHEET -->
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet" >
<link href="css/flexslider.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<!-- On Scroll Animations -->
<link href="css/animate.min.css" rel="stylesheet">
<!-- TEMPLATE CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Style Switcher CSS -->
<link href="css/blue.css" rel="alternate stylesheet" title="blue-theme">
<link href="css/indiared.css" rel="alternate stylesheet" title="indiared-theme">
<link href="css/yellow.css" rel="alternate stylesheet" title="yellow-theme">
<link href="css/olive-drab.css" rel="alternate stylesheet" title="olive-drab-theme">
<link href="css/sky-blue.css" rel="alternate stylesheet" title="sky-blue-theme">
<link href="css/cadet-blue.css" rel="alternate stylesheet" title="cadet-blue-theme">
<link href="css/orange-red.css" rel="alternate stylesheet" title="orange-red-theme">
<link href="css/lightgreen.css" rel="alternate stylesheet" title="lightgreen-theme">
<!-- RESPONSIVE CSS -->
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<!-- PRELOADER
============================================= -->
<div id="loader-wrapper">
<div id="loader"></div>
</div>
<!-- STYLE SWITCHER
============================================= -->
<!--div id="stlChanger">
<div class="blockChanger bgChanger">
<a href="#" class="chBut"><i class="fa fa-cog fa-spin" aria-hidden="true"></i></a>
<div class="chBody">
<div class="stBlock text-center" style="margin:20px 15px 15px 10px">
<p>DailyRoll Template Layout</p>
<a class="s_1" href="../index.html#select"><img class="img-responsive" src="images/select.png" alt="select-layouts"></a>
</div>
<div class="stBlock text-center" style="margin: 0px 12px 12px 10px;">
<p>DailyRoll Color Scheme</p>
<div class="stBgs" style="margin: 10px 0;">
<a href="javascript:chooseStyle('blue-theme', 60)"><img src="images/color-scheme/blue.png" alt="" /></a>
<a href="javascript:chooseStyle('indiared-theme', 60)"><img src="images/color-scheme/indiared.png" alt="" /></a>
<a href="javascript:chooseStyle('yellow-theme', 60)"><img src="images/color-scheme/yellow.png" alt="" /></a>
<a href="javascript:chooseStyle('lightgreen-theme', 60)"><img src="images/color-scheme/lightgreen.png" alt="" /></a>
<a href="javascript:chooseStyle('cadet-blue-theme', 60)"><img src="images/color-scheme/cadet-blue.png" alt="" /></a>
<a href="javascript:chooseStyle('olive-drab-theme', 60)"><img src="images/color-scheme/olive-drab.png" alt="" /></a>
<a href="javascript:chooseStyle('orange-red-theme', 60)"><img src="images/color-scheme/orange-red.png" alt="" /></a>
<a href="javascript:chooseStyle('sky-blue-theme', 60)"><img src="images/color-scheme/sky-blue.png" alt="" /></a>
</div>
</div>
<div class="stBlock" style="margin: 0px 5px 20px 12px;">
<a class="btn btn-tra-white theme-hover" href="javascript:chooseStyle('none', 60)">Reset color</a>
</div>
</div>
</div>
</div--> <!-- END SWITCHER -->
<!-- PAGE CONTENT
============================================= -->
<div id="page" class="page">
<!-- HEADER
============================================= -->
<header id="header" class="header">
<!-- navbar fixed on top White Nav : -->
<!--
<nav class="navbar navbar-fixed-top">
-->
<!-- navbar fixed on top Dark Nav : -->
<nav class="navbar navbar-fixed-top dark-nav">
<div class="container">
<!-- Navigation Bar -->
<div class="navbar-header">
<!-- Responsive Menu Button -->
<button type="button" id="nav-toggle" class="navbar-toggle text-right" data-toggle="collapse" data-target="#navigation-menu">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- LOGO IMAGE -->
<!-- Recommended sizes for Retina Ready displays is 200x48px; -->
<a class="navbar-brand logo-white" href="#hero-6"><img src="images/fevicon.png" width="100" height="24" alt="header-logo"></a>
<div class="" style="margin-top:-10px;">
<a class="navbar-brand logo-black" href="#hero-6"><img src="images/dly21.png" width="154" height="40" alt="header-logo"></a>
<a class="navbar-brand logo-black" href="#hero-6"><img src="images/dr20.png" width="54" height="40" alt="header-logo"></a>
</div>
</div> <!-- End Navigation Bar -->
<!-- Navigation Menu -->
<div id="navigation-menu" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="nav-link"><a href="#content-4"><font face="verdana" color="green"><strong>About</strong></font></a></li>
<li class="nav-link"><a href="#features-1">Features</a></li>
<li class="nav-link"><a href="#pricing-1">Pricing</a></li>
<li class="nav-link"><a href="#faqs-2">FAQ</a></li>
<li class="nav-link"><a href="http://dailyroll.dinkhoo.com/dailyroll/">Login</a></li>
<!-- Color Button -->
<!--
<li class="nav-link"><a href="#" class="header-btn">Download App</a></li>
-->
<!-- Transparent Button -->
<!--
<li class="nav-link"><a href="#" class="header-btn btn-tra">Download App</a></li>
-->
<!-- AppStore Badge -->
<li class="nav-link">
<a href="#" class="header-store">
<img class="appstore-button" src="images/header-appstore.png" width="141" height="44" alt="appstore-logo">
</a>
</li>
<!-- Google Play Badge-->
<li class="nav-link">
<a href="https://play.google.com/store/apps/details?id=acs.com.dailyroll&hl=en" class="header-store">
<img class="googleplay-button" src="images/googleplay.png" width="141" height="44" alt="googleplay-logo">
</a>
</li>
<!-- Aamazon Market Badge
<li class="nav-link"><a href="#" class="header-store">
<img class="amazon-button" src="images/header-amazon.png" width="139" height="44" alt="amazon-logo">
</a></li> -->
<!-- Windows Market Badge
<li class="nav-link"><a href="#" class="header-store">
<img class="windows-button" src="images/header-windows.png" width="145" height="44" alt="windows-logo">
</a></li> -->
</ul>
</div> <!-- End Navigation Menu -->
</div> <!-- End container -->
</nav> <!-- End navbar -->
</header> <!-- END HEADER -->
<!-- HERO-6
============================================= -->
<section id="hero-6" class="bg-lightgrey hero-section division">
<div class="container">
<div class="row hero-row-140">
<div class="col-md-10 col-md-offset-1">
<div class="row">
<!-- HERO IMAGE -->
<div class="col-sm-5 hero-img text-center">
<img class="img-responsive" src="images/iphone2.png" alt="hero-image"height="300" width="300">
</div>
<!-- HERO TEXT -->
<div class="col-sm-7 hero-txt m-top-80 p-left-45">
<!-- Title -->
<h3 class="h3-hero-lg txt-thin m-bottom-20"><span></span> </h3>
<!-- Text -->
<br>
<br><p class="p-hero">"Before you open the lunch menu or order that cheese burger or consider eating the cake with the frosting intact, haul out the psychic calculator and start tinkering with the budget.
"
</p>
<!-- Video Link -->
</div> <!-- END HERO TEXT -->
</div> <!-- End row -->
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END HERO-6 -->
<!-- CONTENT-4
============================================= -->
<section id="content-4" class="wide-50 content-section division">
<div class="container">
<!-- CONTENT-4 HOLDER -->
<div class="row">
<div class="col-md-12 col-lg-10 col-md-offset-0 col-lg-offset-1 content-holder">
<!-- CONTENT ROW -->
<div class="row content-row">
<!-- CONTENT-4 TEXT -->
<div class="col-sm-6 content-txt animated" data-animation="fadeInRight" data-animation-delay="400">
<!-- Title -->
<h3 class="h3-lg">DAILYROLL is meant to save your Expenses!</h3>
<!-- Text -->
<p>DailyRoll deals with accounts helping people to resolve daily budget issues, which also deals with external agencies. This application is an remainder for the people where daily budget is shown in daily basis. Our application helps in calculating the amount spent and it also makes sure how many payments are done by the user. It sorts out incoming and outgoing daily post answering any queries.
</p>
<!-- Button -->
<!--a href="#" class="btn dark-hover m-top-20">Discover More</a-->
</div>
<!-- CONTENT-4 IMAGE -->
<div class="col-sm-6 content-img top-img text-center animated" data-animation="fadeInLeft" data-animation-delay="400">
<img class="img-responsive" src="images/content-4-1-img.png" alt="content-image"width="350" height="254" alt="header-logo">>
</div>
</div> <!-- END CONTENT ROW -->
<!-- CONTENT ROW -->
<div class="row content-row">
<!-- CONTENT-4 IMAGE -->
<div class="col-sm-6 content-img text-center animated" data-animation="fadeInRight" data-animation-delay="400">
<img class="img-responsive" src="images/content-4-2-img.png" alt="content-image">
</div>
<!-- CONTENT-4 TEXT -->
<div class="col-sm-6 content-txt animated" data-animation="fadeInLeft" data-animation-delay="400">
<!-- Title -->
<h3 class="h3-lg">DailyRoll</h3>
<!-- Text -->
<p>The main idea behind the developing this application is to keep the note of the expenses spent by the people. This app is an remainder for the people about
how much money spent what and where. In this application people can store the daily expenses and check where they have spent the moeny. In this application
we also have a key feature that is people can also feed their income, so based on that they can spend the money wisely.The expenses on daily basis are shown
in his account if he click on "My Account".If the user really wants to store the bill swhat they have spent on,they can capture the bill using the camera feature.
</p>
<!-- Text -->
</div>
</div> <!-- END CONTENT ROW -->
</div>
</div> <!-- END CONTENT-4 HOLDER -->
</div> <!-- End container -->
</section> <!-- END CONTENT-4 -->
<!-- PORTFOLIO-2
============================================= -->
<section id="portfolio-2" class="bg-lightgrey wide-120 portfolio-section division">
<!-- SECTION TITLE -->
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>Beautiful & Modern Interface</h2>
<!-- Text -->
<p>The screen shots of EliteCap Mobile application can be seen below
</p>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
<!-- SCREENSHOTS CAROUSEL -->
<div class="screenshots-wrap">
<div class="screens-carousel">
<div class="carousel-item">
<img src="images/portfolio/123.jpg" alt="screenshot">
</div>
<!-- Screen #1 -->
<div class="carousel-item">
<img src="images/portfolio/122.png" alt="screenshot">
</div>
<!-- Screen #2 -->
<div class="carousel-item">
<img src="images/portfolio/125.png" alt="screenshot">
</div>
<!-- Screen #3 -->
<div class="carousel-item">
<img src="images/portfolio/128.png" alt="screenshot">
</div>
<!-- Screen #4 -->
<div class="carousel-item">
<img src="images/portfolio/124.png" alt="screenshot">
</div>
<!-- Screen #5 -->
<div class="carousel-item">
<img src="images/portfolio/127.png" alt="screenshot">
</div>
<!-- Screen #6 -->
<div class="carousel-item">
<img src="images/portfolio/121.png" alt="screenshot">
</div>
<!-- Screen #7 -->
<div class="carousel-item">
<img src="images/portfolio/126.png" alt="screenshot">
</div>
<!-- Screen #8 -->
</div>
<!-- IPHONE FRAME -->
<div class="iphone-frame">
<img src="images/iphone.png" alt="iphone-image">
</div>
</div> <!-- END SCREENSHOTS CAROUSEL -->
</section> <!-- END PORTFOLIO-2 -->
<!-- TABS-1
============================================= -->
<section id="tabs-1" class="wide-120 tabs-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>Showcase your App with DAILYROLL</h2>
<!-- Text -->
<p>Aliquam a augue suscipit, bibendum luctus neque incidunt molestie laoreet rhoncus ipsum,
tempor posuere ligula varius
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- TABS NAVIGATION -->
<div class="wide-tabs-nav text-center">
<ul class="nav nav-tabs box-icon-small text-center" role="tablist">
<li class="active"><a href="#tab-1" role="tab" data-toggle="tab"><span class="pe-7s-plugin"></span>My Account </a></li>
<!--li><a href="#tab-2" role="tab" data-toggle="tab"><span class="pe-7s-plug"></span>Day to day expenses</a></li-->
<!--li><a href="#tab-3" role="tab" data-toggle="tab"><span class="pe-7s-refresh-2">Single account</span></a></li-->
</ul>
</div>
<!-- TABS CONTENT -->
<div class="tab-content">
<!-- TAB-1 CONTENT -->
<div id="tab-1" class="tab-pane active row">
<!-- TAB-1 TEXT -->
<div class="col-md-6 m-top-80 p-left-30 tab-txt animated" data-animation="fadeInRight" data-animation-delay="400">
<!-- Title -->
<h3 class="h3-lg m-bottom-30">Everything you need to manage your business in one simple software application.</h3>
<!-- Text -->
<p>Here the user can see all his expenses in the accounts tab, and can also edit and update the expenses. I'm not sure how to say this without making it sound corny, but I honestly feel this is the way to run a business. Our work force needs to mirror these communities, and we've got to get aggressive in recruiting and promoting minorities.
</p>
<!-- Text -->
<!-- Button -->
</div>
<!-- TAB-1 IMAGE -->
<div class="col-md-6 tab-img text-center animated" data-animation="fadeInLeft" data-animation-delay="400">
<img class="img-responsive" src="images/content-4-1-img.png" alt="tab-img" width="350" height="240">
</div>
</div> <!-- END TAB-1 CONTENT -->
<!-- TAB-2 CONTENT -->
<div id="tab-2" class="tab-pane row">
<!-- TAB-2 IMAGE -->
<div class="col-md-6 tab-img text-center animated" data-animation="fadeInRight" data-animation-delay="400">
<img class="img-responsive" src="images/tab-2-img.png" alt="tab-img">
</div>
<!-- TAB-2 TEXT -->
<div class="col-md-6 m-top-70 tab-txt animated" data-animation="fadeInLeft" data-animation-delay="400">
<!-- Title -->
<h3 class="h3-lg m-bottom-30">Your go-to-guide from adding expenses to approving them and creating reports.</h3>
<!-- Text -->
<p>User can update each and every expense in daily basis, where the data given by the user will be saved. The user can note each and every expense where he spent on.Certain other expenses are considered to be permissible operating expenditures on a case-by-case basis, including meal, travel, vehicle and legal expenses.
</p>
<!-- Video Link -->
</div>
</div> <!-- END TAB-2 CONTENT -->
<!-- TAB-3 -->
<div id="tab-3" class="tab-pane row">
<!-- TAB-3 IMAGE -->
<div class="col-md-6 tab-img text-center animated" data-animation="fadeInRight" data-animation-delay="400">
<img class="img-responsive" src="images/tab-3-img.png" alt="tab-img">
</div>
<!-- TAB-3 TEXT -->
<div class="col-md-6 m-top-100 p-left-45 tab-txt animated" data-animation="fadeInLeft" data-animation-delay="400">
<!-- Title -->
<h3 class="h3-lg m-bottom-30">Usability. Right at your fingertip</h3>
<!-- Text -->
<p>User can open the free account in the DAILYROLL application and can save the daily expenses in his own account and can also manage the income through this application.
</p>
<!-- Store Badges -->
<div class="stores-badge m-top-40">
<!-- AppStore -->
<a href="#" class="store">
<img class="appstore-button" src="images/appstore.png" width="160" height="50" alt="appstore-logo">
</a>
<!-- Google Play -->
<a href="#" class="store">
<img class="googleplay-button" src="images/googleplay.png" width="171" height="50" alt="googleplay-logo">
</a>
<!-- Aamazon Market
<a href="#" class="store">
<img class="amazon-button" src="images/amazon.png" width="158" height="50" alt="amazon-logo">
</a> -->
<!-- Windows Market
<a href="#" class="store">
<img class="windows-button" src="images/windows.png" width="164" height="50" alt="windows-logo">
</a> -->
</div> <!-- End Store Badges -->
</div>
</div> <!-- END TAB-3 CONTENT -->
</div> <!-- END TABS CONTENT -->
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END TABS-1 -->
<!-- VIDEO-2
============================================= -->
<div id="video-2" class="bg-scroll video-section">
<div class="video-overlay division">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<!-- VIDEO-2 CONTENT -->
<div id="video-2-content" class="clearfix">
<!-- Big Text -->
<span class="white-color"></span>
<!-- Play Button -->
<div class="video-2-btn">
<div class="video-block-2">
<!-- Change the link HERE!!! -->
<!-- Play Icon -->
<div class="video-block-wrapper"></div>
</a>
</div>
</div>
<!-- Big Text -->
<span class="white-color"></span>
</div> <!-- END VIDEO-2 CONTENT -->
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</div> <!-- End overlay background -->
</div> <!-- END VIDEO-2 -->
<!-- FEATURES-1
============================================= -->
<section id="features-1" class="wide-50 features-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>Packed with Cool Features</h2>
<!-- Text -->
<p>Colors, like features, follow the changes of the emotions.
</p>
</div>
</div>
<div class="row">
<ul>
<!-- FEATURE BOX #1 -->
<li class="col-sm-6 col-md-4 fbox-1 box-icon-medium">
<!-- Icon -->
<span class="pe-7s-arc"></span>
<!-- Title -->
<h4 class="txt-medium">Multiple Account</h4>
<!-- Text -->
<p>If a user has multiple accounts then he has a option to switch to other account,so that he can manage multiple accounts.</p>
</li>
<!-- FEATURE BOX #2 -->
<li class="col-sm-6 col-md-4 fbox-1 box-icon-medium">
<!-- Icon -->
<span class="pe-7s-target"></span>
<!-- Title -->
<h4 class="txt-medium">Income Catagory</h4>
<!-- Text -->
<p>This is the coolest feature we have,where user can see all the standard expenses what he has spent. </p>
</li>
<!-- FEATURE BOX #3 -->
<li class="col-sm-6 col-md-4 fbox-1 box-icon-medium">
<!-- Icon -->
<span class="pe-7s-plugin"></span>
<!-- Title -->
<h4 class="txt-medium">SAVE</h4>
<!-- Text -->
<p>User can save the data which through offline also by clicking on save option.The data given by the user will be saved.
</p>
</li>
<!-- FEATURE BOX #4 -->
</ul>
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END FEATURES-1 -->
<!-- TESTIMONIALS-3
============================================= -->
<section id="reviews-3" class="bg-lightgrey wide-100 reviews-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>Our Customers Feedback</h2>
<!-- Text -->
<p class="p-lg">Don't take our word for it. Read thousands of the reviews from our customers
on AppStore and Google Play
</p>
</div>
</div>
<!-- TESTIMONIALS CONTENT -->
<div class="row">
<div class="col-md-12">
<div class="owl-carousel owl-theme reviews-holder">
<!-- TESTIMONIAL #1 -->
<div class="review-3">
<!-- Testimonial Text -->
<div class="review-3-txt">
<!-- Title -->
<h4 class="h4-small">Super Support!</h4>
<!-- Text -->
<p>Etiam sapien sem at sagittis congue augue massa varius egestas magna suscipit magna tempus
aliquet porta rutrum auctor congue magna impedi gravida
</p>
</div>
<!-- Testimonial Author -->
<div class="testimonial-avatar text-center">
<img src="images/review-author-1.jpg" alt="review-author">
<p class="testimonial-autor">Robert Peterson</p>
</div>
<!-- App Rating -->
<div class="app-rating yellow-color">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
<!-- TESTIMONIAL #2 -->
<div class="review-3">
<!-- Testimonial Text -->
<div class="review-3-txt">
<!-- Title -->
<h4 class="h4-small">Simple and Useful!</h4>
<!-- Text -->
<p>At sagittis congue augue egestas volutpat egestas magna suscipit egestas magna ipsum vitae
purus ipsum primis in cubilia laoreet augue donec diam ociis
</p>
</div>
<!-- Testimonial Author -->
<div class="testimonial-avatar text-center">
<img src="images/review-author-2.jpg" alt="review-author">
<p class="testimonial-autor">Evelyn Martinez</p>
</div>
<!-- App Rating -->
<div class="app-rating yellow-color">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-half" aria-hidden="true"></i>
</div>
</div>
<!-- TESTIMONIAL #3 -->
<div class="review-3">
<!-- Testimonial Text -->
<div class="review-3-txt">
<!-- Title -->
<h4 class="h4-small">Great Flexibility!</h4>
<!-- Text -->
<p>Mauris donec ociis et magnis sapien etiam sapien sem sagittis congue augue egestas volutpat
egestas et lobortis magna suscipit luctus undo blandit vitae purus
</p>
</div>
<!-- Testimonial Author -->
<div class="testimonial-avatar text-center">
<img src="images/review-author-3.jpg" alt="review-author">
<p class="testimonial-autor">Robert Peterson</p>
</div>
<!-- App Rating -->
<div class="app-rating yellow-color">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
<!-- TESTIMONIAL #4 -->
<div class="review-3">
<!-- Testimonial Text -->
<div class="review-3-txt">
<!-- Title -->
<h4 class="h4-small">I love this App!</h4>
<!-- Text -->
<p>Egestas magna suscipit egestas magna ipsum vitae purus ipsum primis in cubilia laoreet augue
egestas luctus
</p>
</div>
<!-- Testimonial Author -->
<div class="testimonial-avatar text-center">
<img src="images/review-author-4.jpg" alt="review-author">
<p class="testimonial-autor">Leslie Serpas</p>
</div>
<!-- App Rating -->
<div class="app-rating yellow-color">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-half" aria-hidden="true"></i>
</div>
</div>
<!-- TESTIMONIAL #5 -->
<div class="review-3">
<!-- Testimonial Text -->
<div class="review-3-txt">
<!-- Title -->
<h4 class="h4-small">Best App Around!</h4>
<!-- Text -->
<p>Egestas egestas magna ipsum vitae purus efficitur ipsum primis in cubilia laoreet augue egestas
luctus donec diam ociis vitae purus non diam tempus
</p>
</div>
<!-- Testimonial Author -->
<div class="testimonial-avatar text-center">
<img src="images/review-author-5.jpg" alt="review-author">
<p class="testimonial-autor">Marisol19</p>
</div>
<!-- App Rating -->
<div class="app-rating yellow-color">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
<!-- TESTIMONIAL #6 -->
<div class="review-3">
<!-- Testimonial Text -->
<div class="review-3-txt">
<!-- Title -->
<h4 class="h4-small">Minimalistic & Beautiful!</h4>
<!-- Text -->
d <p>Augue egestas volutpat egestas et lobortis magna suscipit luctus undo blandit vitae purus non
diam tempus aliquet porta rutrum auctor congue magna
</p>
</div>
<!-- Testimonial Author -->
<div class="testimonial-avatar text-center">
<img src="images/review-author-6.jpg" alt="review-author">
<p class="testimonial-autor">Dan Hodges</p>
</div>
<!-- App Rating -->
<div class="app-rating yellow-color">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-half" aria-hidden="true"></i>
</div>
</div>
<!-- TESTIMONIAL #7 -->
<div class="review-3">
<!-- Testimonial Text -->
<div class="review-3-txt">
<!-- Title -->
<h4 class="h4-small">Awesome Design!</h4>
<!-- Text -->
<p>Egestas et lobortis magna suscipit luctus undo blandit vitae purus lobortis non diam tempus
aliquet porta rutrum arcu aenean primis in pharetra ultrice vitae
</p>
</div>
<!-- Testimonial Author -->
<div class="testimonial-avatar text-center">
<img src="images/review-author-7.jpg" alt="review-author">
<p class="testimonial-autor">pebz13</p>
</div>
<!-- App Rating -->
<div class="app-rating yellow-color">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div> <!-- END TESTIMONIALS CONTENT -->
</div> <!-- End container -->
</section> <!-- END TESTIMONIALS-3 -->
<!-- TEAM-1
============================================= -->
<!-- BANNER-7
============================================= -->
<section id="banner-7" class="bg-scroll banner-section">
<div class="banner-overlay division">
<div class="container white-color">
<!-- SECTION TITLE -->
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>Showcase your App with DAILYROLL</h2>
</div>
</div>
<!-- BANNER TEXT -->
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 banner-txt m-bottom-40 text-center">
<!-- Title -->
<h3 class="h3-medium m-bottom-20">Usability right at your fingertip</h3>
<!-- Text -->
<p class="p-medium">An orci nullam tempor sapien, eget orci gravida donec enim ipsum porta justo integer
at odio velna auctor integer congue magna undo impedit. Gravida magna lacus odio ac risus auctor
</p>
<!-- Store Badges -->
<div class="stores-badge m-top-30">
<!-- AppStore -->
<a href="#" class="store">
<img class="appstore-button" src="images/appstore.png" width="160" height="50" alt="appstore-logo">
</a>
<!-- Google Play -->
<a href="#" class="store">
<img class="googleplay-button" src="images/googleplay.png" width="171" height="50" alt="googleplay-logo">
</a>
<!-- Aamazon Market
<a href="#" class="store">
<img class="amazon-button" src="images/amazon.png" width="158" height="50" alt="amazon-logo">
</a> -->
<!-- Windows Market
<a href="#" class="store">
<img class="windows-button" src="images/windows.png" width="164" height="50" alt="windows-logo">
</a> -->
</div>
</div>
</div> <!-- END BANNER TEXT -->
<!-- BANNER IMAGE -->
<div class="row">
<div class="col-md-10 col-md-offset-1 banner-img text-center">
<img class="img-responsive" src="images/banner-7-img.png" alt="banner-image">
</div>
</div>
</div> <!-- End container -->
</div> <!-- End Banner Overlay -->
</section> <!-- END BANNER-7 -->
<!-- PRICING-1
============================================= -->
<section id="pricing-1" class="wide-50 pricing-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>DAILYROLL Packages & Pricing</h2>
<!-- Text -->
<p>Aliquam a augue suscipit, bibendum luctus neque incidunt molestie laoreet rhoncus ipsum,
tempor posuere ligula varius
</p>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
<div class="row pricing-row">
<!-- PRICE PLAN STATRED -->
<div class="col-sm-4 m-bottom-50">
<div class="pricing-table">
<!-- Plan Price -->
<div class="pricing-plan m-bottom-10">
<h4 class="h4-huge">Started</h4>
<span>Free</span>
; </div>
<!-- Pricing Plan Features -->
<ul class="features">
<li><i class="fa fa-check" aria-hidden="true"></i> 20 Users Tasks</li>
<li><i class="fa fa-check" aria-hidden="true"></i> 5 GB of Storage</li>
<li class="disabled-option"><i class="fa fa-check" aria-hidden="true"></i> Theme Customization</li>
<li class="disabled-option"><i class="fa fa-check" aria-hidden="true"></i> Free Email Support</li>
<li class="disabled-option"><i class="fa fa-check" aria-hidden="true"></i> Security Suite</li>
</ul>
<!-- Pricing Table Button -->
<a href="#" class="btn btn-tra-dark dark-hover">Get Started</a>
</div>
</div> <!-- END PRICE PLAN STATRED -->
<!-- PRICE PLAN STANDARD -->
<div class="col-sm-4 m-bottom-50">
<div class="pricing-table highlight">
<!-- Plan Price -->
<div class="pricing-plan m-bottom-10">
<h4 class="h4-huge">Standard</h4>
<sup>$</sup>
<span>3.99</span>
</div>
<!-- Pricing Plan Features -->
<ul class="features">
<li><i class="fa fa-check" aria-hidden="true"></i> Unlimited Tasks</li>
<li><i class="fa fa-check" aria-hidden="true"></i> 10 GB of Storage</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Theme Customization</li>
<li class="disabled-option"><i class="fa fa-check" aria-hidden="true"></i> Free Email Support</li>
<li class="disabled-option"><i class="fa fa-check" aria-hidden="true"></i> Security Suite</li>
</ul>
<!-- Pricing Table Button -->
<a href="#" class="btn dark-hover">Get Standard</a>
</div>
</div> <!--END PRICE PLAN STANDARD -->
<!-- PRICE PLAN PREMIUM -->
<div class="col-sm-4 m-bottom-50">
<div class="pricing-table">
<!-- Plan Price -->
<div class="pricing-plan m-bottom-10">
<h4 class="h4-huge">Premium</h4>
<sup>$</sup>
<span>6.99</span>
</div>
<!-- Pricing Plan Features -->
<ul class="features">
<li><i class="fa fa-check" aria-hidden="true"></i> Unlimited Tasks</li>
<li><i class="fa fa-check" aria-hidden="true"></i> 20 GB of Storage</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Theme Customization</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Free Email Support</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Security Suite</li>
</ul>
<!-- Pricing Table Button -->
<a href="#" class="btn btn-tra-dark dark-hover">Upgrade to Premium</a>
</div>
</div> <!-- END PRICE PLAN PREMIUM -->
</div> <!-- End row -->
<!-- PRICING NOTICE MESSAGE -->
<div class="row pricing-notice">
<div class="col-md-8 col-md-offset-2 text-center m-top-20 m-bottom-50">
<p><strong>Note</strong>. To get free <strong>14 days Premium trial</strong> you must be registered. If you do
not continue with <strong>Premium</strong> after 14 days, your account will revert to a <strong>Started</strong> profile
</p>
</div>
</div>
</div> <!-- End container -->
</section> <!-- END PRICING-1 -->
<!-- FAQs-2
============================================= -->
<section id="faqs-2" class="bg-scroll bg-lightgrey wide-50 faqs-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>Having Troubles with DAILYROLL?</h2>
<!-- Text -->
<p>Aliquam a augue suscipit, bibendum luctus neque incidunt molestie laoreet rhoncus ipsum,
tempor posuere ligula varius
</p>
</div>
</div>
<div class="row">
<!-- FAQs ACCORDION -->
<div class="col-md-7 faqs-accordion m-top-20 m-bottom-50">
<div id="accordion" class="panel-group">
<!-- ACCORDION PANEL #1 -->
<div class="panel panel-default">
<!-- Question -->
<div class="panel-heading">
<span class="qnumber">1</span>
<a data-toggle="collapse" class="panel-toggle active black-color" data-parent="#accordion" href="#collapseOne">
what is the usage of the application?
</a>
</div>
<!-- Answer -->
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<!-- Text -->
<p>This application is used to keep a remind of your expenses where did you spend and what did u spend on.
</p>
<!-- Text -->
</div>
</div>
</div> <!-- END ACCORDION PANEL #1 -->
<!-- ACCORDION PANEL #2 -->
<div class="panel panel-default">
<!-- Question -->
<div class="panel-heading">
<span class="qnumber">2</span>
<a data-toggle="collapse" class="panel-toggle active black-color" data-parent="#accordion" href="#collapseTwo">
How the accounts tab is worked can you explain?
</a>
</div>
<!-- Answer -->
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<!-- Text -->
<p>Accounts tab is nothing but which give a clear cut idea in which account you have spent from ex:home expenses,office expenses etc.
</p>
<!-- Text -->
</div>
</div>
</div> <!-- END ACCORDION PANEL #2 -->
<!-- ACCORDION PANEL #3 -->
<div class="panel panel-default">
<!-- Question -->
<div class="panel-heading">
<span class="qnumber">3</span>
<a data-toggle="collapse" class="panel-toggle active black-color" data-parent="#accordion" href="#collapseThree">
when I click on save button will the data get deleted?
</a>
</div>
<!-- Answer -->
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<!-- Text -->
<p>The data will not get deleted, instead the data gets saved so that the user no need to worry about the data
</p>
</div>
</div>
</div> <!-- END ACCORDION PANEL #3 -->
<!-- ACCORDION PANEL #4 -->
<div class="panel panel-default">
<!-- Question -->
<div class="panel-heading">
<span class="qnumber">4</span>
<a data-toggle="collapse" class="panel-toggle active black-color" data-parent="#accordion" href="#collapseFour">
what can I see in category dropdown?
</a>
</div>
<!-- Answer -->
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
<!-- Text -->
<p>in category dropdown you can see the standard daily life expenses that is electricity bill,waterbill etc
</p>
</div>
</div>
</div> <!-- END ACCORDION PANEL #4 -->
<!-- ACCORDION PANEL #5 -->
<!-- END ACCORDION PANEL #5 -->
</div>
</div> <!-- END FAQs ACCORDION -->
<!-- FAQs FORM -->
<div class="col-md-5 m-bottom-50">
<div class="faqs-form-holder">
<form name="faqform" class="row faqs-form">
<!-- Contact Form Title -->
<div class="col-md-12">
<h3 class="m-bottom-25">Any other questions? <br>Drop us a message</h3>
</div>
<!-- Contact Form Inputs -->
<div class="col-sm-6 col-md-12 input-name">
<input type="text" name="name" class="form-control fname" placeholder="Enter your name">
</div>
<div class="col-sm-6 col-md-12 input-email">
<input type="text" name="email" class="form-control femail" placeholder="Your email address">
</div>
<div class="col-md-12 input-message">
<textarea name="message" class="form-control fmessage" rows="6" placeholder="How can we help you?"></textarea>
</div>
<!-- Contact Form Button -->
<div class="col-md-12 faqs-form-btn">
<input type="submit" value="Send your message" class="btn dark-hover submit">
</div>
<!-- Contact Form Message -->
<div class="col-md-12 faqs-form-msg text-center">
<span class="loading"></span>
</div>
</form>
</div>
</div> <!-- END FAQs FORM -->
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END FAQs-2 -->
<!-- BANNER-6
============================================= -->
<section id="banner-6" class="wide-120 banner-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="row">
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2 section-title">
<!-- Title -->
<h2>More from our company Applications</h2>
<!-- Text -->
<p>
</p>
</div>
</div>
<div class="row">
<ul>
<!-- OTHER APP #1 -->
<!-- Other App Link -->
<li class="col-xs-6 col-sm-4 col-md-3 bbox clearfix">
<!-- Recommended sizes for Retina Ready displays is 200x200px; -->
<img class="other-app-logo" src="images/app-1.png" width="100" height="100" alt="other-app-logo">
<!-- Other App Link -->
<a href="https://play.google.com/store/apps/details?id=acs.com.krimewatch" class="other-app-link">KRIMEWATCH</a>
<!-- Other App Category -->
<p class="txt-normal darkgrey-color m-bottom-5">SOCIAL</p>
<!-- Other App Rating -->
<div class="banner-app-rating">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</li>
<!-- OTHER APP #2 -->
<li class="col-xs-6 col-sm-4 col-md-3 bbox clearfix">
<!-- Recommended sizes for Retina Ready displays is 200x200px; -->
<img class="other-app-logo" src="images/app-2.png" width="100" height="100" alt="other-app-logo">
<!-- Other App Link -->
<a href="https://play.google.com/store/apps/details?id=acs.com.elitecap" class="other-app-link">EliteCap</a>
<!-- Other App Category -->
<p class="txt-normal darkgrey-color m-bottom-5">SOCIAL</p>
<!-- Other App Rating -->
<div class="banner-app-rating">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</li>
<!-- OTHER APP #3 -->
<li class="col-xs-6 col-sm-4 col-md-3 bbox clearfix">
<!-- Recommended sizes for Retina Ready displays is 200x200px; -->
<img class="other-app-logo" src="images/app-3.png" width="100" height="100" alt="other-app-logo">
<!-- Other App Link -->
<a href="https://play.google.com/store/apps/details?id=acs.com.naturesnap" class="other-app-link">NatureSnap</a>
<!-- Other App Category -->
<p class="txt-normal darkgrey-color m-bottom-5">Photography</p>
<!-- Other App Rating -->
<div class="banner-app-rating">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</li>
<!-- OTHER APP #4 -->
<li class="col-xs-6 col-sm-4 col-md-3 bbox clearfix">
<!-- Recommended sizes for Retina Ready displays is 200x200px; -->
<img class="other-app-logo" src="images/app-4.png" width="100" height="100" alt="other-app-logo">
<!-- Other App Link -->
<a href="https://play.google.com/store/apps/details?id=com.acs.ecollege" class="other-app-link">e-College</a>
<!-- Other App Category -->
<p class="txt-normal darkgrey-color m-bottom-5">Education</p>
<!-- Other App Rating -->
<div class="banner-app-rating">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</li>
<!-- OTHER APP #5 -->
<li class="col-xs-6 col-sm-4 col-md-3 bbox clearfix">
<!-- Recommended sizes for Retina Ready displays is 200x200px; -->
<img class="other-app-logo" src="images/app-5.png" width="100" height="100" alt="other-app-logo">
<!-- Other App Link -->
<a href="#" class="other-app-link">App Name</a>
<!-- Other App Category -->
<p class="txt-normal darkgrey-color m-bottom-5">Utilities</p>
<!-- Other App Rating -->
<div class="banner-app-rating">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
</li>
</ul>
</div> <!-- End row -->
<!-- BANNER BUTTON -->
<div class="row">
<div class="col-md-12 text-center m-top-25">
<a href="https://play.google.com/store/apps/developer?id=Manohar+Pitta" class="btn btn-lg btn-tra-dark dark-hover">View All on AppStore</a>
</div>
</div>
</div> <!-- End container -->
</section> <!-- END BANNER-6 -->
<!-- BLOG-1
============================================= -->
<!-- NEWSLETTER-1
============================================= -->
<section id="newsletter-1" class="newsletter-section division">
<div class="container">
<div class="row">
<!-- NEWSLETTER FORM -->
<div class="col-lg-10 col-lg-offset-1 text-center">
<!-- Title -->
<h3 class="h3-lg m-bottom-20">Join the 6,000+ customers that are already using DAILYROLL</h3>
<!-- Text -->
<p class="p-huge m-bottom-40">Sign up and get our news, ideas and updates</p>
<!-- Newsletter Form Input -->
<form class="newsletter-form">
<div class="input-group">
<input type="email" class="form-control" placeholder="Email Address" required id="s-email">
<span class="input-group-btn"><button type="submit" class="btn btn-footer dark-hover">Sign Up</button></span>
</div>
<!-- Newsletter Form Notification -->
<label for="s-email" class="form-notification"></label>
</form>
<!-- NEWSLETTER SOCIALS -->
<div class="newsletter-social m-top-20">
<!-- Small Title -->
<p class="p-medium">Get in touch with us via social networks:</p>
<!-- Newsletter Social Icons list -->
<ul class="newsletter-icons clearfix m-top-30">
<li><a href="https://www.facebook.com/daily.roll.7" class="newsletter-social ico-facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/roll_daily" class="newsletter-social ico-twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/daily-roll-2690a9172/" class="newsletter-social ico-linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<!--
<li><a href="#" class="newsletter-social ico-google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-youtube"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-skype"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-vk"><i class="fa fa-vk" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-digg"><i class="fa fa-digg" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-deviantart"><i class="fa fa-deviantart" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-envelope"><i class="fa fa-envelope-square" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-delicious"><i class="fa fa-delicious" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-dropbox"><i class="fa fa-dropbox" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-tumblr"><i class="fa fa-tumblr" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-vimeo"><i class="fa fa-vimeo-square" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-flickr"><i class="fa fa-flickr" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-github"><i class="fa fa-github-alt" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-renren"><i class="fa fa-renren" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-xing"><i class="fa fa-xing" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-weibo"><i class="fa fa-weibo" aria-hidden="true"></i></a></li>
<li><a href="#" class="newsletter-social ico-rss"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
-->
</ul>
</div> <!-- END NEWSLETTER SOCIALS -->
</div> <!-- END NEWSLETTER FORM -->
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END NEWSLETTER-1 -->
<?php
$year = date("Y");
$year1=$year+1;
?>
<!-- FOOTER-4
============================================= -->
<footer id="footer-4" class="p-top-50 footer division">
<div class="container">
<!-- FOOTER COPYRIGHT -->
<div class="col-md-6 footer-copyright m-bottom-50">
<p><a href="footer.php"></a> Copyright©(<?php echo $year."-".$year1 ?> ) Jayson & Williams Technologies, All Rights Reserved.</p>
</div>
<!-- FOOTER LINKS -->
<div class="col-md-6 foo-links text-right m-bottom-50">
<!-- Footer Links -->
<ul class="footer-links clearfix">
<li><a href="#" class="foo-1-link"></a></li>
<li><a href="#" class="foo-1-link">Privacy Policy</a></li>
<li><a href="#" class="foo-1-link">Terms of Service</a></li>
<li><a href="#" class="foo-1-link">Site Map</a></li>
</ul>
</div>
</div> <!-- End container -->
</footer> <!-- END FOOTER-4 -->
</div> <!-- END PAGE CONTENT -->
<!-- EXTERNAL SCRIPTS
============================================= -->
<script src="js/jquery-2.2.4.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/modernizr.custom.js" type="text/javascript"></script>
<script src="js/jquery.easing.js" type="text/javascript"></script>
<script src="js/retina.js" type="text/javascript"></script>
<script src="js/jquery.stellar.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollto.js" type="text/javascript"></script>
<script src="js/jquery.appear.js" type="text/javascript"></script>
<script src="js/jquery.vide.min.js" type="text/javascript"></script>
<script src="js/owl.carousel.min.js" type="text/javascript"></script>
<script src="js/slick.min.js" type="text/javascript"></script>
<script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider.js" type="text/javascript"></script>
<script src="js/jquery.ajaxchimp.min.js" type="text/javascript"></script>
<script src="js/faqs-form.js" type="text/javascript"></script>
<script src="js/contact-form.js" type="text/javascript"></script>
<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<!-- Custom Script -->
<script src="js/custom.js" type="text/javascript"></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!-- [if lt IE 9]>
<script src="js/html5shiv.js" type="text/javascript"></script>
<script src="js/respond.min.js" type="text/javascript"></script>
<![endif] -->
<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->
<!--
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
-->
<!-- Styleswitch -->
<script src="js/changer.js" type="text/javascript" ></script>
<script defer src="js/styleswitch.js"></script>
</body>
<!-- Mirrored from dsathemes.com/html/DAILYROLL/files/demo-6.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 30 Sep 2018 20:47:03 GMT -->
</html>