| Current File : /home/itiffy/public_html/resources/views/frontend/website-packages.blade.php |
@extends('frontend.layouts.master')
@section('content')
<!-- BREADCRUMB SECTION -->
<div class="breadcrumb-box">
<ol class="breadcrumb container">
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li class="breadcrumb-item active">Website Plans</li>
</ol>
</div>
<!-- /BREADCRUMB SECTION -->
<!-- CONTENT SECTION -->
<div class="content-section">
<!-- Section01 -->
<div class="website-plans-section-01" id="websiteHorizontalTab">
<ul class="resp-tabs-list plans-tab">
<li>
<div class="grey-plan-box">
<div class="blue-plan-bg">$49 <span>/ month</span></div>
</div>
Standard Website</li>
<li>
<div class="grey-plan-box">
<div class="yellow-plan-bg">$399</div>
</div>
Standard Responsive Website</li>
<li>
<div class="grey-plan-box">
<div class="green-plan-bg">$599</div>
</div>
Standard Dynamic Website</li>
<li>
<div class="grey-plan-box">
<div class="red-plan-bg">$899</div>
</div>
Advance Dynamic Website</li>
<li>
<div class="grey-plan-box">
<div class="orange-plan-bg">$1099</div>
</div>
Standard Website Combo</li>
<li>
<div class="grey-plan-box">
<div class="voilet-plan-bg">$1699</div>
</div>
E-commerce</li>
</ul>
<div class="resp-tabs-container plans-tab">
<!-- Standard Website -->
<div class="clearfix">
<div class="plans-section-01">
<div class="container">
<div class="col-sm-4">
<div class="plan-box-blue-01">
<h2>Standard website</h2>
<p class="text-uppercase">Standard Hosting included <br />Minimum - 1 year contract</p>
<h4>5 Pages</h4>
<div class="price-box">$49 <span>/month</span></div>
<div class="btn-buy-now"><a href="javascript:void(0)" class="website-payment" id="Standard Website" price="49" hires_hour_or_month="2">Buy Now</a></div>
</div>
</div>
<div class="col-sm-5">
<div class="plan-box-grey-01"><img src="{{ url('public/images') }}/website-basic-img-01.jpg" alt=""></div>
</div>
<div class="col-sm-3">
<div class="plan-box-blue-02">
<ul class="listing">
<li>Up to 5 Pages</li>
<li>Up to 3 Royalty Free Images</li>
<li>1 Banner</li>
<li>Template Design</li>
<li>Responsive Website Design (compatible with mobile phones to desktop computer monitors)</li>
<li>Favicon</li>
<li>Contact us Page</li>
<li>Google Map on Contact us Page</li>
<li>SEO Friendly URLs</li>
<li>Displaying Social Media Links</li>
<li>Support for Latest Browsers</li>
<li>Full Support</li>
</ul>
</div>
</div>
</div>
</div>
<div class="plans-section-02">
<div class="container">
<div class="row">
<div class="col-sm-5"><img src="{{ url('public/images') }}/website-basic-img-02.jpg" alt=""></div>
<div class="col-sm-7">
<h3><strong>SELECTED PLAN</strong> – Standard Website Plan</h3>
<p><strong>Modern, Responsive Website</strong><br>
We will consult with you to create a theme website based upon your needs, current SEO requirements and technology demands. You will have complete use of this website as long as you remain a customer. The integrated responsive design will allow the website to cleanly shift between computer, tablet and phone. We will continue to update website functionality and responsive features as this technology continues to change.</p>
<p>Simplicity for you to get online quickly. Nothing should get in the way of you getting your website up and and running in no time. Our sites are built to make that happen.</p>
<p><strong>Search Engine Optimization (SEO) Integration</strong><br>
We design every website for passive and active search engine optimization from initial design. We will continue to update our websites so that they remain optimized even as technology and search engine algorithms continue to change.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /Basic Website -->
<!-- Standard Responsive Website -->
<div class="clearfix">
<div class="plans-section-01">
<div class="container">
<div class="col-sm-4">
<div class="plan-box-yellow-01">
<h2>Standard Responsive Website</h2>
<p class="text-uppercase">Informative website</p>
<h4>5 Pages</h4>
<div class="price-box">$399</div>
<div class="btn-buy-now"><a href="javascript:void(0)" class="website-payment" id="Standard Responsive Website" price="399" hires_hour_or_month="0">Buy Now</a></div>
</div>
</div>
<div class="col-sm-5">
<div class="plan-box-grey-01"><img src="{{ url('public/images') }}/website-basic-img-01.jpg" alt=""></div>
</div>
<div class="col-sm-3">
<div class="plan-box-yellow-02">
<ul class="listing">
<li>Up to 5 Pages</li>
<li>Up to 3 Royalty Free Images</li>
<li>1 Banner</li>
<li>Responsive Website Design (compatible with mobile phones to desktop computer monitors)</li>
<li>Favicon</li>
<li>Contact us Page</li>
<li>Google Map on Contact us Page</li>
<li>SEO Friendly URLs</li>
<li>Displaying Social Media Links</li>
<li>Support for Latest Browsers</li>
<li>Post Go Live Support (1 Month)</li>
<li>Single Point of Contact</li>
</ul>
</div>
</div>
</div>
</div>
<div class="plans-section-02">
<div class="container">
<div class="row">
<div class="col-sm-5"><img src="{{ url('public/images') }}/website-basic-img-02.jpg" alt=""></div>
<div class="col-sm-7">
<h3><strong>SELECTED PLAN</strong> – Standard Responsive Website Plan</h3>
<p><strong>Modern, Responsive Website</strong><br>
We will consult with you to create a theme website based upon your needs, current SEO requirements and technology demands. You will have complete use of this website as long as you remain a customer. The integrated responsive design will allow the website to cleanly shift between computer, tablet and phone.For customer who signs up our maintancne plan we will continue to update website functionality and responsive features as this technology continues to change, fix bugs and also help customers update content when required.</p>
<p>Simplicity for you to get online quickly. Nothing should get in the way of you getting your website up and and running in no time. Our sites are built to make that happen.</p>
<p><strong>Search Engine Optimization (SEO) Integration</strong><br>
We design every website for passive and active search engine optimization from initial design. For customer in our maintanence plan we continue to update our websites so that they remain optimized even as technology and search engine algorithms continue to change.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /Standard Responsive Website -->
<!-- Standard Dynamic Website -->
<div class="clearfix">
<div class="plans-section-01">
<div class="container">
<div class="col-sm-4">
<div class="plan-box-green-01">
<h2>Standard Dynamic Website</h2>
<p class="text-uppercase">Experience the power of fully dynamic website</p>
<h4>5 Pages</h4>
<div class="price-box">$599</div>
<div class="btn-buy-now"><a href="javascript:void(0)" class="website-payment" id="Standard Dynamic Website" price="599" hires_hour_or_month="0">Buy Now</a></div>
</div>
</div>
<div class="col-sm-5">
<div class="plan-box-grey-01"><img src="{{ url('public/images') }}/website-basic-img-01.jpg" alt=""></div>
</div>
<div class="col-sm-3">
<div class="plan-box-green-02">
<ul class="listing">
<li>Up to 5 Dynamic Web Pages (you can also add multiple sub-pages under the main page)</li>
<li>√ No use of Templates - Designs Personalized To Your Taste</li>
<li>Up to 5 Royalty Free Images</li>
<li>Up to 3 Banner design</li>
<li>Moving Banner - Animated Header</li>
<li>Responsive Website Design (compatible with mobile phones to desktop computer monitors)</li>
<li>Content Management System</li>
<li>Favicon</li>
<li>Contact us Page</li>
<li>Google Map on Contact us Page</li>
<li>SEO Friendly URLs</li>
<li>Displaying Social Media Links</li>
<li>Support for Latest Browsers</li>
<li>Post Go Live Support (1 Month)</li>
<li>Single Point of Contact</li>
</ul>
</div>
</div>
</div>
</div>
<div class="plans-section-02">
<div class="container">
<div class="row">
<div class="col-sm-5"><img src="{{ url('public/images') }}/website-basic-img-02.jpg" alt=""></div>
<div class="col-sm-7">
<h3><strong>SELECTED PLAN</strong> – Standard Dynamic Website Plan</h3>
<p><strong>Custom, Responsive Website</strong><br>
We will consult with you to create a custom website based upon your needs, current SEO requirements and technology demands. You will have exclusive iscence to use this website. The integrated responsive design will allow the website to cleanly shift between computer, tablet and phone. For customer who signs up our maintancne plan we will continue to update website functionality and responsive features as this technology continues to change, fix bugs and also help customers update content when required.</p>
<p><strong>Integrated WordPress Content Management System (CMS)</strong><br>
We will install the best selling content management system, WordPress, onto your server (including appropriate configuration of all system files) and customize it to work with your theme and business.</p>
<p><strong>Search Engine Optimization (SEO) Integration</strong><br>
We design every website for passive and active search engine optimization from initial design. For customer in our maintanence plan we continue to update our websites so that they remain optimized even as technology and search engine algorithms continue to change.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /Standard Dynamic Website -->
<!-- Advance Dynamic Website -->
<div class="clearfix">
<div class="plans-section-01">
<div class="container">
<div class="col-sm-4">
<div class="plan-box-red-01">
<h2>Advance Dynamic Website</h2>
<p class="text-uppercase">For advance users</p>
<h4>10 Pages</h4>
<div class="price-box">$899</div>
<div class="btn-buy-now"><a href="javascript:void(0)" class="website-payment" id="Advance Dynamic Website" price="899" hires_hour_or_month="0">Buy Now</a></div>
</div>
</div>
<div class="col-sm-5">
<div class="plan-box-grey-01"><img src="{{ url('public/images') }}/website-basic-img-01.jpg" alt=""></div>
</div>
<div class="col-sm-3">
<div class="plan-box-red-02">
<ul class="listing">
<li>Up to 10 Dynamic Web Pages (you can also add multiple sub-pages under the main page)</li>
<li>√ No use of Templates - Designs Personalized To Your Taste</li>
<li>Up to 10 Royalty Free Images</li>
<li>Up to 5 Banner design</li>
<li>Moving Banner - Animated Header</li>
<li>Responsive Website Design (compatible with mobile phones to desktop computer monitors)</li>
<li>Content Management System</li>
<li>Favicon</li>
<li>Contact us Page</li>
<li>Google Map on Contact us Page</li>
<li>SEO Friendly URLs</li>
<li>Displaying Social Media Links</li>
<li>Support for Latest Browsers</li>
<li>Services Management (Upto 2)</li>
<li>Blog</li>
<li>Post Go Live Support (1 Month)</li>
<li>Single Point of Contact</li>
</ul>
</div>
</div>
</div>
</div>
<div class="plans-section-02">
<div class="container">
<div class="row">
<div class="col-sm-5"><img src="{{ url('public/images') }}/website-basic-img-02.jpg" alt=""></div>
<div class="col-sm-7">
<h3><strong>SELECTED PLAN</strong> – Advance Dynamic Website Plan</h3>
<p><strong>Custom, Responsive Website</strong><br>
We will consult with you to create a custom website based upon your needs, current SEO requirements and technology demands. You will have exclusive iscence to use this website. The integrated responsive design will allow the website to cleanly shift between computer, tablet and phone. For customer who signs up our maintancne plan we will continue to update website functionality and responsive features as this technology continues to change, fix bugs and also help customers update content when required.</p>
<p><strong>Integrated WordPress Content Management System (CMS)</strong><br>
We will install the best selling content management system, WordPress, onto your server (including appropriate configuration of all system files) and customize it to work with your theme and business.</p>
<p>Your package also includes up to two service management. You may refer to the below section to see examples of service management or contact our support to know more.</p>
<p><strong>Search Engine Optimization (SEO) Integration</strong><br>
You package also includes basic SEO activities to give you an edge pre launch. We design every website for passive and active search engine optimization from initial design. For customer in our maintanence plan we continue to update our websites so that they remain optimized even as technology and search engine algorithms continue to change.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /Advance Dynamic Website -->
<!-- Standard Website Combo -->
<div class="clearfix">
<div class="plans-section-01">
<div class="container">
<div class="col-sm-4">
<div class="plan-box-orange-01">
<h2>Standard Website Combo</h2>
<p class="text-uppercase">Local Listing for 3 months (ROI based package - Most Popular)</p>
<h4>5 Pages</h4>
<div class="price-box">$1099</div>
<div class="btn-buy-now"><a href="javascript:void(0)" class="website-payment" id="Standard Website Combo" price="1099" hires_hour_or_month="0">Buy Now</a></div>
</div>
</div>
<div class="col-sm-5">
<div class="plan-box-grey-01"><img src="{{ url('public/images') }}/website-basic-img-01.jpg" alt=""></div>
</div>
<div class="col-sm-3">
<div class="plan-box-orange-02">
<ul class="listing">
<li>Up to 5 Dynamic Web Pages (you can also add multiple sub-pages under the main page)</li>
<li>√ No use of Templates - Designs Personalized To Your Taste</li>
<li>Up to 5 Royalty Free Images</li>
<li>Up to 3 Banner design</li>
<li>Moving Banner - Animated Header</li>
<li>Responsive Website Design (compatible with mobile phones to desktop computer monitors)</li>
<li>Content Management System</li>
<li>Favicon</li>
<li>Contact us Page</li>
<li>Google Map on Contact us Page</li>
<li>SEO Friendly URLs</li>
<li>Displaying Social Media Links</li>
<li>Support for Latest Browsers</li>
<li>Post Go Live Support (1 Month)</li>
<li>Single Point of Contact</li>
<li>Google Local Listing Optiomiztion for 3 months Included.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="plans-section-02">
<div class="container">
<div class="row">
<div class="col-sm-5"><img src="{{ url('public/images') }}/website-basic-img-02.jpg" alt=""></div>
<div class="col-sm-7">
<h3><strong>SELECTED PLAN</strong> – Standard Website Combo Plan</h3>
<p><strong>Custom, Responsive Website</strong><br>
We will consult with you to create a custom website based upon your needs, current SEO requirements and technology demands. You will have exclusive iscence to use this website. The integrated responsive design will allow the website to cleanly shift between computer, tablet and phone. For customer who signs up our maintancne plan we will continue to update website functionality and responsive features as this technology continues to change, fix bugs and also help customers update content when required.</p>
<p><strong>Integrated WordPress Content Management System (CMS)</strong><br>
We will install the best selling content management system, WordPress, onto your server (including appropriate configuration of all system files) and customize it to work with your theme and business.</p>
<p><strong>Google Local Listing Includes in package</strong><br>
Your package includes a comprehensive 3 months Google Listing Optimization plan including guranteed keywords ranking where possible.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /Standard Website Combo -->
<!-- E-commerce Website -->
<div class="clearfix">
<div class="plans-section-01">
<div class="container">
<div class="col-sm-4">
<div class="plan-box-voilet-01">
<h2>E-commerce</h2>
<p class="text-uppercase"> </p>
<h4>Wordpress / Prestashop</h4>
<div class="price-box">$1699</div>
<div class="btn-buy-now"><a href="javascript:void(0)" class="website-payment" id="E-commerce" price="1699" hires_hour_or_month="0">Buy Now</a></div>
</div>
</div>
<div class="col-sm-5">
<div class="plan-box-grey-01"><img src="{{ url('public/images') }}/website-basic-img-01.jpg" alt=""></div>
</div>
<div class="col-sm-3">
<div class="plan-box-voilet-02">
<ul class="listing">
<li>Up to 10 Dynamic Web Pages (you can also add multiple sub-pages under the main page)</li>
<li>√ No use of Templates - Designs Personalized To Your Taste</li>
<li>Up to 20 Royalty Free Images</li>
<li>Up to 5 Banner design</li>
<li>Moving Banner - Animated Header</li>
<li>Responsive Website Design (compatible with mobile phones to desktop computer monitors)</li>
<li>Advance Content Management System</li>
<li>Favicon</li>
<li>Contact us Page</li>
<li>Google Map on Contact us Page</li>
<li>SEO Friendly URLs</li>
<li>Displaying Social Media Links</li>
<li>Support for Latest Browsers</li>
<li>Post Go Live Support (1 Month)</li>
<li>Dedicated Account Manager</li>
<li>ECommerce Features</li>
<li>Shopping cart</li>
<li>Product Management (add, edit & remove)</li>
<li>Online Shopping</li>
<li>Order Management</li>
<li>Shipping Integration</li>
<li>Checkout</li>
<li>Online Payment Integration</li>
<li>Newsletters</li>
<li>Platform Supported (Wordpress / Prestashop)</li>
<li>Other Platform - Magento, CI, Laravel, etc (Additional cost for this platform. Not included in this package)</li>
</ul>
</div>
</div>
</div>
</div>
<div class="plans-section-02">
<div class="container">
<div class="row">
<div class="col-sm-5"><img src="{{ url('public/images') }}/website-basic-img-02.jpg" alt=""></div>
<div class="col-sm-7">
<h3><strong>SELECTED PLAN</strong> – E-commerce Website Plan</h3>
<p><strong>TAKING YOUR BUSINESS ONLINE</strong><br>
Our Mobile Friendly ecommerce website design package includes everything that you need to sell your products online and more. We build fully custom UI/UX design, specifically to integrate with your branding and marketing strategy.</p>
<p>Typically we build our standard ecommerce websites in Woo Commerce content management systems or Prestashop depending on your requirements. If you only intend to sell a small number of products, we discuss the options with you to decide which is the best system for you. We are also exerts in Magento up to 2.0, Laravel, CodeIgniter, Shopify, BigCommerce, OsCommerce, etc.</p>
<p>This package includes all the necessary functions including blogs page, videos management, custom image galleries, newsletter signup form, FAQs and so on – and of course your website will be fully responsive (i.e. mobile friendly).</p>
<p><strong>Search Engine Optimization (SEO) Integration</strong><br>
You package also includes basic SEO activities to give you an edge pre launch. We design every website for passive and active search engine optimization from initial design. For customer in our maintanence plan we continue to update our websites so that they remain optimized even as technology and search engine algorithms continue to change.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /E-commerce Website -->
</div>
</div>
<!-- /Section01 -->
<!-- Section02 -->
<div class="website-plans-section-02">
<div class="container">
<h3><a href="javascript:void(0)">Standard Ecommerce Features</a></h3>
<div class="ecommerce-features" style="display:none;">
<table class="table table-hover">
<tbody>
<tr>
<td>Catalog Browsing and Management</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Unlimited categories and subcategories</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Filter products by price and display a price range Filter by price, date added, time to ship</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Breadcrumbs</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Recently viewed products</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Product listing in grid or list format</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Bulk uploads using CSV (No third party)</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Stock Management</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Display unit price on products</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Minimum purchase quantity</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Manufacturer Management</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Suplier Management</td>
<td><i class="fa fa-check" aria-hidden="true"></i></td>
</tr>
</tbody>
</table>
</div>
<h4>Various types of Service Management</h4>
<ul>
<li>Gallery Management</li>
<li>Product Showcase</li>
<li>Project Management</li>
<li>Portfolio Management</li>
<li>Testimonial Management</li>
<li>Restaurant Menu Management</li>
<li>Newsletter Management</li>
<li>Document List</li>
<li>News Management</li>
<li>Events Management</li>
</ul>
</div>
</div>
<!-- /Section02 -->
<!-- Section02 -->
<div class="testimonials-section">
<div class="q-mark"><img src="{{ url('public/images') }}/q-mark-top.png" alt=""></div>
<div class="container">
<div id="tcb-testimonial-carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="author"><strong>Jim Forster</strong> , Rare Earth Tree Farm</div>
<p><img src="{{ url('public/images') }}/tcb-left.png" alt=""> Even though we are continents apart I found working with ITIFFY to be pleasurable and I am impressed with my new web site. ITIFFY worked with my limited knowledge on this project both with patience and genuine concern.Thanks. <img src="{{ url('public/images') }}/tcb-right.png" alt=""></p>
</div>
<div class="item">
<div class="author"><strong>Suzanne</strong> , Vaxsmart</div>
<p><img src="{{ url('public/images') }}/tcb-left.png" alt=""> I would like to thank ITIFFY for their prompt and professional Service in preparing my website.I would recommend ITIFFY to anyone wanting a website.ITIFFY was efficient friendly and well priced.Thank You. <img src="{{ url('public/images') }}/tcb-right.png" alt=""></p>
</div>
{{--
<div class="item">
<div class="author"><strong>Alexis Simpson</strong> - CEO & Developer</div>
<p><img src="{{ url('public/images') }}/tcb-left.png" alt=""> Lorem ipsum dolor sit amet, laudantium, totam rem. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo consequat magna, id molestie ipsum volutpat quis. <img src="{{ url('public/images') }}/tcb-right.png" alt=""></p>
</div>
--}} </div>
<!-- Controls -->
<a class="left carousel-control" href="#tcb-testimonial-carousel" data-slide="prev"><i class="fa fa-caret-left" aria-hidden="true"></i></a> <a class="right carousel-control" href="#tcb-testimonial-carousel" data-slide="next"><i class="fa fa-caret-right" aria-hidden="true"></i></a> </div>
</div>
</div>
<!-- /Section02 -->
</div>
<!-- /CONTENT SECTION -->
<!--Payment modal-->
<!-- Modal -->
<div class="modal fade" role="dialog" id="host_payment">
<div class="mask_part"></div>
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="modal_title">Pay With Paypal</h4>
</div>
<form action="{{ route('payment-create') }}" method="post" id="pay_now_form" name="pay_now_form" onsubmit="return false">
<div class="modal-body">
<div class="form-group">
<label class="col-sm-4 control-label">Payment Type :</label>
<div class="col-sm-8">
<select name="payment_type" id="payment_type" class="selectpicker">
<!-- <option value="">Select Currency</option> -->
<option value="0">Full Payment</option>
<option value="1">Half Payment</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Currency :</label>
<div class="col-sm-8">
<select name="currency_code" id="currency_code" class="selectpicker">
<!-- <option value="">Select Currency</option> -->
<option value="AUD">Australian Dollar</option>
<option value="BRL">Brazilian Real </option>
<option value="CAD">Canadian Dollar</option>
<option value="CZK">Czech Koruna</option>
<option value="DKK">Danish Krone</option>
<option value="EUR">Euro</option>
<option value="HKD">Hong Kong Dollar</option>
<option value="HUF">Hungarian Forint </option>
<option value="ILS">Israeli New Sheqel</option>
<option value="JPY">Japanese Yen</option>
<option value="MYR">Malaysian Ringgit</option>
<option value="MXN">Mexican Peso</option>
<option value="NOK">Norwegian Krone</option>
<option value="NZD">New Zealand Dollar</option>
<option value="PHP">Philippine Peso</option>
<option value="PLN">Polish Zloty</option>
<option value="GBP">Pound Sterling</option>
<option value="SGD">Singapore Dollar</option>
<option value="SEK">Swedish Krona</option>
<option value="CHF">Swiss Franc</option>
<option value="TWD">Taiwan New Dollar</option>
<option value="THB">Thai Baht</option>
<option value="TRY">Turkish Lira</option>
<option value="USD" SELECTED="YES">U.S. Dollar</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Card Number :</label>
<div class="col-sm-8">
<input name="ccNo" id="ccNo" type="text" placeholder="Enter card number" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Expiry Month :</label>
<div class="col-sm-8">
<select id="expMonth" name="expMonth" class="selectpicker">
<option value="">Select Month</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Expiry Year :</label>
<div class="col-sm-8">
<select id="expYear" name="expYear" class="selectpicker">
<option value="">Select Year</option>
@for($i=0;$i<21;$i++)
<option value="{{ date('Y')+$i }}">{{ date('Y')+$i }}</option>
@endfor
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">CVV :</label>
<div class="col-sm-8">
<input name="cvv" id="cvv" type="text" placeholder="Enter cvv" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Name :</label>
<div class="col-sm-8">
<input name="name" id="name" type="text" placeholder="Enter name" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Address :</label>
<div class="col-sm-8">
<input name="address" id="address" type="text" placeholder="Enter Address" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">City :</label>
<div class="col-sm-8">
<input name="city" id="city" type="text" placeholder="Enter City" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">State :</label>
<div class="col-sm-8">
<input name="state" id="state" type="text" placeholder="Enter state" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Country :</label>
<div class="col-sm-8">
<select class="selectpicker" id="country" name="country" autocomplete="on">
<option value="">Choose Country</option>
<option value="IND">India</option>
<option value="USA">United States</option>
<option value="GBR">United Kingdom</option>
<option value="CAN">Canada</option>
<option value="AUS">Australia</option>
<option disabled="">—</option>
<option value="ALA">Åland Islands</option>
<option value="AFG">Afghanistan</option>
<option value="ALB">Albania</option>
<option value="DZA">Algeria</option>
<option value="ASM">American Samoa</option>
<option value="AND">Andorra</option>
<option value="AGO">Angola</option>
<option value="AIA">Anguilla</option>
<option value="ATA">Antarctica</option>
<option value="ATG">Antigua and Barbuda</option>
<option value="ARG">Argentina</option>
<option value="ARM">Armenia</option>
<option value="ABW">Aruba</option>
<option value="AUS">Australia</option>
<option value="AUT">Austria</option>
<option value="AZE">Azerbaijan</option>
<option value="BHS">Bahamas</option>
<option value="BHR">Bahrain</option>
<option value="BGD">Bangladesh</option>
<option value="BRB">Barbados</option>
<option value="BLR">Belarus</option>
<option value="BEL">Belgium</option>
<option value="BLZ">Belize</option>
<option value="BEN">Benin</option>
<option value="BMU">Bermuda</option>
<option value="BTN">Bhutan</option>
<option value="BOL">Bolivia</option>
<option value="BES">Bonaire, Sint Eustatius and Saba</option>
<option value="BIH">Bosnia and Herzegovina</option>
<option value="BWA">Botswana</option>
<option value="BVT">Bouvet Island</option>
<option value="BRA">Brazil</option>
<option value="IOT">British Indian Ocean Territory</option>
<option value="BRN">Brunei Darussalam</option>
<option value="BGR">Bulgaria</option>
<option value="BFA">Burkina Faso</option>
<option value="BDI">Burundi</option>
<option value="KHM">Cambodia</option>
<option value="CMR">Cameroon</option>
<option value="CAN">Canada</option>
<option value="CPV">Cape Verde</option>
<option value="CYM">Cayman Islands</option>
<option value="CAF">Central African Republic</option>
<option value="TCD">Chad</option>
<option value="CHL">Chile</option>
<option value="CHN">China</option>
<option value="CXR">Christmas Island</option>
<option value="CCK">Cocos (Keeling) Islands</option>
<option value="COL">Colombia</option>
<option value="COM">Comoros</option>
<option value="COG">Congo</option>
<option value="COD">Congo, the Democratic Republic of the</option>
<option value="COK">Cook Islands</option>
<option value="CRI">Costa Rica</option>
<option value="CIV">Cote D'ivoire</option>
<option value="HRV">Croatia (Hrvatska)</option>
<option value="CYP">Cyprus</option>
<option value="CZE">Czech Republic</option>
<option value="DNK">Denmark</option>
<option value="DJI">Djibouti</option>
<option value="DMA">Dominica</option>
<option value="DOM">Dominican Republic</option>
<option value="ECU">Ecuador</option>
<option value="EGY">Egypt</option>
<option value="SLV">El Salvador</option>
<option value="GNQ">Equatorial Guinea</option>
<option value="ERI">Eritrea</option>
<option value="EST">Estonia</option>
<option value="ETH">Ethiopia</option>
<option value="FLK">Falkland Islands (Malvinas)</option>
<option value="FRO">Faroe Islands</option>
<option value="FJI">Fiji</option>
<option value="FIN">Finland</option>
<option value="FRA">France</option>
<option value="FXX">France, Metropolitan</option>
<option value="GUF">French Guiana</option>
<option value="PYF">French Polynesia</option>
<option value="ATF">French Southern Territories</option>
<option value="GAB">Gabon</option>
<option value="GMB">Gambia</option>
<option value="GEO">Georgia</option>
<option value="DEU">Germany</option>
<option value="GHA">Ghana</option>
<option value="GIB">Gibraltar</option>
<option value="GRC">Greece</option>
<option value="GRL">Greenland</option>
<option value="GRD">Grenada</option>
<option value="GLP">Guadeloupe</option>
<option value="GUM">Guam</option>
<option value="GTM">Guatemala</option>
<option value="GGY">Guernsey</option>
<option value="GIN">Guinea</option>
<option value="GNB">Guinea-Bissau</option>
<option value="GUY">Guyana</option>
<option value="HTI">Haiti</option>
<option value="HMD">Heard Island and Mcdonald Islands</option>
<option value="HND">Honduras</option>
<option value="HKG">Hong Kong</option>
<option value="HUN">Hungary</option>
<option value="ISL">Iceland</option>
<option value="IND">India</option>
<option value="IDN">Indonesia</option>
<option value="IRQ">Iraq</option>
<option value="IRL">Ireland</option>
<option value="IMN">Isle of Man</option>
<option value="ISR">Israel</option>
<option value="ITA">Italy</option>
<option value="JAM">Jamaica</option>
<option value="JPN">Japan</option>
<option value="JEY">Jersey</option>
<option value="JOR">Jordan</option>
<option value="KAZ">Kazakhstan</option>
<option value="KEN">Kenya</option>
<option value="KIR">Kiribati</option>
<option value="KOR">Korea, Republic of</option>
<option value="KWT">Kuwait</option>
<option value="KGZ">Kyrgyzstan</option>
<option value="LAO">Lao People's Democratic Republic</option>
<option value="LVA">Latvia</option>
<option value="LBN">Lebanon</option>
<option value="LSO">Lesotho</option>
<option value="LBR">Liberia</option>
<option value="LBY">Libyan Arab Jamahiriya</option>
<option value="LIE">Liechtenstein</option>
<option value="LTU">Lithuania</option>
<option value="LUX">Luxembourg</option>
<option value="MAC">Macao</option>
<option value="MKD">Macedonia</option>
<option value="MDG">Madagascar</option>
<option value="MWI">Malawi</option>
<option value="MYS">Malaysia</option>
<option value="MDV">Maldives</option>
<option value="MLI">Mali</option>
<option value="MLT">Malta</option>
<option value="MHL">Marshall Islands</option>
<option value="MTQ">Martinique</option>
<option value="MRT">Mauritania</option>
<option value="MUS">Mauritius</option>
<option value="MYT">Mayotte</option>
<option value="MEX">Mexico</option>
<option value="FSM">Micronesia, Federated States of</option>
<option value="MDA">Moldova, Republic of</option>
<option value="MCO">Monaco</option>
<option value="MNG">Mongolia</option>
<option value="MNE">Montenegro</option>
<option value="MSR">Montserrat</option>
<option value="MAR">Morocco</option>
<option value="MOZ">Mozambique</option>
<option value="MMR">Myanmar</option>
<option value="NAM">Namibia</option>
<option value="NRU">Nauru</option>
<option value="NPL">Nepal</option>
<option value="NLD">Netherlands</option>
<option value="ANT">Netherlands Antilles</option>
<option value="NCL">New Caledonia</option>
<option value="NZL">New Zealand</option>
<option value="NIC">Nicaragua</option>
<option value="NER">Niger</option>
<option value="NGA">Nigeria</option>
<option value="NIU">Niue</option>
<option value="NFK">Norfolk Island</option>
<option value="MNP">Northern Mariana Islands</option>
<option value="NOR">Norway</option>
<option value="OMN">Oman</option>
<option value="PAK">Pakistan</option>
<option value="PLW">Palau</option>
<option value="PSE">Palestinian Territory, Occupied</option>
<option value="PAN">Panama</option>
<option value="PNG">Papua New Guinea</option>
<option value="PRY">Paraguay</option>
<option value="PER">Peru</option>
<option value="PHL">Philippines</option>
<option value="PCN">Pitcairn</option>
<option value="POL">Poland</option>
<option value="PRT">Portugal</option>
<option value="PRI">Puerto Rico</option>
<option value="QAT">Qatar</option>
<option value="REU">Reunion</option>
<option value="ROU">Romania</option>
<option value="RUS">Russian Federation</option>
<option value="RWA">Rwanda</option>
<option value="SHN">Saint Helena</option>
<option value="KNA">Saint Kitts and Nevis</option>
<option value="LCA">Saint Lucia</option>
<option value="SPM">Saint Pierre and Miquelon</option>
<option value="VCT">Saint Vincent and the Grenadines</option>
<option value="WSM">Samoa</option>
<option value="SMR">San Marino</option>
<option value="STP">Sao Tome and Principe</option>
<option value="SAU">Saudi Arabia</option>
<option value="SEN">Senegal</option>
<option value="SRB">Serbia</option>
<option value="SCG">Serbia and Montenegro</option>
<option value="SYC">Seychelles</option>
<option value="SLE">Sierra Leone</option>
<option value="SGP">Singapore</option>
<option value="SVK">Slovakia</option>
<option value="SVN">Slovenia</option>
<option value="SLB">Solomon Islands</option>
<option value="SOM">Somalia</option>
<option value="ZAF">South Africa</option>
<option value="SGS">South Georgia and the South Sandwich Islands</option>
<option value="ESP">Spain</option>
<option value="LKA">Sri Lanka</option>
<option value="SUR">Suriname</option>
<option value="SJM">Svalbard and Jan Mayen Islands</option>
<option value="SWZ">Swaziland</option>
<option value="SWE">Sweden</option>
<option value="CHE">Switzerland</option>
<option value="TWN">Taiwan</option>
<option value="TJK">Tajikistan</option>
<option value="TZA">Tanzania, United Republic of</option>
<option value="THA">Thailand</option>
<option value="TLS">Timor-Leste</option>
<option value="TGO">Togo</option>
<option value="TKL">Tokelau</option>
<option value="TON">Tonga</option>
<option value="TTO">Trinidad and Tobago</option>
<option value="TUN">Tunisia</option>
<option value="TUR">Turkey</option>
<option value="TKM">Turkmenistan</option>
<option value="TCA">Turks and Caicos Islands</option>
<option value="TUV">Tuvalu</option>
<option value="UGA">Uganda</option>
<option value="UKR">Ukraine</option>
<option value="ARE">United Arab Emirates</option>
<option value="GBR">United Kingdom</option>
<option value="USA">United States</option>
<option value="UMI">United States Minor Outlying Islands</option>
<option value="URY">Uruguay</option>
<option value="UZB">Uzbekistan</option>
<option value="VUT">Vanuatu</option>
<option value="VAT">Vatican City State (Holy See)</option>
<option value="VEN">Venezuela</option>
<option value="VNM">Viet Nam</option>
<option value="VGB">Virgin Islands, British</option>
<option value="VIR">Virgin Islands, U.S.</option>
<option value="WLF">Wallis and Futuna Islands</option>
<option value="ESH">Western Sahara</option>
<option value="YEM">Yemen</option>
<option value="YUG">Yugoslavia</option>
<option value="ZAR">Zaire</option>
<option value="ZMB">Zambia</option>
<option value="ZWE">Zimbabwe</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Zip Code :</label>
<div class="col-sm-8">
<input name="zip_code" id="zip_code" type="text" placeholder="Enter Zipcode" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Phone Number :</label>
<div class="col-sm-8">
<input name="phone_number" id="phone_number" type="text" placeholder="Enter Phone Number" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Email :</label>
<div class="col-sm-8">
<input name="email" id="email" type="text" placeholder="Enter Email" autocomplete="off">
</div>
</div>
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input name="token" id="token" type="hidden" value="" />
<input name="price" id="price" type="hidden">
<input name="hires_hour_or_month" id="hires_hour_or_month" type="hidden">
<input name="how_many_hour_or_month" id="how_many_hour_or_month" type="hidden" value="1">
<input name="hires_for" id="hires_for" type="hidden">
<input name="usd_price" id="usd_price" type="hidden">
</div>
<div class="modal-footer">
<div class="loader"><img src="{{ url('public/images/') }}/loader2.png"></div>
<h2>Total : <span id="total_price">USD 499</span></h2>
<button type="submit" name="pay_now" id="pay_now" class="btn btn btn-success">Pay Now</button>
</div>
<span id="msg"></span>
</form>
</div>
</div>
</div>
<!--End -->
@endsection
@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
//Horizontal Tab
$('#websiteHorizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'plans-tab', // The tab groups identifier
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
});
$(".website-plans-section-02 h3 a").click(function(){
$(".ecommerce-features").slideToggle( "slow" );
});
</script>
<script type="text/javascript" src="https://www.2checkout.com/checkout/api/2co.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".website-payment").click(function() {
if($(this).attr('id')=='Standard Website'){
$('div.modal-body').find('.form-group').eq(0).hide();
}else{
$('div.modal-body').find('.form-group').eq(0).show();
}
$(".loader").hide();
$("#pay_now_form")[0].reset();
$("#modal_title").html($(this).attr('id'));
$("#price").val($(this).attr('price'));
$("#usd_price").val($(this).attr('price'));
$("#total_price").html('USD '+$(this).attr('price'));
$("#hires_hour_or_month").val($(this).attr('hires_hour_or_month'));
$("#hires_for").val($(this).attr('id'));
$('#host_payment').modal('show');
});
$("#currency_code").change(function(){
var payment_type=$("#payment_type").val();
var currency_code=$(this).val();
var currency_input = $("#usd_price").val();
if(payment_type==1){
currency_input=currency_input/2;
}
var currency_from = "USD"; // currency codes : http://en.wikipedia.org/wiki/ISO_4217
var currency_to = currency_code;
var new_price=CurrencyConvetor(currency_input,currency_from,currency_to);
if(new_price==''){
alert("Currently currency change is not avaiable.");
$(this).val("USD");
}else{
var price_by_currency=parseFloat(new_price).toFixed(2);
$("#price").val(price_by_currency);
$("#total_price").html(currency_code+" "+ price_by_currency);
}
});
$("#payment_type").change(function(){
var payment_type=$(this).val();
if(payment_type==1){
var currency_input = ($("#usd_price").val()/2);
}else{
var currency_input = $("#usd_price").val();
}
var currency_code=$("#currency_code").val();
var currency_from = "USD"; // currency codes : http://en.wikipedia.org/wiki/ISO_4217
var currency_to = currency_code;
var new_price=CurrencyConvetor(currency_input,currency_from,currency_to);
if(new_price==''){
$("#price").val(currency_input);
$("#total_price").html(currency_code+" "+ currency_input);
}else{
var price_by_currency=parseFloat(new_price).toFixed(2);
$("#price").val(price_by_currency);
$("#total_price").html(currency_code+" "+ price_by_currency);
}
});
function CurrencyConvetor(amount, from, to) {
var price = '';
convert_from_to=from+"_"+to;
var url = "https://free.currencyconverterapi.com/api/v3/convert?q="+convert_from_to;
$.ajaxSetup({async: false});
$.get(url,
function (data) {
if(data.results){
price=amount*data.results[convert_from_to]['val'];
}else{
alert("error in convert price");
}
});
return price;
}
//TCO.loadPubKey('production');
TCO.loadPubKey('{{ $gateway_credentials['mode'] }}');
$("#pay_now_form").validate({
onkeyup: function(element) { $(element).valid(); },
onfocusout: function(element) { $(element).valid(); },
rules: {
how_many_hour_or_month: "required",
ccNo:"required",
expMonth:"required",
expYear:"required",
cvv:"required",
name:"required",
address:"required",
city:"required",
state:"required",
country:"required",
zip_code:{
required: true,
number:true
},
email: {
required: true,
email:true
},
phone_number:{
required: true,
number:true
}
},
submitHandler: function(form) {
$(".loader").show();
$("#msg").html('');
tokenRequest();
}
});
// Called when token created successfully.
var successCallback = function(data) {
var myForm = document.getElementById('pay_now_form');
// Set the token as the value for the token input
myForm.token.value = data.response.token.token;
// IMPORTANT: Here we call `submit()` on the form element directly instead of using jQuery to prevent and infinite token request loop.
myForm.submit();
};
// Called when token creation fails.
var errorCallback = function(data) {
//console.log(data);
if (data.errorCode === 200) {
} else {
$("#msg").html('<div class="alert alert-danger" role="alert"><a href="#" class="close" data-dismiss="alert">×</a>Error <i class="glyphicon glyphicon-thumbs-up"></i>'+data.errorMsg+'</div>');
$(".loader").hide();
}
};
var tokenRequest = function() {
// Setup token request arguments
var args = {
sellerId: "{{ $gateway_credentials['sellerId'] }}",
publishableKey: "{{ $gateway_credentials['publishableKey'] }}",
ccNo: $("#ccNo").val(),
cvv: $("#cvv").val(),
expMonth: $("#expMonth").val(),
expYear: $("#expYear").val()
};
// Make the token request
TCO.requestToken(successCallback, errorCallback, args);
};
});
</script>
@stop