Merge pull request #187 from mindnervestech/master

home page png and payments

app/views/payments/payment.blade.php

@@ -8,6 +8,16 @@
     font-weight: bold !important;    
     /* text-transform:uppercase; */
   }
+  .alignCenterText{
+	text-align: center;
+	font-weight: bold;
+	font-size: 20px;
+	margin-bottom: 5%;
+	}
+	.boldText{
+		font-weight: bold;
+	}	
+
 </style>
 
 {{ Former::vertical_open($url)->rules(array(
@@ -51,8 +61,14 @@
       @endif    
       </h2>&nbsp;<p/>
     @endif
+    
     <div id="secure-form" class="row">          
+      
       <div class="col-md-7 info">
+      	<div class="col-md-12 alignCenterText" >
+     	 Enter Your Billing Address and Credit Card information
+        </div>
+      	
         <div class="row">           
           @if (isset($paymentTitle))
             <div class="form-group col-md-4">
@@ -94,6 +110,16 @@
             {{ Former::text('postal_code') }}                      
           </div>
         </div>
+        
+        <div class="row">
+          <h5 class="col-md-12 boldText" >
+                 *Billing address must match address accociated with credit card.    
+          </h5>
+          <h5 class="col-md-12 boldText">
+                  *Please click "PAY NOW" only once - transaction may take up to 1 minute to process   
+          </h5>
+        </div>
+        
       </div>
 
 
@@ -114,6 +140,10 @@
 
 
       <div class="col-md-5">
+      	<div class="col-md-12 alignCenterText" >
+     	 Balance Due $
+        </div>
+        <div class="col-md-12"> 
         <div class="card">
           <div class="row">
             <div class="form-group col-md-12">
@@ -155,10 +185,12 @@
 
 
       <div class="row">
-        <div class="form-group col-md-6">
-          {{ Former::text('cvv') }}                        
-        </div>
-
+	        <div class="form-group col-md-6">
+	          {{ Former::text('cvv') }}                        
+	        </div>
+			<div>
+	               <h5 class="boldText" style="margin-top: 8%;margin-left: 5%;"> *This is the 3-4 digit number onthe back of your card</h5>                
+	        </div>
         <div class="col-md-6">
           <!-- <p><span class="glyphicon glyphicon-credit-card" style="margin-right: 10px;"></span><a href="#">Where Do I find CVV?</a></p> -->
         </div>
@@ -176,11 +208,11 @@
 
     </div>
 
-
+	</div>
   </div>
 </div>
 <div class="row">
-  <div class="col-md-12">
+  <div class="col-md-4 col-md-offset-4">
     {{ Button::block_primary_submit_lg(strtoupper(trans('texts.pay_now')) . ' - ' . Utils::formatMoney($amount, $currencyId) ) }}
   </div>
 </div>

app/views/public/splash.blade.php

@@ -2,7 +2,8 @@
 
 @section('content') 
 
-
+<!--<link href="http://localhost/invoice-ninja/public/css/customCss.css?no_cache=1.4.0" rel="stylesheet" type="text/css"/> -->
+<link href="{{ asset('css/customCss.css') }}?no_cache={{ NINJA_VERSION }}" rel="stylesheet" type="text/css"/>
 <section class="hero background hero1 center" data-speed="2" data-type="background">
   <div class="caption-side"></div>
 
@@ -71,6 +72,144 @@
     </div>
   </div>
 </section>
+<section class="features-splash customContainer">
+	      <div class="container">
+	      	
+	      	<div class="row col-md-12">
+	      		<div class="col-md-5 col-md-offset-4 customFontHead">
+	      			<div class="col-md-12">
+	      				<span class="glyphicon glyphicon-ok"></span>
+	      			</div>
+	        		<div class="col-md-12 customTextBorder">
+	        			Invoice Ninja Does Everything You'd Expect Your Online Invoicing App to Do
+	        		</div>
+	        	</div>
+	       </div>
+	        <div class="row">
+	        
+	          <div class="col-md-2 customMenuOne">
+	          		<div class="customMenuDiv">
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/InvoiceClientsViaEmail.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Invoice clients via email </span>
+	          		</div>
+	              	<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/InTuitiveEditingInterface.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Intuitive editing interface</span>
+	          		</div>
+	              
+	                <div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/PrintablePDFInvoices.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Printable .pdf invoices</span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/MultipleTaxSettings.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Multiple tax settings</span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/ImportExportRecords.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Import/export records </span>
+	          		</div>
+	          </div>
+	
+	         <div class="col-md-2 customMenuOne">
+	          		<div class="customMenuDiv">
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/AcceptPaymentsOnline.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Accept payments online</span>
+	          		</div>
+	              	<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/BestInClassSecurity.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Best-in-class data security </span>
+	          		</div>
+	              
+	                <div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/AdjustablePaymentTerms.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Adjustable payment terms </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/MultipleCurrencySupport.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Multiple currency support </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/RecurringInvoiceProfiles.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Recurring invoice profiles </span>
+	          		</div>
+	          </div>
+	
+	           <div class="col-md-2 customMenuOne">
+	          		<div class="customMenuDiv">
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/FreeInvoicing.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Free invoicing platform </span>
+	          		</div>
+	              	<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/EstimatesProForma.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Estimates & pro-forma </span>
+	          		</div>
+	              
+	                <div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/PaymentTracking.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Payment tracking </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/MultilingualSupport.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Multilingual support </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/SelfHostedAvailable.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Self-hosted available </span>
+	          		</div>
+	          </div>
+	
+	           <div class="col-md-2 customMenuOne">
+	          		<div class="customMenuDiv">
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/LivePDFCreation.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Live .pdf creation </span>
+	          		</div>
+	              	<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/CloneInvoices.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Clone invoices </span>
+	          		</div>
+	              
+	                <div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/CloudBasedApp.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Cloud-based app </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/OpenSource.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Open source </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/BeautifulTemplates.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Beautiful templates </span>
+	          		</div>
+	          </div>
+	              
+	           <div class="col-md-4 customMenuOne">
+	          		<div class="customMenuDiv">
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/CustomizeInvoices.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Cutomize invoices with your company logo </span>
+	          		</div>
+	              	<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/PersonalizeInvoiceColor.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Personalize invoice color schemes </span>
+	          		</div>
+	              
+	                <div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/InvoiceClientsViaEmail.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Alerts when invoices are viewed or paid </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/IntegrateWithPaymentGateways.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Integrate with top payment gateways </span>
+	          		</div>
+	          		<div class="customMenuDiv" >
+	          			<span class="img-wrap shiftLeft" ><img src="{{ asset('images/ManualAutomaticInvoiceNumbers.png') }}"></span>
+	          			<span class="customSubMenu shiftLeft"> Manual or automatic invoice numbers </span>
+	          		</div>
+	          </div>
+	              
+	            </div>
+	          </div>
+	        </section>
 
 <section class="blue">
   <div class="container">

public/css/customCss.css

@@ -0,0 +1,29 @@
+.customContainer{
+	padding: 40px 0;
+	margin: 0px 0 !important;
+	background: -webkit-linear-gradient(rgb(245, 245, 245), white);
+}	
+.customFontHead{
+	font-size: 20px;
+	text-align: center;
+}	
+.customTextBorder{
+	border-bottom: 1px solid rgb(195, 193, 193);
+	padding-bottom: 5%;
+	margin-bottom: 5%;
+}
+.customSubMenu{
+	margin-left: 2%;
+}
+.customMenuOne{
+	padding-left: 5px;
+	padding-right: 5px;
+}
+.shiftLeft{
+	float: left;
+}
+.customMenuDiv{
+	padding-bottom: 30px;
+	float: left;
+	width: 100%;
+}