Pricing Table - 1

 
 

1. Add a code block and paste the following code in it

<style>
  .pricing-table{transition: all ease-in-out 300ms;}
  @media(min-width: 640px){
    .pricing-table:hover{border-left-color: #0061D0 !important}}
      @media(max-width: 640px){
	th.pt-from {text-align: left !important; padding-left: 18px;}
 	.pricing-table{padding-right: 10px !important;}}
.pt-p1:before {
    z-index: -10;
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: -50px;
    right: 0px;
    background-image: url(https://static1.squarespace.com/static/598f29e51e5b6cfb68c83240/t/5cff0f1c85c683000107a271/1560219420523/pt-s1-bg.svg);
background-repeat: no-repeat;
background-size: 120px}
.pt-p2:before {
    z-index: -10;
    content: "";
    position: absolute;
    width: 400px;
    height: 550px;
  	top: -25px;
  	left: -30px;
    background-image: url(https://static1.squarespace.com/static/598f29e51e5b6cfb68c83240/t/5cff1414b1a11f0001050159/1560220692348/pt-s2.svg);
background-repeat: no-repeat;
background-size: 400px}
.pt-p3:before {
    z-index: -10;
    content: "";
    position: absolute;
    width: 70px;
    height: 72px;
  	bottom: -80px;
  	left: -35px;
    background-image: url(https://static1.squarespace.com/static/598f29e51e5b6cfb68c83240/t/5cff0ff9e3d86100011911a9/1560219641646/pt-s3.svg);
background-repeat: no-repeat;
background-size: 70px}
  
</style>
<div class="pricing-table" style="background-color: #fff; border-left: solid 5px #E6F5FB; padding:20px 20px 20px 30px;
-webkit-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);
box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);">
  <table style="width:100%;">
    <th class="pt-p1" style="text-align: left; width:70%; padding-right:20px">
      <p style="color:#000; font-size:26px; margin-bottom: -5px">
      	Simple
      </p>
      <p style="color:#999; font-size:14px; font-weight:400; line-height:1.3">
        A simple 5 page website best for those who just want to showcase their business with a beautiful website.
      </p>   
    </th>
    <th class="pt-from" style="text-align: right; width:30%;">
      <p style="color:#000;  font-size:36px; font-weight:500;">
        <span style="font-size:12px; vertical-align:50%"><span  style="color: #999;">fixed </span>$</span>800
      </p>
  </th>
  </table>
</div>
<br>
<div class="pricing-table" style="background-color: #fff; border-left: solid 5px #0061D0; padding:20px 20px 20px 30px;
-webkit-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);
box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);">
  <table style="width:100%;">
    <th class="pt-p2" style="text-align: left; width:70%;">
      <p style="color:#000;  font-size:26px; margin-bottom: -5px">
      	Accelerator
      </p>
      <p style="color:#999; font-size:14px; font-weight:400; line-height:1.3">
        A website built with tailored strategies to bring more traffic with Local SEO and clever design to generate more leads.
      </p>
    </th>
    <th class="pt-from" style="text-align: right; width:30%;">
      <p style="color:#000;  font-size:36px; font-weight:500">
        <span style="font-size:12px; vertical-align:50%"><span  style="color: #999;">from </span>$</span>1600
      </p>
  </th>
  </table>
</div>
<br>
<div class="pricing-table" style="background-color: #fff; border-left: solid 5px #E6F5FB; padding:20px 20px 20px 30px;
-webkit-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);
box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.15);">
  <table style="width:100%;">
    <th class="pt-p3" style="text-align: left; width:70%;">
      <p style="color:#000;  font-size:26px; margin-bottom: -5px">
      	Rainmaker
      </p>
      <p style="color:#999; font-size:14px; font-weight:400; line-height:1.3">
        An advanced system ...not just a website... built with proven click funnels and strategies to put your business on auto-pilot.
      </p>
     
    </th>
    <th class="pt-from" style="text-align: right; width:30%;">
      <p style="color:#000;  font-size:36px; font-weight:500">
        <span style="font-size:12px; vertical-align:50%"><span  style="color: #999;">from </span>$</span>3200
      </p>
  </th>
  </table>
</div>
 

Results

 

Simple

A simple 5 page website best for those who just want to showcase their business with a beautiful website.

fixed $800


Accelerator

A website built with tailored strategies to bring more traffic with Local SEO and clever design to generate more leads.

from $1600


Rainmaker

An advanced system ...not just a website... built with proven click funnels and strategies to put your business on auto-pilot.

from $3200

 
 
JaiComment