@extends('frontend.layouts.master')
@section('title') Pricing @endsection
@section('main-content')

<div id="banner-area">
    <img src="{{ asset('frontend/images/banner/banner1.jpg') }}" alt ="" />
    <div class="parallax-overlay"></div>
        <!-- Subpage title start -->
        <div class="banner-title-content">
            <div class="text-center">
                <h2>Pricing</h2>
                <ul class="breadcrumb">
                    <li><a href="{{route('home')}}">Home</a></li>
                    <li>Pricing</li>
                  </ul>
              </div>
          </div><!-- Subpage title end -->
</div><!-- Banner area end -->

<!-- Main container start -->

<section id="main-container">
    <div class="container">

        <div class="row">
			<div class="col-md-12 heading">
				<span class="title-icon pull-left"><i class="fa fa-laptop"></i></span>
				<h2 class="title">Website Development Rates <span class="title-desc">Our Pricing Rates for Web Development</span></h2>
			</div>
		</div><!-- Title row end -->
		<div class="row">
			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center">
					<span class="plan-name">E-PAYMENT</span>
					<p class="plan-price"><sup class="currency">$</sup><strong>500</strong></p>
					<ul class="list-unstyled">
						<li>Payment Forms Interface</li>
						<li>Payments Database</li>
						<li>Online Payment Processing</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="1s">
				<div class="plan text-center featured">
					<span class="plan-name">PLAN A WEBSITE</span>
					<p class="plan-price"><sup class="currency">$</sup><strong>750</strong></p>
					<ul class="list-unstyled">
						<li>Web Backup Utility</li>
						<li>Business Email Addresses</li>
						<li>Secured Socket Layers Certificate</li>
						<li>Search Engine Optimisation</li>
						<li>2 months Free Maintenance Service</li>
						<li>Transactional Website</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="1.4s">
				<div class="plan text-center">
					<span class="plan-name">PLAN B WEBSITE</span>
					<p class="plan-price"><sup class="currency">$</sup><strong>400</strong></p>
					<ul class="list-unstyled">
						<li>Web Backup Utility</li>
						<li>Business Email Addresses</li>
						<li>Search Engine Optimisation</li>
						<li>1 months Free Maintenance Service</li>
						<li>Dynamic & responsive Website</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->
		</div><!--/ Content row end -->

        <br>

        <div class="row">
			<div class="col-md-12 heading">
				<span class="title-icon pull-left"><i class="fa fa-lock"></i></span>
				<h2 class="title">SSL CERTIFICATE RATES</h2>
			</div>
		</div><!-- Title row end -->
		  <div class="row">
			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center">
					<span class="plan-name">GAZZELE PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>95</strong></p>
					<ul class="list-unstyled">
						<li>A small website</li>
						<li>Static contents</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="1s">
				<div class="plan text-center featured">
					<span class="plan-name">BUFFALO PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>230</strong></p>
					<ul class="list-unstyled">
						<li>A big website | web system</li>
						<li>Transactional contents</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="1.4s">
				<div class="plan text-center">
					<span class="plan-name">ZEBRA PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>125</strong></p>
					<ul class="list-unstyled">
						<li>A medium website</li>
						<li>Dynamic contents</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->
		</div><!--/ Content row end -->

        <br>

        <div class="row">
			<div class="col-md-12 heading">
				<span class="title-icon pull-left"><i class="fa fa-database"></i></span>
				<h2 class="title">HOSTING RATES<span class="title-desc">Affordable Rates</span></h2>
			</div>
		</div><!-- Title row end -->
		  <div class="row">
			<!-- plan start -->
			<div class="col-md-2 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center">
					<span class="plan-name">GOLD PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>200</strong></p>
					<ul class="list-unstyled">
						<li>20GB Database</li>
						<li>20 business emails</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-2 col-sm-6 wow fadeInUp" data-wow-delay="1s">
				<div class="plan text-center">
					<span class="plan-name">DIAMOND PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>280</strong></p>
					<ul class="list-unstyled">
						<li>35GB Database</li>
						<li>35 business emails</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-2 col-sm-6 wow fadeInUp" data-wow-delay="1.4s">
				<div class="plan text-center featured">
					<span class="plan-name">TANZANITE PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>600</strong></p>
					<ul class="list-unstyled">
						<li>50GB Database</li>
						<li>50 business emails</li>
						<li>Free domain</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-2 col-sm-6 wow fadeInUp" data-wow-delay="1.4s">
				<div class="plan text-center">
					<span class="plan-name">SILVER PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>90</strong></p>
					<ul class="list-unstyled">
						<li>10GB Database</li>
						<li>10 Business Emails</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-2 col-sm-6 wow fadeInUp" data-wow-delay="1.4s">
				<div class="plan text-center">
					<span class="plan-name">BRONZE PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>60</strong></p>
					<ul class="list-unstyled">
						<li>5GB Database</li>
						<li>5 Business Emails</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->
		</div><!--/ Content row end -->

        <br>
			
		<div class="row">
			<div class="col-md-12 heading">
				<span class="title-icon pull-left"><i class="fa fa-connectdevelop"></i></span>
				<h2 class="title">NETWORK INSTALLATION & CONFIGURATION<span class="title-desc">Our Pricing Rates for  Networking & Configuration</span></h2>
			</div>
		</div><!-- Title row end -->
		<div class="row">
			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-connectdevelop"></i></span>
				<div class="feature-content">
					<h3>Mount Kilimanjaro (200-300 computers)</h3>
					<p>Stable internet connection</p>
					<p>12 hours network troubleshooting</p>
					<p>Wireless and wired connections.</p>
					<p><b>$2500</b></p>
				</div>
			</div><!--/ End first featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-connectdevelop"></i></span>
				<div class="feature-content">
					<h3>Mount Kenya (100 - 200 computers)</h3>
					<p>Stable internet connection</p>
					<p>12 hours network troubleshooting</p>
					<p>Wireless and wired connections.</p>
					<p><b>$2000</b></p>
				</div>
			</div><!--/ End 2nd featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-connectdevelop"></i></span>
				<div class="feature-content">
					<h3>Mount Mawenzi (50 - 100 computers)</h3>
					<p>Stable internet connection</p>
					<p>12 hours network troubleshooting</p>
					<p>Wireless and wired connections.</p>
					<p><b>$1200</b></p>
				</div>
			</div><!--/ End 3rd featurebox -->
		</div><!-- Content row end -->

		<div class="gap-40"></div>

		<div class="row">
			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-connectdevelop"></i></span>
				<div class="feature-content">
					<h3>Mount stanley (20 - 50 computers)</h3>
					<p>Stable internet connection</p>
					<p>12 hours network troubleshooting</p>
					<p>Wireless and wired connections.</p>
					<p><b>$600</b></p>
				</div>
			</div><!--/ End 1st featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-connectdevelop"></i></span>
				<div class="feature-content">
					<h3>Mount Speke (10 - 20 computers)</h3>
					<p>Stable internet connection</p>
					<p>12 hours network troubleshooting</p>
					<p>Wireless and wired connections.</p>
					<p><b>$350</b></p>
				</div>
			</div><!--/ End 2nd featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-connectdevelop"></i></span>
				<div class="feature-content">
					<h3>Mount Baker (1 - 10 computers)</h3>
					<p>Stable internet connection</p>
					<p>12 hours network troubleshooting</p>
					<p>Wireless and wired connections.</p>
					<p><b>$200</b></p>
				</div>
			</div><!--/ End 3rd featurebox -->

		</div><!-- Content row end -->

		<br>

		<div class="row">
			<div class="col-md-12 heading">
				<span class="title-icon pull-left"><i class="fa fa-camera"></i></span>
				<h2 class="title">CCTV CAMERAS INSTALLATION & CONFIGURATION<span class="title-desc">Our Pricing Rates for  CCTV Camera Installation and Configuration</span></h2>
			</div>
		</div><!-- Title row end -->
		<div class="row">
			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-camera"></i></span>
				<div class="feature-content">
					<h3>Smart Phone Configuration</h3>
					<p>1 Router, 1 Plug & Play Modem</p>
					<p>Plus labor Fees</p>
					<p><b>$120</b></p>
				</div>
			</div><!--/ End first featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-camera"></i></span>
				<div class="feature-content">
					<h3>Plan A</h3>
					<p>32 Advanced High Definition (AHD) Cameras</p>
					<p>32 ports Digital Video recorder,2TB,RG 59 wire etc</p>
					<p>Plus Labor Fees</p>
					<p><b>$4,000</b></p>
				</div>
			</div><!--/ End 2nd featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-camera"></i></span>
				<div class="feature-content">
					<h3>Plan B</h3>
					<p> 16 Advanced High Definition (AHD) Cameras</p>
					<p>16 ports Digital Video recorder,2TB,RG 59 wire etc</p>
					<p>Plus Labor Fees</p>
					<p><b>$2,000</b></p>
				</div>
			</div><!--/ End 3rd featurebox -->
		</div><!-- Content row end -->

		<div class="gap-40"></div>

		<div class="row">
			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-camera"></i></span>
				<div class="feature-content">
					<h3>Plan C</h3>
					<p> 8 Advanced High Definition (AHD) Cameras</p>
					<p>8 ports Digital Video recorder,1TB,RG 59 wire etc</p>
					<p>Plus Labor Fees</p>
					<p><b>$1,000</b></p>
				</div>
			</div><!--/ End 1st featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-camera"></i></span>
				<div class="feature-content">
					<h3>Plan D</h3>
					<p> 4 Advanced High Definition (AHD) Cameras</p>
					<p>4 ports Digital Video recorder,1TB,RG 59 wire etc</p>
					<p>Plus Labor Fees</p>
					<p><b>$500</b></p>
				</div>
			</div><!--/ End 2nd featurebox -->

			<div class="feature-box col-sm-4 wow fadeInDown" data-wow-delay=".5s">
				<span class="feature-icon pull-left" ><i class="fa fa-camera"></i></span>
				<div class="feature-content">
					<h3>Plan E</h3>
					<p> 2 Advanced High Definition (AHD) Cameras</p>
					<p>2 ports Digital Video recorder,500Gb,RG 59 wire etc</p>
					<p>Plus Labor Fees</p>
					<p><b>$300</b></p>
				</div>
			</div><!--/ End 3rd featurebox -->

		</div><!-- Content row end -->

		<br>

        <div class="row">
			<div class="col-md-12 heading">
				<span class="title-icon pull-left"><i class="fa fa-envelope"></i></span>
				<h2 class="title">PROFESSIONAL BUSINESS EMAILS<span class="title-desc">Our Pricing Rates for  Professional Business Email</span></h2>
			</div>
		</div><!-- Title row end -->
		  <div class="row">
			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center">
					<span class="plan-name">MICROSOFT BASIC<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>70</strong></p>
					<ul class="list-unstyled">
						<li>10 GB Storage</li>
						<li>Email | Contacts | Calender</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center featured">
					<span class="plan-name">MICROSOFT PREMIUM<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>190</strong></p>
					<ul class="list-unstyled">
						<li>50 GB Storage</li>
						<li>Email | Contacts | Calender</li>
						<li>Web App Microsoft Office 365</li>
						<li>1 TB Online Storage Space</li>
						<li>5 Microsoft Office 365 licenses</li>
						<li>Microsoft Teams</li>
						<li>Unlimited Online Meetings & HD Video</li>
						<li>Conferencing</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center">
					<span class="plan-name">MICROSOFT ESSENTIALS<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>130</strong></p>
					<ul class="list-unstyled">
						<li>50 GB Storage</li>
						<li>Email | Contacts | Calender</li>
						<li>Web App Microsoft Office 365</li>
						<li>1 TB Online Storage Space</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->
		</div><!--/ Content row end -->

        <br>		

        <!-- Pricing table start -->
        <div class="row">
			<div class="col-md-12 heading">
				<span class="title-icon pull-left"><i class="fa fa-lock"></i></span>
				<h2 class="title">PROFESSIONAL MULTI-DEVICE ANTIVIRUS<span class="title-desc">Our Pricing Rates for  Professional Multi Device Antivirus</span></h2>
			</div>
		</div><!-- Title row end -->
		  <div class="row">
			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center">
					<span class="plan-name">TITANIUM PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>130</strong></p>
					<ul class="list-unstyled">
						<li>10 Computers</li>
						<li>Antivirus Protection</li>
						<li>Online Shield</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center featured">
					<span class="plan-name">TUNGSTEN PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>580</strong></p>
					<ul class="list-unstyled">
						<li>30 Computers</li>
						<li>Antivirus Protection</li>
						<li>Online Shield</li>
						<li>Firewall</li>
						<li>Free Installation</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->

			<!-- plan start -->
			<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
				<div class="plan text-center">
					<span class="plan-name">CHROMIUM PACKAGE<small>Per Year</small></span>
					<p class="plan-price"><sup class="currency">$</sup><strong>390</strong></p>
					<ul class="list-unstyled">
						<li>20 Computers</li>
						<li>Antivirus Protection</li>
						<li>Online Shield</li>
						<li>Firewall</li>
					</ul>
					{{-- <a class="btn btn-primary" href="#.">Sign Up</a> --}}
				</div>
			</div><!-- plan end -->
		</div><!--/ Content row end -->
    </div>
</section>

@endsection