- Removed unused files

- Inlined email css styles
- Minor bug fixes
This commit is contained in:
Dave 2016-03-02 11:55:41 +00:00
parent 3ccbc57ddd
commit 6af8a787bd
12 changed files with 60 additions and 710 deletions

View File

@ -12,6 +12,13 @@
*/
Route::get('emailtest', function(){
return View::make('Emails.Layouts.Master', [
'message' => 'Hello.',
'email_logo' => asset('assets/images/logo-email.png')
]);
});
/*
* Installer
*/

View File

@ -122,17 +122,11 @@ return [
'Illuminate\View\ViewServiceProvider',
'Illuminate\Html\HtmlServiceProvider',
'Illuminate\Broadcasting\BroadcastServiceProvider',
// 'Thomaswelton\LaravelGravatar\LaravelGravatarServiceProvider',
// 'Webpatser\Countries\CountriesServiceProvider',
// 'Vinelab\Http\HttpServiceProvider',
//
'Vinelab\Http\HttpServiceProvider',
'Milon\Barcode\BarcodeServiceProvider',
'Intervention\Image\ImageServiceProvider',
'Nitmedia\Wkhtml2pdf\L5Wkhtml2pdfServiceProvider',
'Maatwebsite\Excel\ExcelServiceProvider',
'Laravel\Socialite\SocialiteServiceProvider',
// 'Bugsnag\BugsnagLaravel\BugsnagLaravelServiceProvider::class',
'Barryvdh\Debugbar\ServiceProvider',
'Nitmedia\Wkhtml2pdf\L5Wkhtml2pdfServiceProvider',
'Mews\Purifier\PurifierServiceProvider',
@ -203,9 +197,7 @@ return [
'HTML' => 'Illuminate\Html\HtmlFacade',
'Str' => 'Illuminate\Support\Str',
'Utils' => 'App\Attendize\Utils',
'Countries' => 'Webpatser\Countries\CountriesFacade',
'Carbon' => 'Carbon\Carbon',
//'PDF' => 'Barryvdh\DomPDF\Facade',
'PDF' => 'Nitmedia\Wkhtml2pdf\Facades\Wkhtml2pdf',
'DNS1D' => 'Milon\Barcode\Facades\DNS1DFacade',
'DNS2D' => 'Milon\Barcode\Facades\DNS2DFacade',
@ -213,7 +205,6 @@ return [
'Excel' => 'Maatwebsite\Excel\Facades\Excel',
'Socialize' => 'Laravel\Socialite\Facades\Socialite',
'HttpClient' => 'Vinelab\Http\Facades\Client',
//'Purifier' => 'Mews\Purifier\Facades\Purifier',
'Purifier' => 'Mews\Purifier\Facades\Purifier',
'Markdown' => 'MaxHoffmann\Parsedown\ParsedownFacade',

View File

@ -1,5 +0,0 @@
<?php
return [
'api_key' => 'b663417807397a325bcd5a9b3d5048b5'
];

View File

@ -15,7 +15,7 @@ return [
|
*/
'driver' => env('MAIL_DRIVER', 'smtp'),
'driver' => env('MAIL_DRIVER', 'mail'),
/*
|--------------------------------------------------------------------------
@ -28,7 +28,7 @@ return [
|
*/
'host' => env('MAIL_HOST', 'smtp.mandrillapp.com'),
'host' => env('MAIL_HOST', 'smtp.sendgrid.net'),
/*
|--------------------------------------------------------------------------
@ -80,7 +80,7 @@ return [
|
*/
'username' => 'dave.m.earley@gmail.com',
'username' => env('MAIL_USERNAME'),
/*
|--------------------------------------------------------------------------
@ -93,7 +93,7 @@ return [
|
*/
'password' => 'b038a015-8162-4a7a-bb8b-abb63fa7c112',
'password' => env('MAIL_PASSWORD'),
/*
|--------------------------------------------------------------------------

Binary file not shown.

After

Width:  |  Height:  |  Size: 487 KiB

View File

@ -181,8 +181,6 @@ $(function () {
success: function (data) {
hideMessage();
//history.pushState({}, '', window.location + '#' + modalId);
$('body').append(data);
var $modal = $('#' + modalId);

View File

@ -1,222 +1,69 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>
@section('subject')
Attendize.com Email
@show
</title>
<style>
/* -------------------------------------
GLOBAL
------------------------------------- */
* {
margin:0;
padding:0;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.6;
}
img {
max-width: 100%;
}
body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100%!important;
height: 100%;
}
/* -------------------------------------
ELEMENTS
------------------------------------- */
a {
color: #348eda;
}
.btn-primary, .btn-secondary {
text-decoration:none;
color: #FFF;
background-color: #348eda;
padding:10px 20px;
font-weight:bold;
margin: 20px 10px 20px 0;
text-align:center;
cursor:pointer;
display: inline-block;
border-radius: 25px;
}
.btn-secondary{
background: #aaa;
}
.last {
margin-bottom: 0;
}
.first{
margin-top: 0;
}
/* -------------------------------------
BODY
------------------------------------- */
table.body-wrap {
width: 100%;
padding: 20px;
}
table.body-wrap .container{
border: 1px solid #f0f0f0;
}
/* -------------------------------------
FOOTER
------------------------------------- */
table.footer-wrap {
width: 100%;
clear:both!important;
}
.footer-wrap .container p {
font-size:12px;
color:#666;
}
table.footer-wrap a{
color: #999;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1,h2,h3{
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
margin: 40px 0 10px;
line-height: 1.2;
font-weight:200;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
p, ul {
margin-bottom: 10px;
font-weight: normal;
font-size:14px;
}
ul li {
margin-left:5px;
list-style-position: inside;
}
/* ---------------------------------------------------
RESPONSIVENESS
Nuke it from orbit. It's the only way to be sure.
------------------------------------------------------ */
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display:block!important;
max-width:600px!important;
margin:0 auto!important; /* makes it centered */
clear:both!important;
}
/* This should also be a block element, so that it will fill 100% of the .container */
.content {
padding:20px;
max-width:600px;
margin:0 auto;
display:block;
}
/* Let's make sure tables in the content area are 100% wide */
.content table {
width: 100%;
}
</style>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>
@section('subject')
Attendize.com Email
@show
</title>
</head>
<body style="background-color:#f7f7f7;">
<body style="background-color: #f7f7f7;margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;width: 100% !important;height: 100%">
<!-- body -->
<table class="body-wrap" style="background-color:#f7f7f7;">
<tr>
<td></td>
<td class="container" bgcolor="#FFFFFF">
<table class="body-wrap" style="background-color: #f7f7f7;margin: 0;padding: 20px;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%">
<tr style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
<td style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6"></td>
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto !important;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;border: 1px solid #f0f0f0;display: block !important;max-width: 600px !important;clear: both !important">
<!-- content -->
<div class="content" style="color:#888;">
<table>
<tr>
<td style="text-align:center; padding: 10px;">
<img style="max-width:110px;" src="{{$message->embed(asset(isset($email_logo) ? $email_logo : 'assets/images/logo-email.png'))}}">
</td>
</tr>
<tr>
<td>
@yield('message_content')
</td>
</tr>
</table>
<div class="content" style="color: #888;margin: 0 auto;padding: 20px;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;max-width: 600px;display: block">
<table style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%">
<tr style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
<td style="text-align: center;padding: 10px;margin: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
<img style="max-width: 110px;margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6" src="{{$message->embed(asset(isset($email_logo) ? $email_logo : 'assets/images/logo-email.png'))}}" />
</td>
</tr>
<tr style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
<td style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
@yield('message_content')
</td>
</tr>
</table>
</div>
<!-- /content -->
</td>
<td></td>
<td style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6"></td>
</tr>
</table>
<!-- /body -->
<!-- footer -->
<table class="footer-wrap">
<tr>
<td></td>
<td class="container">
<table class="footer-wrap" style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%;clear: both !important">
<tr style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
<td style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6"></td>
<td class="container" style="margin: 0 auto !important;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;display: block !important;max-width: 600px !important;clear: both !important">
<!-- content -->
<div class="content">
<table>
<tr>
<td align="center">
<p>Event Ticketing By <a href="http://attendize.com/?utm_source=email_footer">Attendize.com</a>.
<div class="content" style="margin: 0 auto;padding: 20px;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;max-width: 600px;display: block">
<table style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%">
<tr style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
<td align="center" style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
<p style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.6;color: #666;margin-bottom: 10px;font-weight: normal">Powered By <a href="https://www.attendize.com/?utm_source=email_footer" style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;color: #999">Attendize.com</a>.
</p>
@yield('footer')
@yield('footer')
</td>
</tr>
</table>
</div><!-- /content -->
</td>
<td></td>
<td style="margin: 0;padding: 0;font-family: &quot;Helvetica Neue&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6"></td>
</tr>
</table>
<!-- /footer -->
</body>
</html>

View File

@ -2,9 +2,9 @@ Hi {{{$attendee->first_name}}},<br><br>
We've attached your tickets to this email.<br><br>
You can view your order info and download your tickets at http://attendize.com/order/{{{$attendee->order->order_reference}}} anytime.<br><br>
You can view your order info and download your tickets at {{route('showOrderDetails', ['order_reference' => $attendee->order->order_reference])}} anytime.<br><br>
Your order reference is <b>{{$attendee->order->order_reference}}</b>.<br>
Thanks,<br>
The Attendize team
Thank you<br>

View File

@ -2,9 +2,9 @@
<div class="container">
<div class="row">
<div class="col-md-12">
Event Ticketing By
Ticketing By
<a href="/">
Attend<b>ize</b>
<a href="https://attendize.com?utm_source=event_page">Attend<b>ize</b></a>
</a>
</div>
</div>

View File

@ -1 +0,0 @@
Nothing here yet

View File

@ -1,487 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Attendize</title>
{!! HTML::style('website_assets/stylesheet/main.css') !!}
<!-- 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]-->
<style>
.interface {
width: 792px;
height: 400px;
margin: 70px auto 0px auto; }
@media only screen and (max-width: 1024px) {
.interface {
width: 580px;
height: 300px;
margin: 0px auto 0px auto; } }
@media only screen and (max-width: 600px) {
.interface {
width: 280px;
height: 140px;
margin: 0px auto 0px auto; } }
.interface-screen {
position: relative;
padding: 40px;
background: -webkit-linear-gradient(0deg, #ced0d6, #eeeff2);
background: linear-gradient(90deg, #ced0d6, #eeeff2);
-webkit-background-size: cover cover;
background-size: cover;
border: 3px solid #7d828c;
border-radius: 30px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg); }
@media only screen and (max-width: 1024px) {
.interface-screen {
padding: 30px;
border-radius: 20px; } }
@media only screen and (max-width: 600px) {
.interface-screen {
padding: 15px;
border-radius: 10px; } }
.interface-screen:after {
position: absolute;
left: 0;
right: 0;
top: 15px;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
background-color: #222;
border-radius: 5px;
-webkit-box-shadow: 40px 0px 0px -2px #7d828c, -40px 0px 0px -2px #7d828c;
box-shadow: 40px 0px 0px -2px #7d828c, -40px 0px 0px -2px #7d828c; }
@media only screen and (max-width: 1024px) {
.interface-screen:after {
top: 12px;
width: 6px;
height: 6px;
-webkit-box-shadow: 30px 0px 0px -1px #7d828c, -30px 0px 0px -1px #7d828c;
box-shadow: 30px 0px 0px -1px #7d828c, -30px 0px 0px -1px #7d828c; } }
@media only screen and (max-width: 600px) {
.interface-screen:after {
top: 6px;
width: 2px;
height: 2px;
-webkit-box-shadow: 5px 0px 0px -1px #7d828c, 5px 0px 0px -1px #7d828c;
box-shadow: 5px 0px 0px -1px #7d828c, 5px 0px 0px -1px #7d828c; } }
.interface-screen img {
width: 100%;
/* box-shadow: 0 0 12px 0px rgba(235,235,255,0.25);*/
-webkit-animation: screenglow 0.5s linear infinite;
animation: screenglow 0.5s linear infinite; }
</style>
</head>
<body>
<!--Header Section-->
<div id="home" class="top">
<div class="container">
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 logo">
<img src="website_assets/images/header/logo.png" alt=".Square">
</div>
<!--Navigation-->
<div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 pull-right ">
<div class="nav">
<ul class="navi">
<li ><a href="#features">Features</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="big_head_mask" >
<section class="big_head">
<div class="intro" >
<div class="col-md-12">
<div class="content">
<h1>Sell Tickets The Right Way</h1>
<p>Attendize offers a <b>powerful</b> & <b>cost affective</b> way to sell tickets online and manage your events. </p>
<div class="btn-cta"><a href="#signup">REQUEST INVITATION</a></div>
<div class="interface ">
<div class="interface-screen" id="screen">
<img src="//placehold.it/1437x753" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!--Features Section-->
<section class="feature-styles" id="features" >
<div class="container text-center">
<h1>All the tools you need to sell tickets online</h1>
</div>
<div class="container feature-container">
<div class="col-lg-push-6 col-md-6 col-sm-12 col-xs-12 text-center">
<div class="feature-icon red hidden-xs"><i class="fa fa-trello" ></i></div>
<div class="feature-icon green hidden-xs"><i class="fa fa-laptop" ></i></div>
<img src="website_assets/images/body/howitwork-img1.png" alt="How it works?"></div>
<div class="col-lg-pull-6 col-md-6 col-sm-12 col-xs-12">
<h1>Sell More Tickets</h1>
<div class="txt">
With powerful event management tools, beautiful event pages and
</div>
<div class="getstarted"><a href="#signup">Get Started Today! <i class="fa fa-long-arrow-right"></i></a></div>
</div>
</div>
<div class="container feature-container">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
<div class="feature-icon blue hidden-xs"><i class="fa fa-trello" ></i></div>
<div class="feature-icon orange hidden-xs"><i class="fa fa-laptop" ></i></div>
<img src="website_assets/images/body/devtime-img.png" alt="Reduce development time"></div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h1>Reduce development time</h1>
<div class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam suscipit aliquet felis, quis ultrices orci condiment. Suspendisse ut eleifend sem, nec iaculis nulla. </div>
<div class="getstarted"><a href="#signup">Get Started Today! <i class="fa fa-long-arrow-right"></i></a></div>
</div>
</div>
<div class="container feature-container">
<div class="col-lg-push-6 col-md-6 col-sm-12 col-xs-12 text-center">
<div class="feature-icon pgreen hidden-xs"><i class="fa fa-trello" ></i></div>
<div class="feature-icon yellow hidden-xs"><i class="fa fa-laptop" ></i></div>
<img src="website_assets/images/body/alldevices-img.png" alt="Works on all devices"></div>
<div class="col-lg-pull-6 col-md-6 col-sm-12 col-xs-12">
<h1>Works on all devices</h1>
<div class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam suscipit aliquet felis, quis ultrices orci condiment. Suspendisse ut eleifend sem, nec iaculis nulla. </div>
<div class="getstarted"><a href="#signup">Get Started Today! <i class="fa fa-long-arrow-right"></i></a></div>
</div>
</div>
</section>
<!--start features-->
<section id="services" class="wrapper-white">
<div class="container">
<!-- SERVICE TOP IMAGE -->
<div class="row">
<div class="col-md-12">
<div class="content-photo">
<img class="services-img" src="img/mockup/imac-01.jpg" alt="???">
</div>
</div>
</div>
<!-- /END SERVICE TOP IMAGE -->
<div class="row">
<!-- SERVICE BOX -->
<div class="col-md-6 col-sm-6 services-box">
<!-- Service Icon -->
<div class="icon-box">
<div class="icon-clean txt-yellow icon_adjust-horiz"></div>
</div>
<!-- Service Txt Box -->
<div class="services-txt">
<h3>Easy to Customize</h3>
<p>
Uptat pos reseces nos aut doluptatus eat a volupta consed quidemquos ad untur, odis ea nonsectiis dolorum consequi recture, quiaqu idemquos denis denis volescia sendunt rem dolupta.
</p>
<a href="#" class="meta">Learn more about this section</a>
</div>
</div>
<!-- /END SERVICE BOX -->
<!-- SERVICE BOX -->
<div class="col-md-6 col-sm-6 services-box">
<!-- Service Icon -->
<div class="icon-box">
<div class="icon-clean txt-pink icon_archive_alt"></div>
</div>
<!-- Service Txt Box -->
<div class="services-txt">
<h3>Bootstrap Based</h3>
<p>
denis denis volescia sendunt rem doluptam, que soluptas re volorep erundi tecti occabore rene evero aut mincili quissin pa vel est lique pro eariatae ped ut essit vel ipsunt ommolum.
</p>
<a href="#" class="meta">Learn more about this section</a>
</div>
</div>
<!-- /END SERVICE BOX -->
</div>
<div class="row">
<!-- SERVICE BOX -->
<div class="col-md-6 col-sm-6 services-box">
<!-- Service Icon -->
<div class="icon-box">
<div class="icon-clean txt-red fa fa-bars"></div>
</div>
<!-- Service Txt Box -->
<div class="services-txt">
<h3>Responsive Design</h3>
<p>
Uptat pos reseces nos aut doluptatus eat a volupta consed quidemquos ad untur, odis ea nonsectiis dolorum consequi recture, quiaqu idemquos denis denis volescia sendunt rem dolupta.
</p>
<a href="#" class="meta">Learn more about this section</a>
</div>
</div>
<!-- /END SERVICE BOX -->
<!-- SERVICE BOX -->
<div class="col-md-6 col-sm-6 services-box">
<!-- Service Icon -->
<div class="icon-box">
<div class="icon-clean txt-blue fa fa-tint"></div>
</div>
<!-- Service Txt Box -->
<div class="services-txt">
<h3>Fresh Colors</h3>
<p>
denis denis volescia sendunt rem doluptam, que soluptas re volorep erundi tecti occabore rene evero aut mincili quissin pa vel est lique pro eariatae ped ut essit vel ipsunt ommolum.
</p>
<a href="#" class="meta">Learn more about this section</a>
</div>
</div>
<!-- /END SERVICE BOX -->
</div>
<div class="row">
<!-- SERVICE BOX -->
<div class="col-md-6 col-sm-6 services-box">
<!-- Service Box Icon -->
<div class="icon-box">
<div class="icon-clean txt-teal fa fa-life-ring"></div>
</div>
<!-- Service Txt Box -->
<div class="services-txt">
<h3>Premium Support</h3>
<p>
Uptat pos reseces nos aut doluptatus eat a volupta consed quidemquos ad untur, odis ea nonsectiis dolorum consequi recture, quiaqu idemquos denis denis volescia sendunt rem dolupta.
</p>
<a href="#" class="meta">Learn more about this section</a>
</div>
</div>
<!-- /END SERVICE BOX -->
<!-- SERVICE BOX -->
<div class="col-md-6 col-sm-6 services-box">
<!-- Service Box Icon -->
<div class="icon-box">
<div class="icon-clean txt-green fa fa-cogs"></div>
</div>
<!-- Service Txt Box -->
<div class="services-txt">
<h3>Tons of Options</h3>
<p>
denis denis volescia sendunt rem doluptam, que soluptas re volorep erundi tecti occabore rene evero aut mincili quissin pa vel est lique pro eariatae ped ut essit vel ipsunt ommolum.
</p>
<a href="#" class="meta">Learn more about this section</a>
</div>
</div>
<!-- /END SERVICE BOX -->
</div>
</div>
<!-- /End Container -->
</section>
<!--Opt-in Section-->
<section class="bggray" id="signup">
<div class="container msg">
<div id="message" style="display:none"></div>
<div class="col-lg-12 col-md-12 col-sm-12 opt-container">
<h1>Are you an event organiser?</h1>
<h2>Signup absolutly <span>FREE</span> to .Square now and start creating your websites.</h2>
<form id="contactform" action method="post">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form">
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12"><input name="email" type="text" id="email" placeholder="Enter Your Email"></div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"><div><input class="btn-blue" type="button" value="submit" id="submit"></div></div></div></form>
</div>
</div>
</section>
<section id="pricing">
<div class="container">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pricing">
<h1>Singup to .Square</h1>
<h2>Start creating your websites now!</h2>
</div>
</div>
<div class="container">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pricing-box">
<div class="bggray price">
<div class="package">Basic</div>
<div class="divider"></div>
<div class="amount">$19</div>
<div class="duration">monthly</div>
</div>
<div class="featcontent">
<div class="feat-list">
<ul>
<li>2 Websites</li>
<li>1 Users</li>
<li>2 GB Storage</li>
<li>1000 GB Bandwith</li>
</ul>
</div>
<div class="signup-btn"><a href="#">Signup now</a></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pricing-box">
<div class="bgorange price">
<div class="package">Standard</div>
<div class="divider"></div>
<div class="amount">$29</div>
<div class="duration">monthly</div>
</div>
<div class="featcontent">
<div class="feat-list">
<ul>
<li>2 Websites</li>
<li>1 Users</li>
<li>2 GB Storage</li>
<li>1000 GB Bandwith</li>
</ul>
</div>
<div class="signup-btn"><a href="#">Signup now</a></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pricing-box">
<div class="bgblue price">
<div class="package">Premium</div>
<div class="divider"></div>
<div class="amount">$39</div>
<div class="duration">monthly</div>
</div>
<div class="featcontent">
<div class="feat-list">
<ul>
<li>2 Websites</li>
<li>1 Users</li>
<li>2 GB Storage</li>
<li>1000 GB Bandwith</li>
</ul>
</div>
<div class="signup-btn"><a href="#">Signup now</a></div>
</div>
</div>
</div>
</section>
<!--Contact Section-->
<section id="contact">
<div class="container">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 contact">
<h1>Get in touch</h1>
<h2>Have a question? do not hesitate to contact us.</h2>
</div>
</div>
<div class="container contact-info">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
<i class="fa fa-phone"></i>1.800.321.4567-8
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
<i class="fa fa-envelope"></i>support@dotsquare.com
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
<i class="fa fa-map-marker"></i>Some street, New York, USA
</div>
</div>
<div class="container contact-form">
<form id="contactmsg" action method="post">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<input name="name" type="text" id="name" placeholder="Enter Your Name" >
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<input name="email" type="text" id="email" placeholder="Enter Your Email" >
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<input name="phone" type="text" id="phone" placeholder="Enter Your Phone" >
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<textarea name="detail" id="detail" rows="8" placeholder="Message"></textarea>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"><input class="btn-message" type="button" value="Send Message" id="sendmsg"></div>
</form>
</div>
<div id="contact-message" style="display:none"></div>
</section>
<!-- Footer Section-->
<section id="footer">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 footer">
<div class="footer-nav text-center">
<ul class="navi">
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="social-icons text-center">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="copyright">Copyright © 2014 dotSquare. All rights reserved.</div>
</div>
</section>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- <script src="js/custom.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script defer src="js/jquery.flexslider-min.js"></script>-->
{!! HTML::script('website_assets/javascript/custom.js'); !!}
</body>
</html>

View File

@ -62,7 +62,7 @@
<script>
$(function() {
$.backstretch([
'{{asset('website_assets/images/header/splash.jpg')}}'
'{{asset('assets/images/splash.jpg')}}'
], {duration: 3500, fade: 1000});
});
</script>