<!-- Breadcrumb Wrapper Start -->
<div class="breadcrumb-section section-bg-2">
    <div class="container-fluid">
        <div class="breadcrumb-wrapper bg-cover" style="background-image: url('<?php echo base_url();?>assets/img/breadcrumb-bg.jpg');">
            <div class="flower-shape">
                <img src="<?php echo base_url();?>assets/img/flower-shape.png" alt="decorative flower">
            </div>
            <div class="star-shape">
                <img src="<?php echo base_url();?>assets/img/star-shape.png" alt="decorative star">
            </div>
            <div class="container">
                <div class="page-heading center">
                    <h6>Premium Printing Solutions</h6>
                    <h1>Our Story & Mission</h1>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- About Section Start -->
<section class="about-section section-padding">
    <div class="container">
        <div class="about-wrapper-2">
            <div class="row g-4">
                <div class="col-lg-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
                    <div class="about-image-items">
                        <div class="about-image">
                            <img src="<?php echo base_url();?>assets/img/about/t-shirt.png" alt="custom printed t-shirt example">
                        </div>
                        <div class="shape-1">
                            <img src="<?php echo base_url();?>assets/img/about/shape-1.png" alt="decorative shape">
                        </div>
                        <div class="shape-2">
                            <img src="<?php echo base_url();?>assets/img/about/mug1.png" alt="custom printed mug example">
                        </div>
                        <div class="shape-3">
                            <img src="<?php echo base_url();?>assets/img/about/color_cycle.png" alt="vibrant color samples">
                        </div>
                        <div class="shape-4">
                            <img src="<?php echo base_url();?>assets/img/about/sticer.png" alt="custom sticker samples">
                        </div>
                        <div class="shape-5">
                            <img src="<?php echo base_url();?>assets/img/about/shape-2.png" alt="decorative shape">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <div class="section-title">
                            <h6 class="wow fadeInUp">Who We Are</h6>
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                Bringing Your Brand<br>
                                <span>To Life <img src="<?php echo base_url();?>assets/img/line.png" alt=""></span>
                            </h2>
                        </div>
                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                            Founded in 2015, Investoromatic has grown from a small print shop to a leading 
                            print-on-demand provider serving businesses worldwide. We combine cutting-edge 
                            printing technology with old-fashioned craftsmanship to deliver products that 
                            make your brand shine.
                        </p>
                        <ul class="about-list wow fadeInUp" data-wow-delay=".3s">
                            <li>
                                <i class="fa-solid fa-check"></i>
                                <strong>100+ apparel options</strong> - from premium tees to performance wear
                            </li>
                            <li>
                                <i class="fa-solid fa-check"></i>
                                <strong>Fast 3-5 day turnaround</strong> with rush options available
                            </li>
                            <li>
                                <i class="fa-solid fa-check"></i>
                                <strong>Free design review</strong> to ensure perfect prints every time
                            </li>
                        </ul>
                        <div class="about-author">
                            <a href="#ourProcess" class="theme-btn wow fadeInUp" data-wow-delay=".3s">Our Process</a>
                            <div class="author-image wow fadeInUp" data-wow-delay=".5s">
                                <img src="<?php echo base_url();?>assets/img/about/author.png" alt="Investoromatic team">
                                <div class="content">
                                    <span>500+ Satisfied Business Clients <img src="<?php echo base_url();?>assets/img/about/line.png" alt=""></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Marquee Section Start -->
<div class="marquee-section pb-4 margin-top-20">
    <div class="mycustom-marque">
        <div class="scrolling-wrap">
            <div class="comm">
                <div class="cmn-textslide">T-SHIRT PRINTING</div>
                <div><img src="<?php echo base_url();?>assets/img/marquee-box.png" alt=""></div>
                <div class="cmn-textslide">CUSTOM APPAREL</div>
                <div class="cmn-textslide color-2">STICKER PRINTING</div>
                <div><img src="<?php echo base_url();?>assets/img/marquee-box.png" alt=""></div>
                <div class="cmn-textslide">BRANDED MERCHANDISE</div>
            </div>
            <div class="comm">
                <div class="cmn-textslide">T-SHIRT PRINTING</div>
                <div><img src="<?php echo base_url();?>assets/img/marquee-box.png" alt=""></div>
                <div class="cmn-textslide">CUSTOM APPAREL</div>
                <div class="cmn-textslide color-2">STICKER PRINTING</div>
                <div><img src="<?php echo base_url();?>assets/img/marquee-box.png" alt=""></div>
                <div class="cmn-textslide">BRANDED MERCHANDISE</div>
            </div>
        </div>
    </div>
</div>

<!-- Service Section Start -->
<section id="ourProcess" class="service-section bg-cover section-padding" style="background-image: url('<?php echo base_url();?>assets/img/service/service-bg.jpg');">
    <div class="container">
        <div class="section-title-area">
            <div class="section-title">
                <h6 class="wow fadeInUp">Our Approach</h6>
                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    The Investoromatic<br>
                    <span>Difference <img src="<?php echo base_url();?>assets/img/line.png" alt=""></span>
                </h2>
            </div>
            <a href="#instantQuote" class="theme-btn wow fadeInUp" data-wow-delay=".5s">Get Started</a>
        </div>
    </div>
    <div class="service-wrapper mb-0">
        <div class="swiper service-slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="service-card-items">
                        <div class="service-cotent">
                            <h3><a href="service-details.html">Quality Assurance</a></h3>
                            <p>Every product undergoes rigorous quality checks before shipping</p>
                        </div>
                        <div class="service-image">
                            <img src="<?php echo base_url();?>assets/img/service/01.png" alt="quality inspection">
                        </div>
                        <div class="service-btn">
                        <a href="service-details.html" class="link-btn">Learn More <i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="service-card-items">
                        <div class="service-cotent">
                            <h3><a href="service-details.html">Eco-Friendly Practices</a></h3>
                            <p>Using sustainable materials and water-based inks</p>
                        </div>
                        <div class="service-image">
                            <img src="<?php echo base_url();?>assets/img/service/02.png" alt="eco-friendly printing">
                        </div>
                        <div class="service-btn">
                        <a href="service-details.html" class="link-btn">Learn More <i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="service-card-items">
                        <div class="service-cotent">
                            <h3><a href="service-details.html">Bulk Order Solutions</a></h3>
                            <p>Specialized services for large corporate orders</p>
                        </div>
                        <div class="service-image">
                            <img src="<?php echo base_url();?>assets/img/service/03.png" alt="bulk order fulfillment">
                        </div>
                        <div class="service-btn">
                        <a href="service-details.html" class="link-btn">Learn More <i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="service-card-items">
                        <div class="service-cotent">
                            <h3><a href="service-details.html">White-Label Packaging</a></h3>
                            <p>Your brand only - no Investoromatic markings</p>
                        </div>
                        <div class="service-image">
                            <img src="<?php echo base_url();?>assets/img/service/04.png" alt="white-label packaging">
                        </div>
                        <div class="service-btn">
                        <a href="service-details.html" class="link-btn">Learn More <i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

          <!-- Counter Section Start -->
<section class="counter-section fix section-padding">
    <div class="container">
        <div class="counter-text text-center">
            <h6 class="wow fadeInUp">Trusted by businesses worldwide for premium printing solutions</h6>
        </div>
        <div class="row">
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                <div class="counter-items">
                    <div class="counter-title">
                        <h2><span class="count">10</span>+</h2>
                    </div>
                    <p class="text-center">Years in Printing Business</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                <div class="counter-items">
                    <div class="counter-title bg-2">
                        <h2><span class="count">25</span>k+</h2>
                    </div>
                    <p class="text-center">Items Printed Monthly</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                <div class="counter-items">
                    <div class="counter-title bg-3">
                        <h2><span class="count">98</span>%</h2>
                    </div>
                    <p class="text-center">Client Satisfaction Rate</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".8s">
                <div class="counter-items">
                    <div class="counter-title bg-4">
                        <h2><span class="count">500</span>+</h2>
                    </div>
                    <p class="text-center">Business Clients Served</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- About Feature Section Start -->
<section class="about-feature-section fix section-padding pt-0">
    <div class="container">
        <div class="about-feature-wrapper style-2">
            <div class="row g-4">
                <div class="col-lg-6">
                    <div class="about-image-items">
                        <div class="about-feature-image">
                            <img src="<?php echo base_url();?>assets/img/about/04.jpg" alt="Our printing facility" class="wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
                            <div class="about-feature-image reveal image-anime">
                                <img src="<?php echo base_url();?>assets/img/about/05.jpg" alt="Quality control process">
                            </div>
                            <div class="stickers-shape">
                                <img src="<?php echo base_url();?>assets/img/feature/StickersV30.png" alt="quality assurance badge">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-feature-content">
                        <div class="section-title">
                            <h6 class="wow fadeInUp">Our Advantages</h6>
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                The Investoromatic<br>
                                <span><img src="<?php echo base_url();?>assets/img/line.png" alt="">Printing Advantage</span>
                            </h2>
                        </div>
                        <div class="box-items-area mt-3 mt-md-0">
                            <div class="box-item wow fadeInUp" data-wow-delay=".3s">
                                <h5>No Minimum Order Requirements</h5>
                                <p>
                                    Whether you need 1 sample piece or 10,000 units, we deliver the same 
                                    exceptional quality and attention to detail for every order.
                                </p>
                            </div>
                            <div class="box-item active wow fadeInUp" data-wow-delay=".3s">
                                <h5>300+ Product Options</h5>
                                <p>
                                    From premium apparel to promotional products, our extensive catalog 
                                    offers everything you need to build your brand identity.
                                </p>
                            </div>
                            <div class="box-item wow fadeInUp" data-wow-delay=".3s">
                                <h5>Fast 3-5 Day Turnaround</h5>
                                <p>
                                    Most orders ship within a week, with rush options available for your 
                                    last-minute projects and urgent deadlines.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Cta Video Section Start -->
<div class="cta-video-section">
    <div class="mycustom-marque style-about">
        <div class="scrolling-wrap">
            <div class="comm">
                <div class="cmn-textslide">Premium </div>
                <div class="cmn-textslide">Printing</div>
            </div>
            <div class="comm">
                <div class="cmn-textslide">Fast </div>
                <div class="cmn-textslide">Turnaround</div>
            </div>
            <div class="comm">
                <div class="cmn-textslide">Custom </div>
                <div class="cmn-textslide">Solutions</div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="cta-video-wrapper bg-cover wow fadeInUp" data-wow-delay=".3s" style="background-image: url('<?php echo base_url();?>assets/img/cta-video.jpg');">
            <a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
                <i class="fas fa-play"></i>
                <span>See Our Process</span>
            </a>
        </div>
    </div>
    <div class="brand-wrapper-4 bg-cover" style="background-image: url('<?php echo base_url();?>assets/img/brand/bg.jpg');">
        <div class="container">
            <h4 class="text-center wow fadeInUp">Trusted by leading brands <span>worldwide</span></h4>
            <div class="brand-items">
                <div class="brand-logo wow fadeInUp" data-wow-delay=".2s">
                    <img src="<?php echo base_url();?>assets/img/brand/brand-logo-11.png" alt="TechStart Inc.">
                </div>
                <div class="brand-logo wow fadeInUp" data-wow-delay=".4s">
                    <img src="<?php echo base_url();?>assets/img/brand/brand-logo-12.png" alt="UrbanStyle">
                </div>
                <div class="brand-logo wow fadeInUp" data-wow-delay=".6s">
                    <img src="<?php echo base_url();?>assets/img/brand/brand-logo-13.png" alt="BrewCraft Coffee">
                </div>
                <div class="brand-logo wow fadeInUp" data-wow-delay=".8s">
                    <img src="<?php echo base_url();?>assets/img/brand/brand-logo-14.png" alt="GreenLife Organics">
                </div>
                <div class="brand-logo wow fadeInUp" data-wow-delay=".9s">
                    <img src="<?php echo base_url();?>assets/img/brand/brand-logo-15.png" alt="Peak Performance">
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Work Process Section Start -->
<section class="work-process-section section-padding fix">
    <div class="container">
        <div class="section-title text-center">
            <h6 class="bg-2 wow fadeInUp">Our Simple Process</h6>
            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                From Design to Delivery<br>
                In 3 Easy Steps
            </h2>
        </div>
        <div class="work-process-wrapper">
            <div class="row">
                <div class="col-xl-4 col-lg-6 col-ms-6 wow fadeInUp" data-wow-delay=".3s">
                    <div class="work-process-box-items">
                        <div class="thumb">
                            <img src="<?php echo base_url();?>assets/img/work-process/01.jpg" alt="Select products">
                        </div>
                        <div class="content">
                            <h3>1. Choose Your Products</h3>
                            <p>
                                Select from 100+ apparel and merchandise options. 
                                Our experts can help you pick the perfect items for your needs.
                            </p>
                        </div>
                        <div class="number">
                            01
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-ms-6 wow fadeInUp" data-wow-delay=".5s">
                    <div class="work-process-box-items active">
                        <div class="thumb">
                            <img src="<?php echo base_url();?>assets/img/work-process/02.jpg" alt="Custom design process">
                        </div>
                        <div class="content">
                            <h3>2. Upload & Finalize Design</h3>
                            <p>
                                Send us your artwork or use our design services. 
                                We'll provide a free print-ready review within 24 hours.
                            </p>
                        </div>
                        <div class="number">
                            02
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-ms-6 wow fadeInUp" data-wow-delay=".7s">
                    <div class="work-process-box-items">
                        <div class="thumb">
                            <img src="<?php echo base_url();?>assets/img/work-process/03.jpg" alt="Shipping process">
                        </div>
                        <div class="content">
                            <h3>3. Fast Production & Delivery</h3>
                            <p>
                                Most orders ship in 3-5 business days. Track your 
                                order every step of the way with our online system.
                            </p>
                        </div>
                        <div class="number">
                            03
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

           <!-- Testimonial Section Start -->
<section class="testimonial-section-3 section-padding fix bg-cover" style="background-image: url('<?php echo base_url();?>assets/img/testimonial/testimonial-bg-2.jpg');">
    <div class="container">
        <div class="section-title text-center">
            <h6 class="bg-3 wow fadeInUp">Client Success Stories</h6>
            <h2 class="wow fadeInUp" data-wow-delay=".3s">
                What Our Clients Say<br>
                About Investoromatic
            </h2>
        </div>
    </div>
    <div class="swiper testimonial-slider-3">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="testimonial-box-items-2">
                    <div class="clinet-info-items">
                        <div class="content">
                            <h4>Sarah Johnson</h4>
                            <span>Marketing Director, TechStart Inc.</span>
                        </div>
                        <div class="star">
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                        </div>
                    </div>
                    <h3>
                        Exceptional Quality & Service
                    </h3>
                    <p>
                        "We've used Investoromatic for all our corporate merchandise for 3 years. 
                        Their attention to detail and consistent quality makes our brand look 
                        professional at every trade show. The turnaround time is always faster 
                        than promised!"
                    </p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="testimonial-box-items-2">
                    <div class="clinet-info-items">
                        <div class="content">
                            <h4>Michael Chen</h4>
                            <span>Owner, BrewCraft Coffee</span>
                        </div>
                        <div class="star">
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                        </div>
                    </div>
                    <h3>
                        Made Our First Order Easy
                    </h3>
                    <p>
                        "As a small business owner, I was nervous about ordering custom apparel, 
                        but Investoromatic made the process so simple. Their team helped optimize 
                        my design for printing and the quality exceeded my expectations. My 
                        customers love our branded t-shirts!"
                    </p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="testimonial-box-items-2">
                    <div class="clinet-info-items">
                        <div class="content">
                            <h4>David Rodriguez</h4>
                            <span>Events Manager, Summit University</span>
                        </div>
                        <div class="star">
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                            <i class="fa-solid fa-star"></i>
                        </div>
                    </div>
                    <h3>
                        Perfect for Large Events
                    </h3>
                    <p>
                        "We ordered 1,500 custom hoodies for our annual conference and Investoromatic 
                        delivered perfection on time. Their bulk pricing saved us money and the 
                        quality was consistent across every single piece. Will definitely use them 
                        again for our next event."
                    </p>
                </div>
            </div>
        </div>
        <div class="swiper-dot-2 text-center pt-5">
            <div class="dot"></div>
        </div>
    </div>
</section>

<!-- Cta Section Start -->
<section class="cta-section-3 section-bg-2">
    <div class="mycustom-marque style-3">
        <div class="scrolling-wrap">
            <div class="comm cmn-style-2">
                <div class="cmn-textslide">Premium.</div>
                <div class="cmn-textslide"> Quality.</div>
                <div class="cmn-textslide color-3">Printing</div>
                <div><img src="<?php echo base_url();?>assets/img/marquee-box-3.png" alt="decorative icon"></div>
            </div>
            <div class="comm cmn-style-2">
                <div class="cmn-textslide">Fast.</div>
                <div class="cmn-textslide"> Reliable.</div>
                <div class="cmn-textslide color-3">Service</div>
                <div><img src="<?php echo base_url();?>assets/img/marquee-box-3.png" alt="decorative icon"></div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="cta-wrapper-2 bg-cover" style="background-image: url('<?php echo base_url();?>assets/img/cta-bg-2.jpg');">
            <div class="prite-box float-bob-y">
                <img src="<?php echo base_url();?>assets/img/print-box.png" alt="decorative print box">
            </div>
            <div class="hand-bag float-bob-x">
                <img src="<?php echo base_url();?>assets/img/hand-bag.png" alt="decorative bag">
            </div>
            <div class="cta-sticker float-bob-y">
                <img src="<?php echo base_url();?>assets/img/cta-sticker.png" alt="decorative sticker">
            </div>
            <div class="cta-content">
                <div class="section-title">
                    <h6 class="bg-white wow fadeInUp">Get Started Today</h6>
                    <h2 class="text-white split-text right">
                        Ready to Bring Your<br>
                        Designs to Life?
                    </h2>
                    <p class="text-white wow fadeInUp" data-wow-delay=".4s">
                        Get a free quote and design review within 2 business hours
                    </p>
                </div>
                <div class="cta-buttons wow fadeInUp" data-wow-delay=".5s">
                    <a href="#instantQuote" class="theme-btn">Get Instant Quote</a>
                    <a href="tel:+1234567890" class="theme-btn secondary-btn">
                        <i class="fas fa-phone-alt"></i> Call Our Experts
                    </a>
                </div>
            </div>
            <div class="cta-image">
                <img src="<?php echo base_url();?>assets/img/cta-t-shirt.png" alt="custom printed t-shirt example">
            </div>
        </div>
    </div>
</section>