<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--Responsive Meta Begins Here(needs to be included in the head)!-->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!--Responsive Meta Ends Here!-->
<title>Fruity - Full Responsive Pricing Tables</title>
<!--CSS Begins Here(needs to be included in the head)!-->
<link href="style.css" rel="stylesheet" type="text/css">
<link href="hover.css" rel="stylesheet" type="text/css">
<link href='http://fonts.useso.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400italic,400,300italic,300,600,700' rel='stylesheet' type='text/css'>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!--CSS Ends Here!-->
</head>
<body>
<div class="titleanddesc">
<h1>Fruity - Full Responsive Pricing Tables</h1>
</div>
<!--You can Start Copy from HERE!-->
<!--SKIN 1 BEGINS HERE!-->
<!--Pricing #1 KIWI Begins Here!-->
<div class="pricingbg kiwibg button float">
<div class="pricingtitle kiwititle">
<h2>Kiwi</h2>
<h3>14,55 $</h3>
<span id="kiwimonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-times"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-times"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-times"></i>CSS3 & jQuery Powered</li>
<div class="request kiwirequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #1 KIWI Ends Here!-->
<!--Pricing #2 Strawberry Begins Here!-->
<div class="pricingbg strawberrybg button float">
<div class="pricingtitle strawberrytitle">
<h2>Strawberry</h2>
<h3>24,55 $</h3>
<span id="strawberrymonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-check"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-times"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-times"></i>CSS3 & jQuery Powered</li>
<div class="request strawberryrequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #2 Strawberry Ends Here!-->
<!--Pricing #3 Blackberry Begins Here!-->
<div class="pricingbg blackberrybg button float">
<div class="pricingtitle blackberrytitle">
<h2>Blackberry</h2>
<h3>34,55 $</h3>
<span id="blackberrymonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-check"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-check"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-times"></i>CSS3 & jQuery Powered</li>
<div class="request blackberryrequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #3 Blackberry Ends Here!-->
<!--Pricing #4 Orange Begins Here!-->
<div class="pricingbg orangebg button float">
<div class="pricingtitle orangetitle">
<h2>Orange</h2>
<h3>14,55 $</h3>
<span id="orangemonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-check"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-check"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-check"></i>CSS3 & jQuery Powered</li>
<div class="request orangerequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #4 Orange Ends Here!-->
<!--SKIN 1 ENDS HERE!-->
<!--SKIN 2 BEGINS HERE!-->
<!--Pricing #1 KIWI Begins Here!-->
<div class="pricingbgskintwo kiwibg button float">
<div class="pricingtitle kiwititle">
<h2>Kiwi</h2>
<h3>14,55 $</h3>
<span id="kiwimonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-times"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-times"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-times"></i>CSS3 & jQuery Powered</li>
<div class="request kiwirequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #1 KIWI Ends Here!-->
<!--Pricing #2 Strawberry Begins Here!-->
<div class="pricingbgskintwo strawberrybg button float">
<div class="pricingtitle strawberrytitle">
<h2>Strawberry</h2>
<h3>24,55 $</h3>
<span id="strawberrymonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-check"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-times"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-times"></i>CSS3 & jQuery Powered</li>
<div class="request strawberryrequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #2 Strawberry Ends Here!-->
<!--Pricing #3 Blackberry Begins Here!-->
<div class="pricingbgskintwo blackberrybg button float">
<div class="pricingtitle blackberrytitle">
<h2>Blackberry</h2>
<h3>34,55 $</h3>
<span id="blackberrymonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-check"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-check"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-times"></i>CSS3 & jQuery Powered</li>
<div class="request blackberryrequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #3 Blackberry Ends Here!-->
<!--Pricing #4 Orange Begins Here!-->
<div class="pricingbgskintwo orangebg button float">
<div class="pricingtitle orangetitle">
<h2>Orange</h2>
<h3>14,55 $</h3>
<span id="orangemonth">/per month</span>
</div>
<li><i class="fa fa-check"></i>Design + HTML5</li>
<li><i class="fa fa-check"></i>One Page Scroll-down Layout</li>
<li><i class="fa fa-check"></i>Pricing is for 5 vert. sections</li>
<li><i class="fa fa-check"></i>Responsive / Mobile Ready</li>
<li><i class="fa fa-check"></i>CSS3 & jQuery Powered</li>
<div class="request orangerequest"><a href="#">Request a quote</a></div>
</div>
<!--Pricing #4 Orange Ends Here!-->
<!--SKIN 2 ENDS HERE!-->
<!--You can Stop Copy here!-->
</body>
</html>