<?php
    require "header.php";
?>
<div class="breadcumb-wrapper" data-bg-src="assets/img/bg/breadcumb-bg.jpg">
    <div class="container">
        <div class="breadcumb-content">
            <h1 class="breadcumb-title"> Our Pricing</h1>
            <ul class="breadcumb-menu">
                <li><a href="index.html">Home</a></li>
                <li> Our Pricing</li>
            </ul>
        </div>
    </div>
</div>

<section class="space">
   <div class="container">
      <div class="title-area text-center">
         <span class="sub-title">
            <div class="icon-masking me-2">
               <span class="mask-icon" data-mask-src="assets/img/theme-img/title_shape_2.svg"></span> 
               <img src="assets/img/theme-img/title_shape_2.svg" alt="shape">
            </div>
            OUR PRICING
         </span>
         <h2 class="sec-title">Popular Pricing <span class="text-theme fw-normal">Package</span></h2>
      </div>
      <div class="row gy-4 justify-content-center">
     <!-- Pricing Card 1 -->
<div class="col-xl-4 col-md-6 mb-4">
    <div class="price-card">
        <div class="price-card_top">
            <h3 class="price-card_title"> Logo & Branding Kit
 </h3>
            <h4 class="price-card_price">$5-49 <span class="duration">/One Time</span></h4>
            <div class="particle">
                <div class="price-particle" id="price-p1"></div>
            </div>
        </div>
        <div class="price-card_content">
            <div class="checklist">
                <ul>
                <li><i class="fas fa-circle-check"></i> Custom Logo Design
</li>
                        <li><i class="fas fa-circle-check"></i> Branding Color Codes
</li>
                        <li><i class="fas fa-circle-check"></i> 3 Revisions
</li>
                        <li><i class="fas fa-circle-check"></i> Font Pairing Suggestions
 Code</li>
                        <li><i class="fas fa-circle-check"></i> Social Media Kit
</li>
                </ul>
            </div>
            <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</div>

<!-- Pricing Card 2 -->
<div class="col-xl-4 col-md-6 mb-4">
    <div class="price-card">
        <div class="price-card_top">
            <h3 class="price-card_title">UI/UX Design 
 </h3>
            <h4 class="price-card_price">$40 <span class="duration">/One Time</span></h4>
            <div class="particle">
                <div class="price-particle" id="price-p2"></div>
            </div>
        </div>
        <div class="price-card_content">
            <div class="checklist">
                <ul>
                <li><i class="fas fa-circle-check"></i> Customized Layouts</li>
                        <li><i class="fas fa-circle-check"></i> User-Centric Design</li>
                        <li><i class="fas fa-circle-check"></i> 2 Revisions</li>
                        <li><i class="fas fa-circle-check"></i> Interactive Prototypes</li>
                        <li><i class="fas fa-circle-check"></i> Color Palette Guidance</li>
                </ul>
            </div>
            <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</div>

<!-- Pricing Card 3 -->
<div class="col-xl-4 col-md-6 mb-4">
    <div class="price-card">
        <div class="price-card_top">
            <h3 class="price-card_title">Social Media Templates
</h3>
            <h4 class="price-card_price">$25 <span class="duration">/One Time</span></h4>
            <div class="particle">
                <div class="price-particle" id="price-p3"></div>
            </div>
        </div>
        <div class="price-card_content">
            <div class="checklist">
                <ul>
                <li><i class="fas fa-circle-check"></i> Post Pack
</li>
                        <li><i class="fas fa-circle-check"></i> Canva Editable Files
</li>
                        <li><i class="fas fa-circle-check"></i> Multiple Sizes
</li>
                        <li><i class="fas fa-circle-check"></i> 1 Revision
</li>
                        <li><i class="fas fa-circle-check"></i> Consistent Branding
</li>
                </ul>
            </div>
            <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</div>

<!-- Pricing Card 4 -->
<div class="col-xl-4 col-md-6 mb-4">
    <div class="price-card">
        <div class="price-card_top">
            <h3 class="price-card_title">eBook & Workbook Layouts
</h3>
            <h4 class="price-card_price">$18 <span class="duration">/One Time</span></h4>
            <div class="particle">
                <div class="price-particle" id="price-p4"></div>
            </div>
        </div>
        <div class="price-card_content">
            <div class="checklist">
                <ul>
                <li><i class="fas fa-circle-check"></i> Editable PDF Format</li>
                        <li><i class="fas fa-circle-check"></i> Branded Page Design
</li>
                        <li><i class="fas fa-circle-check"></i> Placeholder Text Included
</li>
                        <li><i class="fas fa-circle-check"></i> Ready for Print
</li>
                        <li><i class="fas fa-circle-check"></i> Unlimited Use License
</li>
                </ul>
            </div>
            <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</div>

<!-- Pricing Card 5 -->
<div class="col-xl-4 col-md-6 mb-4">
    <div class="price-card">
        <div class="price-card_top">
            <h3 class="price-card_title">Digital Business Cards
 </h3>
            <h4 class="price-card_price">$10 <span class="duration">/One Time</span></h4>
            <div class="particle">
                <div class="price-particle" id="price-p5"></div>
            </div>
        </div>
        <div class="price-card_content">
            <div class="checklist">
                <ul>
                <li><i class="fas fa-circle-check"></i> QR Code Integration
</li>
                        <li><i class="fas fa-circle-check"></i> Interactive Contact Links
</li>
                        <li><i class="fas fa-circle-check"></i> Custom Branding
</li>
                        <li><i class="fas fa-circle-check"></i> Editable Template</li>
                        <li><i class="fas fa-circle-check"></i> One Revision Included
</li>
                </ul>
            </div>
            <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</div>

<!-- Pricing Card 6 -->
<div class="col-xl-4 col-md-6 mb-4">
    <div class="price-card">
        <div class="price-card_top">
            <h3 class="price-card_title">Website Banners & Ads
</h3>
            <h4 class="price-card_price">$15 <span class="duration">/One Time</span></h4>
            <div class="particle">
                <div class="price-particle" id="price-p6"></div>
            </div>
        </div>
        <div class="price-card_content">
            <div class="checklist">
                <ul>
                <li><i class="fas fa-circle-check"></i> Google & Meta Sizes
</li>
                        <li><i class="fas fa-circle-check"></i> 
PNG + PSD Files</li>
                        <li><i class="fas fa-circle-check"></i> Clickable Layout Guides
</li>
                        <li><i class="fas fa-circle-check"></i> Custom Offer Highlights</li>
                        <li><i class="fas fa-circle-check"></i> Up to 2 Sizes Included
</li>
                </ul>
            </div>
            <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</div>

<!-- Pricing Card 7 -->
<div class="col-xl-4 col-md-6 mb-4">
    <div class="price-card">
        <div class="price-card_top">
            <h3 class="price-card_title">Resume & Portfolio Templates
</h3>
            <h4 class="price-card_price">$12 <span class="duration">/One Time</span></h4>
            <div class="particle">
                <div class="price-particle" id="price-p7"></div>
            </div>
        </div>
        <div class="price-card_content">
            <div class="checklist">
                <ul>
                
                        <li><i class="fas fa-circle-check"></i> Editable Word & PDF</li>
                        <li><i class="fas fa-circle-check"></i> One-Page Layout
</li>
                        <li><i class="fas fa-circle-check"></i> Fonts Included
</li>
                        <li><i class="fas fa-circle-check"></i> Ready to Print or Send
</li>
                        <li><i class="fas fa-circle-check"></i> Portfolio Integration Guide
</li>

            
                </ul>
            </div>
            <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</div>
<!-- Pricing Card 9 -->
<div class="col-xl-4 col-md-6">
   <div class="price-card">
      <div class="price-card_top">
         <h3 class="price-card_title">Custom Software</h3>
         <h4 class="price-card_price">$8-69 <span class="duration">/One Time</span></h4>
         <div class="particle">
            <div class="price-particle" id="price-p9"></div>
         </div>
      </div>
      <div class="price-card_content">
         <div class="checklist">
            <ul>
               <li><i class="fas fa-circle-check"></i> Tailored Software Solutions</li>
               <li><i class="fas fa-circle-check"></i> Scalable Architecture</li>
               <li><i class="fas fa-circle-check"></i> Cross-Platform Compatibility</li>
               <li><i class="fas fa-circle-check"></i> User-Friendly Interface</li>
               <li><i class="fas fa-circle-check"></i> Advanced Data Security</li>
            </ul>
         </div>
         <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
      </div>
   </div>
</div>
<!-- Pricing Card 10 -->
<div class="col-xl-4 col-md-6">
   <div class="price-card">
      <div class="price-card_top">
         <h3 class="price-card_title">Digital Planner / Journal
</h3>
         <h4 class="price-card_price">$5 <span class="duration">/One Time</span></h4>
         <div class="particle">
            <div class="price-particle" id="price-p10"></div>
         </div>
      </div>
      <div class="price-card_content">
         <div class="checklist">
            <ul>
               <li><i class="fas fa-circle-check"></i> Hyperlinked Tabs
</li>
               <li><i class="fas fa-circle-check"></i> Weekly & Monthly Layouts
</li>
               <li><i class="fas fa-circle-check"></i> Minimalist Theme
</li>
               <li><i class="fas fa-circle-check"></i> PDF & GoodNotes Ready
</li>
               <li><i class="fas fa-circle-check"></i> PDF & GoodNotes Ready
</li>
            </ul>
         </div>
         <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
      </div>
   </div>
</div>
<!-- Pricing Card 11 -->
<div class="col-xl-4 col-md-6">
   <div class="price-card">
      <div class="price-card_top">
         <h3 class="price-card_title">Invoice & Quote Templates
</h3>
         <h4 class="price-card_price">$5-15 <span class="duration">/One Time</span></h4>
         <div class="particle">
            <div class="price-particle" id="price-p10"></div>
         </div>
      </div>
      <div class="price-card_content">
         <div class="checklist">
            <ul>
               <li><i class="fas fa-circle-check"></i> Editable Excel / Google Sheet
</li>
               <li><i class="fas fa-circle-check"></i> Built-In Calculations
</li>
               <li><i class="fas fa-circle-check"></i> Branded Header
</li>
               <li><i class="fas fa-circle-check"></i> Print & Digital Friendly
</li>
               <li><i class="fas fa-circle-check"></i> 1 Revision Included</li>
            </ul>
         </div>
         <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
      </div>
   </div>
</div>
<!-- Pricing Card 12 -->
<div class="col-xl-4 col-md-6">
   <div class="price-card">
      <div class="price-card_top">
         <h3 class="price-card_title">Web Design</h3>
         <h4 class="price-card_price">$5-49 <span class="duration">/One Time</span></h4>
         <div class="particle">
            <div class="price-particle" id="price-p10"></div>
         </div>
      </div>
      <div class="price-card_content">
         <div class="checklist">
            <ul>
               <li><i class="fas fa-circle-check"></i> Innovative</li>
               <li><i class="fas fa-circle-check"></i> Responsive</li>
               <li><i class="fas fa-circle-check"></i> User-Friendly</li>
               <li><i class="fas fa-circle-check"></i> Customizable</li>
               <li><i class="fas fa-circle-check"></i> Scalable</li>
            </ul>
         </div>
         <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
      </div>
   </div>
</div>
<!-- Pricing Card 13 -->
<div class="col-xl-4 col-md-6">
   <div class="price-card">
      <div class="price-card_top">
         <h3 class="price-card_title">Domains</h3>
         <h4 class="price-card_price">$5-29 <span class="duration">/One Time</span></h4>
         <div class="particle">
            <div class="price-particle" id="price-p10"></div>
         </div>
      </div>
      <div class="price-card_content">
         <div class="checklist">
            <ul>
               <li><i class="fas fa-circle-check"></i> New Domain</li>
               <li><i class="fas fa-circle-check"></i> Domain Error</li>
               <li><i class="fas fa-circle-check"></i> Business Email</li>
               <li><i class="fas fa-circle-check"></i> DNS Solution</li>
               <li><i class="fas fa-circle-check"></i> Domain Connection</li>
            </ul>
         </div>
         <a href="contact.php" class="th-btn">PURCHASE NOW<i class="fa-regular fa-arrow-right ms-2"></i></a>
      </div>
   </div>
</div>
    </section>
      <?php
    require "footer.php";
?>
