- Removed unused files
- Inlined email css styles - Minor bug fixes
This commit is contained in:
parent
3ccbc57ddd
commit
6af8a787bd
|
|
@ -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
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'api_key' => 'b663417807397a325bcd5a9b3d5048b5'
|
||||
];
|
||||
|
|
@ -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 |
|
|
@ -181,8 +181,6 @@ $(function () {
|
|||
success: function (data) {
|
||||
hideMessage();
|
||||
|
||||
//history.pushState({}, '', window.location + '#' + modalId);
|
||||
|
||||
$('body').append(data);
|
||||
|
||||
var $modal = $('#' + modalId);
|
||||
|
|
|
|||
|
|
@ -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: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%">
|
||||
<tr style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
|
||||
<td style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;max-width: 600px;display: block">
|
||||
<table style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%">
|
||||
<tr style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
|
||||
<td style="text-align: center;padding: 10px;margin: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
|
||||
<img style="max-width: 110px;margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
|
||||
<td style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%;clear: both !important">
|
||||
<tr style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
|
||||
<td style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6"></td>
|
||||
<td class="container" style="margin: 0 auto !important;padding: 0;font-family: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;max-width: 600px;display: block">
|
||||
<table style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6;width: 100%">
|
||||
<tr style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
|
||||
<td align="center" style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6">
|
||||
<p style="margin: 0;padding: 0;font-family: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", 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: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.6"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- /footer -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
Nothing here yet
|
||||
|
|
@ -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>
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<script>
|
||||
$(function() {
|
||||
$.backstretch([
|
||||
'{{asset('website_assets/images/header/splash.jpg')}}'
|
||||
'{{asset('assets/images/splash.jpg')}}'
|
||||
], {duration: 3500, fade: 1000});
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue