<!DOCTYPE html>
<html lang="en">

<head>
    <title>Evne - Creative Portfolio HTML Template</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" type="image/png" href="favicon.png">
    <link rel="stylesheet" href="css/plugins/swiper-bundle.min.css" type="text/css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
</head>

<body>
    <div class="preloader"><svg class="demo" xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 110 110">
            <line id="target1" y2="25" y1="85" x1="35" x2="35" stroke-width="20" stroke="#f25749" />
            <line id="target2" y2="25" y1="85" x1="54" x2="54" stroke-width="20" stroke="#f25749" />
            <line id="target3" y2="25" y1="25" x1="73" x2="73" stroke-width="20" stroke="#f25749" />
        </svg></div>
    <div class="menu">
        <div class="container hp-100">
            <div class="site-nav hp-100 d-flex justify-between align-center">
                <div class="logo d-flex"><a href="/" class="relative h-30 w-100" aria-label="Go to homepage"><img src="images/logos/logo-1.png" height="30" alt="Primary Logo"> <img src="images/logos/logo-2.png" height="30" alt="Secondary Logo"></a>
                </div>
                <div class="nav-links h-30 cursor-none"><button class="nav-toggle button-xs color-light d-flex text-upper hp-100 relative cursor-pointer" aria-label="Toggle Menu">
                        <div class="toggle-name overflow-hidden w-50 hp-100"><span class="menu-text">Menu</span><span class="open-text">Open</span><span class="close-text">Close</span></div>
                        <div class="toggle-mark hp-100" data-follow-mouse="1.5"></div>
                    </button></div>
                <div class="nav-list bg-black">
                    <div class="container d-flex flex-column hp-100 pt-100 pt-xl-0">
                        <div class="grid cols-lg-7-5 hp-65 mb-20 pb-xl-75 pt-xl-130 grow-1 modern-scroll">
                            <div class="social-links my-auto mt-30 mt-lg-0">
                                <h6 class="color-5 opacity-40">#Connect</h6>
                                <ul>
                                    <li><a href="javascript:void(0);" class="social-link body-m color-5" aria-label="Visit LinkedIn Profile" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
                                    <li><a href="javascript:void(0);" class="social-link body-m color-5" aria-label="Visit Instagram Profile" target="_blank" rel="noopener noreferrer">Instagram</a></li>
                                    <li><a href="javascript:void(0);" class="social-link body-m color-5" aria-label="Visit Behance Profile" target="_blank" rel="noopener noreferrer">Behance</a></li>
                                </ul>
                            </div>
                            <div class="links my-auto mb-50 mb-lg-0 have-scroll">
                                <div class="scroll-modern">
                                    <div class="scroll-thumb"></div>
                                </div>
                                <ul class="scrolldiv">
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/" aria-label="Home 01 Page">Home 01</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/home-2.html" aria-label="Home 02 Page">Home 02</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/home-3.html" aria-label="Home 03 Page">Home 03</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/about.html" aria-label="About Page">About</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/insights.html" aria-label="Insights Page">Insights</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/portfolio-1.html" aria-label="Works 01 Page">Works 01</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/portfolio-2.html" aria-label="Works 02 Page">Works 02</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/portfolio-3.html" aria-label="Works 03 Page">Works 03</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/portfolio-details.html" aria-label="Work Details Page">Work Details</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/slider.html" aria-label="Slider Page">Slider</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/blog-list.html" aria-label="Blog List Page">Blog</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/blog-details.html" aria-label="Blog Details Page">Blog Details</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/404.html" aria-label="Contact Page">404</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                    <li>
                                        <div class="normal-link icon-primary"><a href="/contact.html" aria-label="Contact Page">Contact</a><img src="images/arrow/arrow-primary.png" alt="Arrow Icon"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="menu-contact grid cols-lg-4-8">
                            <div class="menu-contact-email">
                                <p class="body-xm color-5 mb-10 opacity-40">Do you want to start your project now?</p><a href="mailto:hello@enve.agency" class="h5 text-gradient" aria-label="Send email to Enve Agency">hello@enve.agency</a>
                            </div>
                            <div class="menu-contact-phone"><a href="tel:+619807523789" class="h5 ani-ls" aria-label="Call Enve Agency"><span class="color-primary">+</span>61 980 752 3789</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div><svg class="wave" viewBox="0 0 469.539032 263.986786" preserveAspectRatio="none" width="100%">
            <path id="wave" fill="#f25749" d="M469.539032,263.986786H-0.000001L0,263.557617c66.11113,0.429169,351.088104,0.429169,469.539032,0.208344V263.986786z" />
        </svg>
    </div>
    <div id="evneWrapper" class="page-wrapper vw-100">
        <header class="header-one mb-section smoke">
            <div class="circle-1" aria-hidden="true"></div>
            <div class="circle" aria-hidden="true"></div>
            <div class="container pt-110 pt-lg-200 pt-xl-230 mb-section relative index-1">
                <p data-split="chars" data-animate-chars-left class="body-xl mb-60 mb-xl-60 text-center text-lg-start text-xl-start" data-animate='{
            "option":{"scrub":true,"start":"top 10%", "end":"bottom 0%"},
            "from":{"opacity":1},
            "to":{"opacity":0},"mobile": true,"tablet":true}'>Let’s redefine what’s possible—together.</p>
                <h1 data-split="lines" data-animate-lines class="header-tite mb-80 mb-md-100 mb-lg-260 mb-xl-250 display-3 index-100 relative text-center text-lg-start text-xl-start" aria-label="Where Creativity Meets Strategy">Where<br>Creativity
                    ✨<br>Meets<br>Strategy.</h1>
                <div class="img-1 relative cover-2 wp-100 hp-100 parallax-image"><img src="images/header/1.png" alt="Creative agency header image showcasing creativity and strategy"></div><button onclick='scrollToElement("collaborate")'
                    class="circle-link transparent-half-on-dark m-auto m-lg-0 ls-75 cursor-none cursor-pointer" data-follow-mouse="0.8" aria-label="Scroll down to learn more">
                    <div class="circle-inner"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                            <title>Scroll Circle Path</title>
                            <desc>Interactive circle path guiding users to continue scrolling down.</desc>
                            <path id="circlePath" d="M 10, 50 a 40,40 0 1,1 80,0 40,40 0 1,1 -80,0" /><text>
                                <textPath href="#circlePath" class="body-xs ls-75">Keep scrolling down</textPath>
                            </text>
                        </svg>
                        <div class="slot">
                            <div class="mouse-scroll"></div>
                        </div>
                    </div>
                </button>
            </div>
            <div class="container">
                <p class="body-xxl color-5 m-auto wp-100 w-md-700 w-xl-850 text-center text-lg-start" data-split="chars" data-animate-chars>We are a creative agency and we strike the perfect balance between creativity and business results.</p>
            </div>
        </header>
        <section id="collaborate" class="we-collaborate mt-section pb-section mb-lg-0" role="region" aria-labelledby="collaboration-title">
            <div class="con collaborate">
                <div class="container grid cols-1 row-gap-60 cols-lg-5-7 px-25 px-md-50 px-xl-0">
                    <header class="d-flex mx-auto mx-lg-0">
                        <h4 data-split="chars" data-animate-chars-left class="text-center text-lg-start my-auto" id="collaboration-title">We collaborate<br>with:</h4>
                    </header>
                    <div class="collaborate-logos d-flex justify-between flex-wrap row-gap-50" data-animate-from-right>
                        <article class="collaborate-logo" data-follow-mouse="0.8"><img src="images/collaboration/8.png" alt="Collaborate Logo 1" aria-label="Logo representing our first collaboration partner"></article>
                        <article class="collaborate-logo" data-follow-mouse="0.8"><img src="images/collaboration/7.png" alt="Collaborate Logo 2" aria-label="Logo representing our second collaboration partner"></article>
                        <article class="collaborate-logo" data-follow-mouse="0.8"><img src="images/collaboration/5.png" alt="Collaborate Logo 3" aria-label="Logo representing our third collaboration partner"></article>
                        <article class="collaborate-logo ani-right cursor-none" data-follow-mouse="0.8"><img src="images/collaboration/1.png" alt="Collaborate Logo 4" aria-label="Logo representing our fourth collaboration partner"></article>
                    </div>
                </div>
            </div>
        </section>
        <section class="discover mb-section overflow-hidden wp-100">
            <div class="container relative">
                <div class="animate-horizontal-scroll">
                    <div class="scrolling-wrapper d-flex flex-wrap">
                        <article class="item">
                            <div class="contain-image" data-ani-fade-up><img src="images/discover/1.png" alt="discover"></div>
                            <h6 data-animate-chars-left data-split="chars">Disruptive creativity</h6>
                            <p class="body-s" data-ani-fade-up>We specialize in breaking the mold and generating unique concepts that stand out in any industry, helping our brands stand out in a saturated market.</p>
                        </article>
                        <article class="item">
                            <div class="contain-image" data-ani-fade-up><img src="images/discover/2.png" alt="discover"></div>
                            <h6 data-animate-chars-left data-split="chars">Data-driven strategy</h6>
                            <p class="body-s" data-ani-fade-up>Our creative is always backed by in-depth data and trend analysis, ensuring each campaign is designed to deliver tangible results.</p>
                        </article>
                        <article class="item">
                            <div class="contain-image" data-ani-fade-up><img src="images/discover/3.png" alt="discover"></div>
                            <h6 data-animate-chars-left data-split="chars">Multidisciplinary team</h6>
                            <p class="body-s" data-ani-fade-up>We have a diverse team of design, marketing and development experts who collaborate to deliver end-to-end solutions, from initial idea to final execution.</p>
                        </article>
                        <article class="item">
                            <div class="contain-image" data-ani-fade-up><img src="images/discover/4.png" alt="discover"></div>
                            <h6 data-animate-chars-left data-split="chars">Customized approach</h6>
                            <p class="body-s" data-ani-fade-up>Each client is unique, which is why we tailor our strategies and processes to create campaigns that meet the specific needs and objectives of each brand.</p>
                        </article>
                    </div>
                </div>
            </div>
        </section>
        <section class="selected-portfolio my-section">
            <div class="con con-projects relative overflow-hidden" data-scroll-toggle-class="scroll-class">
                <div class="circle-1 bg-primary"></div>
                <div class="circle-2 bg-primary"></div>
                <div class="circle-3"></div>
                <div class="container index-100 relative">
                    <div class="section-title text-center">
                        <h2 class="mb-15 mb-xl-30" data-animate-chars-center data-split="chars">Selected Projects</h2>
                        <p class="body-m wp-80 w-lg-720 w-xl-850 mx-auto mb-80" data-animate-words data-split="words">At our creative agency, we believe the best way to showcase our expertise is through the work we’ve done.</p>
                    </div>
                    <div class="projects-list">
                        <figure class="project-item">
                            <div class="image-scroll">
                                <div class="project-images"><a href="/portfolio-details.html" class="project-image master" aria-label="portfolio-details" data-tooltip="View<br>Project">
                                        <div class="parallax-image"><img src="images/projects/selected/1/1.jpg" alt="Brand Identity Campaign"></div>
                                    </a><a href="/portfolio-details.html" class="project-image" aria-label="portfolio-details" data-tooltip="View<br>Project">
                                        <div class="parallax-image"><img src="images/projects/selected/1/2.jpg" alt="Brand Identity Campaign"></div>
                                    </a></div>
                            </div>
                            <figcaption class="project-data grid cols-1 cols-lg-2 gap-0">
                                <div class="data"><a href="/portfolio-details.html" class="project-title" data-split="chars" data-animate-chars-left>Brand Identity Campaign</a>
                                    <p class="project-description" data-ani-fade-up>We crafted a sophisticated and memorable visual identity for a luxury brand, positioning it as a leader in its industry.</p>
                                </div>
                                <div class="wp-100 mx-auto d-flex justify-center justify-lg-end" data-ani-fade-up>
                                    <div class="link-one button-m color-black" data-follow-mouse="0.2"><a href="/portfolio-details.html">Click here to see the project</a><img src="images/arrow/arrow-dark.png" alt="Arrow pointing to About page"></div>
                                </div>
                            </figcaption>
                        </figure>
                        <figure class="project-item">
                            <div class="image-scroll">
                                <div class="project-images relative"><a href="/portfolio-details.html" class="project-image" aria-label="portfolio-details" data-tooltip="View<br/>Project">
                                        <div class="parallax-image"><img src="images/projects/selected/2/1.jpg" alt="Multichannel Advertising Strategy"></div>
                                    </a><a href="/portfolio-details.html" class="project-image master" aria-label="portfolio-details" data-tooltip="View<br>Project">
                                        <div class="parallax-image cover-3"><img src="images/projects/selected/2/2.jpg" alt="Multichannel Advertising Strategy"></div>
                                    </a><a href="/portfolio-details.html" class="project-image" aria-label="portfolio-details" data-tooltip="View<br>Project">
                                        <div class="parallax-image"><img src="images/projects/selected/2/3.jpg" alt="Multichannel Advertising Strategy"></div>
                                    </a></div>
                            </div>
                            <figcaption class="project-data grid cols-1 cols-lg-2 gap-0">
                                <div class="data"><a href="/portfolio-details.html" class="project-title" data-split="chars" data-animate-chars-left>Multichannel Advertising Strategy</a>
                                    <p class="project-description" data-ani-fade-up>We developed an omnichannel advertising campaign that boosted brand awareness for a global company, generating a 50% increase in conversions.</p>
                                </div>
                                <div class="wp-100 mx-auto d-flex justify-center justify-lg-end" data-ani-fade-up>
                                    <div class="link-one button-m color-black" data-follow-mouse="0.2"><a href="/portfolio-details.html">Click here to see the project</a><img src="images/arrow/arrow-dark.png" alt="Arrow pointing to About page"></div>
                                </div>
                            </figcaption>
                        </figure>
                        <figure class="project-item">
                            <div class="image-scroll">
                                <div class="project-images"><a href="/portfolio-details.html" class="project-image" aria-label="portfolio-details" data-tooltip="View<br>Project">
                                        <div class="parallax-image"><img src="images/projects/selected/3/1.jpg" alt="Digital Transformation for Retail"></div>
                                    </a><a href="/portfolio-details.html" class="project-image master" aria-label="portfolio-details" data-tooltip="View<br>Project">
                                        <div class="parallax-image"><img src="images/projects/selected/3/2.jpg" alt="Digital Transformation for Retail"></div>
                                    </a></div>
                            </div>
                            <figcaption class="project-data grid cols-1 cols-lg-2 gap-0">
                                <div class="data"><a href="/portfolio-details.html" class="project-title" data-split="chars" data-animate-chars-left>Digital Transformation for Retail</a>
                                    <p class="project-description" data-ani-fade-up>A complete digital transformation strategy for a retail client, increasing online sales by 40% in six months.</p>
                                </div>
                                <div class="wp-100 mx-auto d-flex justify-center justify-lg-end" data-ani-fade-up>
                                    <div class="link-one button-m color-black" data-follow-mouse="0.2"><a href="/portfolio-details.html">Click here to see the project</a><img src="images/arrow/arrow-dark.png" alt="Arrow pointing to About page"></div>
                                </div>
                            </figcaption>
                        </figure>
                        <div class="mt-0 mt-lg-130 wp-100"><a href="/contact" class="circle-link transparent-half-on-light mx-auto cursor-none color-5" data-follow-mouse="0.4">
                                <div class="circle-inner color-1"><svg class="color-1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                        <path id="circlePath" d="M 10, 50 a 40,40 0 1,1 80,0 40,40 0 1,1 -80,0" /><text>
                                            <textPath href="#circlePath" class="body-xs ls-75">Start your project</textPath>
                                        </text>
                                    </svg>
                                    <div class="slot"><svg width="72" height="71" viewBox="0 0 72 71" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M0.908142 8.67993C0.908142 13.0959 4.49214 16.6799 8.90814 16.6799H41.1481L0.908142 43.7504L12.7721 46.3119L13.6251 58.7504L50.3241 29.7919L39.3001 60.0879C37.7881 64.2399 39.9321 68.8319 44.0841 70.3439C48.2361 71.8559 52.8281 69.7119 54.3401 65.5599L70.9001 20.0719C72.4681 15.8079 70.1081 11.0159 65.7481 9.70393C65.6201 9.47993 65.4681 9.27193 65.3081 9.07193C65.5721 4.52793 61.8681 0.671935 57.3241 0.687935H8.91614C4.50014 0.687935 0.916142 4.27193 0.916142 8.68793L0.908142 8.67993Z"
                                                fill="#F25749" />
                                        </svg></div>
                                </div>
                            </a></div>
                    </div>
                </div>
            </div>
        </section>
        <section class="creative-studio pb-100">
            <div class="container">
                <div class="wp-100 relative">
                    <div class="wp-100 w-lg-850 mx-auto relative vh-100">
                        <div class="animate-fill">
                            <div class="creative-studio-header">
                                <p class="text-center body-m mb-20 color-1 relative index-10">Our headquarters are located in Montreal</p>
                                <h2 class="fill-text text-center relative index-2 no-fill-last" data-split="lines">(Evne) is a creative<br>studio for new<br>brands, led by Nolan<br>- in search of<br>impact 💥</h2>
                            </div>
                        </div>
                    </div>
                    <div class="studio-image-2 parallax-image"><img src="images/creative-studio/2.jpg" alt="Creative studio workspace with modern design"></div>
                </div>
            </div>
        </section>
        <section class="facts my-section">
            <div class="container grid cols-1 cols-md-1 cols-lg-3 cols-xl-3 row-gap-60 row-gap-md-60">
                <div class="fact" aria-labelledby="fact-1">
                    <div class="counter" data-animate-counter data-ani-fade-up><span>500</span><span>+</span></div>
                    <h6 id="fact-1" data-split="chars" data-animate-chars-left>Successful Projects</h6>
                </div>
                <div class="fact" aria-labelledby="fact-2">
                    <div class="counter" data-animate-counter data-ani-fade-up><span>44</span><span>+</span></div>
                    <h6 id="fact-2" data-split="chars" data-animate-chars-left>Talented Team Members</h6>
                </div>
                <div class="fact" aria-labelledby="fact-3">
                    <div class="counter" data-animate-counter data-ani-fade-up><span>7</span><span></span></div>
                    <h6 id="fact-3" data-split="chars" data-animate-chars-left>Countries and Counting</h6>
                </div>
            </div>
        </section>
        <section class="awards">
            <div class="con">
                <div class="container grid cols-lg-6-6">
                    <div class="hp-100 pb-section pb-lg-0 pe-lg-130">
                        <div class="contain-pin-title">
                            <div class="title">
                                <h2 data-split="words" data-animate-words>Award-winning<br>creativity</h2>
                                <p data-split="chars" data-animate-chars>Our commitment to pushing creative boundaries has earned us recognition on both national and international stages. Each award we receive reflects not only our team's dedication
                                    but also the impact of our work across industries.</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <figure class="award" aria-labelledby="award-1">
                            <div class="award-image">
                                <div class="parallax-image cover-2"><img src="images/awards/1.jpg" alt="Effie Awards"></div>
                            </div>
                            <h4 id="award-1" data-animate-chars-left data-split="chars">Effie Awards</h4>
                            <h6 data-animate-chars-left data-split="chars">Multiple Effie Awards</h6>
                            <p class="fade-up">Honored with multiple Effie Awards for our results-driven campaigns that delivered measurable success for our clients.</p>
                        </figure>
                        <figure class="award" aria-labelledby="award-2">
                            <div class="award-image">
                                <div class="parallax-image cover-2"><img src="images/awards/2.jpg" alt="Yellow Dot Award"></div>
                            </div>
                            <h4 id="award-2" data-animate-chars-left data-split="chars">Yellow Dot Award</h4>
                            <h6 data-animate-chars-left data-split="chars">Blend aesthetics</h6>
                            <p class="fade-up">Recognized for exceptional design with a Yellow Dot Award, celebrating our ability to blend aesthetics with functionality in branding and digital projects.</p>
                        </figure>
                        <figure class="award" aria-labelledby="award-3">
                            <div class="award-image">
                                <div class="parallax-image cover-2"><img src="images/awards/3.jpg" alt="Kyiv International Advertising Festival"></div>
                            </div>
                            <h4 id="award-3" data-animate-chars-left data-split="chars">Kyiv International Advertising Festival</h4>
                            <h6 data-animate-chars-left data-split="chars">Global impact.</h6>
                            <p class="fade-up">Multiple wins at the Kyiv International Ad Festival, showcasing our innovative approach to advertising and our ability to make a global impact.</p>
                        </figure>
                    </div>
                </div>
            </div>
        </section>
        <section class="testimonials my-section mx-auto">
            <div class="swiper relative" aria-live="polite">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <figure class="testimonials-item">
                            <div class="client">
                                <div class="client-image"><img src="images/testimonials/1.jpg" alt="Kindra Grid, Marketing Pro"></div>
                                <h6 data-animate-chars-left data-split="chars">Kindra Grid</h6><a href="javascript:void(0);" data-animate-chars-left data-split="chars" aria-label="Kindra Grid's profile">@MarketingPro</a>
                            </div>
                            <p data-split="words" data-animate-words>Their ability to transform our brand identity and create a campaign that truly resonated with our audience was beyond impressive. Highly recommend!</p>
                            <div class="quotation"><img src="images/testimonials/quotation-1.png" alt="Quotation marks"> <img src="images/testimonials/quotation-2.png" alt="Quotation marks"></div>
                        </figure>
                    </div>
                    <div class="swiper-slide">
                        <figure class="testimonials-item">
                            <div class="client">
                                <div class="client-image"><img src="images/testimonials/2.jpg" alt="Santo Belfo, Belfo ST"></div>
                                <h6 data-animate-chars-left data-split="chars">Santo Belfo</h6><a href="javascript:void(0);" data-animate-chars-left data-split="chars" aria-label="Santo Belfo's profile">@BelfoST</a>
                            </div>
                            <p data-split="words" data-animate-words>Working with this agency was a game-changer for our brand. Their creative approach and strategic thinking helped us achieve goals we hadn’t thought possible.</p>
                            <div class="quotation"><img src="images/testimonials/quotation-1.png" alt="Quotation marks"> <img src="images/testimonials/quotation-2.png" alt="Quotation marks"></div>
                        </figure>
                    </div>
                    <div class="swiper-slide">
                        <figure class="testimonials-item">
                            <div class="client">
                                <div class="client-image"><img src="images/testimonials/3.jpg" alt="Lina Solveig, Retail Genius"></div>
                                <h6 data-animate-chars-left data-split="chars">Lina Solveig</h6><a href="javascript:void(0);" data-animate-chars-left data-split="chars" aria-label="Lina Solveig's profile">@RetailGenius</a>
                            </div>
                            <p data-split="words" data-animate-words>Their ability to transform our brand identity and create a campaign that truly resonated with our audience was beyond impressive. Highly recommend!</p>
                            <div class="quotation"><img src="images/testimonials/quotation-1.png" alt="Quotation marks"> <img src="images/testimonials/quotation-2.png" alt="Quotation marks"></div>
                        </figure>
                    </div>
                </div>
            </div>
            <div class="testimonials-pagination py-30 d-flex justify-center"></div>
        </section>
        <section class="my-section d-flex mx-10">
            <div class="next-page grid cols-1 cols-lg-8-4 row-gap-60 row-gap-md-100 bg-img-primary color-black">
                <div>
                    <h2 data-split="chars" data-animate-chars-left>Let’s Create Together</h2>
                    <p data-split="chars" data-animate-chars>We’re here to bring your creative vision to life with innovative strategies and impactful designs.</p>
                </div>
                <div class="d-flex justify-center align-end"><a href="/contact" class="circle-link primary-half-on-light mx-auto ls-75 cursor-none" data-follow-mouse="0.4" aria-label="Start your project" role="button">
                        <div class="circle-inner color-primary"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                <path id="circlePath" d="M 10, 50 a 40,40 0 1,1 80,0 40,40 0 1,1 -80,0" /><text>
                                    <textPath href="#circlePath" class="body-xs ls-75">Start your project</textPath>
                                </text>
                            </svg>
                            <div class="slot"><svg width="72" height="71" viewBox="0 0 72 71" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M0.908142 8.67993C0.908142 13.0959 4.49214 16.6799 8.90814 16.6799H41.1481L0.908142 43.7504L12.7721 46.3119L13.6251 58.7504L50.3241 29.7919L39.3001 60.0879C37.7881 64.2399 39.9321 68.8319 44.0841 70.3439C48.2361 71.8559 52.8281 69.7119 54.3401 65.5599L70.9001 20.0719C72.4681 15.8079 70.1081 11.0159 65.7481 9.70393C65.6201 9.47993 65.4681 9.27193 65.3081 9.07193C65.5721 4.52793 61.8681 0.671935 57.3241 0.687935H8.91614C4.50014 0.687935 0.916142 4.27193 0.916142 8.68793L0.908142 8.67993Z"
                                        fill="#F25749" />
                                </svg></div>
                        </div>
                    </a></div>
            </div>
        </section>
        <footer class="evne-footer py-section mt-section">
            <div class="container mb-80 mb-lg-150">
                <div class="links">
                    <div class="contain-logo"><a href="/" data-ani-fade-up aria-label="Evne Company Homepage"><img src="images/logos/evne.png" alt="Evne Creative Agency Logo"></a></div>
                    <div class="footer-links cursor-none">
                        <div class="title-links" data-ani-fade-up>
                            <h6>Useful Links</h6>
                        </div>
                        <ul>
                            <li data-ani-fade-up><a href="/home-3.html" aria-label="About the agency" data-link-hover-scale="The agency">The agency</a></li>
                            <li data-ani-fade-up><a href="/about.html" aria-label="View awards won" data-link-hover-scale="Awards won">Awards won</a></li>
                            <li data-ani-fade-up><a href="/contact.html" aria-label="Contact the agency" data-link-hover-scale="Contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="container overflow-visible">
                <div class="marquee footer-marquee marquee-light" data-duration="100">
                    <div class="marquee-content d-flex"><span>Creative design agency</span><span>Creative design agency</span><span>Creative design agency</span><span>Creative design agency</span><span>Creative design agency</span><span>Creative
                            design agency</span></div>
                </div>
            </div>
            <div class="container copyright">
                <div class="contain-text">
                    <p>© 2024<a href="/" class="cursor-none" aria-label="Evne Creative Agency Homepage" data-link-hover-scale="Evne">Evne</a>Creative Agency</p>
                    <p>Designed by Th3s</p>
                </div>
            </div>
        </footer>
    </div>
    <div class="cursor"></div>
    <div class="cursor-follower"></div>
    <script src="js/plugins.js"></script>
    <script src="js/animations.js"></script>
    <script src="js/main.js"></script>
</body>

</html>