Root Explorer PHP

Editing: home2.blade.php

@extends('layout.index2')

@section('title') Home @endsection

@section('body')
    
    
    <section class="hero-wrap bg-dark top-mob-space-margin position-relative overflow-hidden" style="background: url({{asset('assets2/images/banner.jpg')}}) no-repeat center top/cover;">
        <div class="hero-main-video"><video width="100%" playsinline="" autoplay="" muted="" loop="" poster="" style="transform: scale(1.1);"><source src="{{asset('assets2/videos/start-up-acma-home-video.mp4')}}"></video></div>
        <div class="opacity-very-light bg-black"></div>
        <div class="container top-space-margin position-relative">
            <div class="row align-items-center h-100 text-center text-lg-start" data-anime='{ "el": "childs",  "translateY": [0, 0], "perspective": [1200, 1200], "scale": [1.05, 1], "rotateX": [50, 0], "opacity": [0,1], "duration":600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                <div class="col-lg-8" data-anime='{ "el": "childs",  "translateY": [0, 0], "perspective": [1200, 1200], "scale": [1.05, 1], "rotateX": [50, 0], "opacity": [0,1], "duration":600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                    <span class="d-inline-block mb-2 sub-heading text-white">ACMA Auto & Mobility</span>
                    <h2 class="text-white xs-fs-50 md-fs-70 fs-80"><span class="d-block text-blue">START-UP</span> Connect Initiative</h2>
                    <div class="xs-h-130px h-200px border-radius-10px mb-4 mt-4 overflow-hidden" style="background: url({{asset('assets2/images/hero_img1.png')}}) center/cover;">
                        <video width="100%" playsinline="" autoplay="" muted="" loop="" poster="" style="transform: scale(1.1);"><source src="{{asset('assets2/images/hero_video.mp4')}}"></video>
                    </div>
                    <div class="row counter-style-04" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        <div class="col-4 xs-pe-5px">
                            <div class="feature-box text-start bg-g py-2 px-2 px-md-4 border-radius-10px xs-h-100px h-150px">
                                <div class="feature-box-content text-white">
                                    <span class="vertical-counter d-inline-flex fw-500 xs-mb-5px mb-10px xs-fs-24 md-fs-40 fs-50" data-text="+" data-to="286"></span>
                                    <p class="mb-0 xs-fs-14 xs-lh-20 fs-20">Total Start-ups Introduced</p>

</div>
                            </div>
                        </div>
                        <div class="col-4 xs-pe-5px xs-ps-5px">
                            <div class="feature-box text-start bg-purple py-2 px-2 px-md-4 border-radius-10px xs-h-100px h-150px h-150px">
                                <div class="feature-box-content text-white">
                                    <span class="vertical-counter d-inline-flex fw-500 xs-mb-5px mb-10px xs-fs-24 md-fs-40 fs-50" data-text="+" data-to="2036"></span>
                                    <p class="mb-0 xs-fs-14 xs-lh-20 fs-20">Start-ups Evaluated</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-4 xs-ps-5px">
                            <div class="feature-box text-start bg-green py-2 px-2 px-md-4 border-radius-10px xs-h-100px h-150px h-150px">
                                <div class="feature-box-content text-white">
                                    <span class="vertical-counter d-inline-flex fw-500 xs-mb-5px mb-10px xs-fs-24 md-fs-40 fs-50" data-text="+" data-to="15"></span>
                                    <p class="mb-0 xs-fs-14 xs-lh-20 fs-20">Countries</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div> 
            
        </div>
    </section>

<section class="py-0 overflow-hidden">
        <div class="row g-0">
            <div class="col-md-6 pt-7 pb-7 bg-light position-relative" style="background: url({{asset('assets2/images/type-desk-banner.png')}}) no-repeat center/cover;">
                <div class="home_overview_left" data-anime='{ "el": "childs", "translateX": [-15, 0], "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }'>
                    <span class="d-flex mb-2 text-purple sub-heading">About the Initiative</span>
                    <h2>Driving Innovation in the automotive industry</h2>
                    <p>The Start-Up Connect Initiative aims at helping automotive start-up to learn from the Industry's top companies through various challenges and programs and work with them to further</p>
                    <div class="row row-cols-1 row-cols-lg-2 row-cols-md-2 justify-content-center align-items-center xs-mt-30px mt-30px">
                        
                        <div class="col icon-with-text-style-08 xs-mb-15px mb-30px">
                            <div class="feature-box feature-box-left-icon d-inline-flex">
                                <div class="feature-box-icon me-10px">
                                    <i class="bi bi-shield-check icon-very-medium text-green"></i>
                                </div>
                                <div class="feature-box-content">
                                    <span>Build a roadmap for their business</span>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col icon-with-text-style-08 xs-mb-15px mb-30px">
                            <div class="feature-box feature-box-left-icon-middle d-inline-flex">
                                <div class="feature-box-icon me-10px">
                                    <i class="bi bi-briefcase icon-very-medium text-green"></i>
                                </div>
                                <div class="feature-box-content">
                                    <span>Get Investment opportunities</span>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col icon-with-text-style-08 xs-mb-15px md-mb-30px">
                            <div class="feature-box feature-box-left-icon d-inline-flex">
                                <div class="feature-box-icon me-10px">
                                    <i class="bi bi-hourglass icon-very-medium text-green"></i>
                                </div>
                                <div class="feature-box-content">
                                    <span>Think of solutions for efficiency and improvement projects</span>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col icon-with-text-style-08">
                            <div class="feature-box feature-box-left-icon d-inline-flex">
                                <div class="feature-box-icon me-10px">
                                    <i class="bi bi-bar-chart icon-very-medium text-green"></i>
                                </div>
                                <div class="feature-box-content">
                                    <span>Be a part of a vibrant community that stimulates growth</span>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row g-0 h-50 counter-style-04">
                    <div class="col-6 col-md-12 col-lg-6 bg-blue text-white ps-7 pe-7 d-flex align-items-center">
                        <div class="py-5 py-lg-0">
                            <h2 class="vertical-counter d-inline-flex fw-500 mb-15px" data-text="+" data-to="62"></h2>
                            <h6 class="mb-0 fw-300">Total Companies Benefiting from the Initiative</h6>
                        </div>
                    </div>
                    <div class="col-6 col-md-12 col-lg-6 bg-green text-white ps-7 pe-7 d-flex align-items-center">
                        <div class="py-5 py-lg-0">
                            <h2 class="vertical-counter d-inline-flex fw-500 mb-15px" data-text="+" data-to="48"></h2>
                            <h6 class="mb-0 fw-300">Hours of Knowledge Sessions and Workshops</h6>
                        </div>
                    </div>
                </div>
                <div class="row g-0 h-50 counter-style-04">
                    <div class="col-6 col-md-12 col-lg-6 bg-purple text-white ps-7 pe-7 d-flex align-items-center">
                        <div class="py-5 py-lg-0">
                            <h2 class="vertical-counter d-inline-flex fw-500 mb-15px" data-text="+" data-to="182"></h2>
                            <h6 class="mb-0 fw-300">Domestic Start-ups</h6>
                        </div>
                    </div>
                    <div class="col-6 col-md-12 col-lg-6 ps-7 pe-7 d-flex align-items-center" style="background: url({{asset('assets2/images/type-desk-banner.png')}}) no-repeat center/cover;">
                        <div class="py-5 py-lg-0">
                            <h2 class="vertical-counter d-inline-flex fw-500 mb-15px" data-text="+" data-to="104"></h2>
                            <h6 class="mb-0 fw-300">International Start-ups</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="pt-8 pb-5 position-relative">
        <div class="w-100 h-100 position-absolute top-0 bottom-0 m-auto opacity-4" style="background: url({{asset('assets2/images/map.png')}}) no-repeat center/contain;"></div>
        <div class="container position-relative">
            <div class="row align-items-center">
                <div class="col-12 text-center">
                    <span class="d-inline-flex mb-2 text-purple sub-heading">GLOBAL OUTREACH</span>
                    <h2>Connecting with Start-ups from various countries</h2>
                    <p>We are proud to have a global reach, connecting with start-ups from various countries</p>
                </div>
            </div>
            <div class="row g-0">
                <div class="col-12 feature-box-slider">
                    
                    <div class="swiper" data-slider-options='{ "slidesPerView": "auto", "spaceBetween":30, "speed": 4500, "loop": true, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
                        <div class="swiper-wrapper marquee-slide">
                            <div class="swiper-slide">
                                <div class="feature-box code-IL gap-2" data-code="IL">
                                    <img src="https://flagcdn.com/w40/il.png" alt="Israel Flag">
                                    <span>Israel</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-DE gap-2" data-code="DE">
                                    <img src="https://flagcdn.com/w40/de.png" alt="Germany Flag">
                                    <span>Germany</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-US gap-2" data-code="US">
                                    <img src="https://flagcdn.com/w40/us.png" alt="USA Flag">
                                    <span>USA</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-FR gap-2" data-code="FR">
                                    <img src="https://flagcdn.com/w40/fr.png" alt="France Flag">
                                    <span>France</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                            <div class="feature-box code-GB gap-2" data-code="GB">
                                    <img src="https://flagcdn.com/w40/gb.png" alt="UK Flag">
                                    <span>UK</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-ES gap-2" data-code="ES">
                                    <img src="https://flagcdn.com/w40/es.png" alt="Spain Flag">
                                    <span>Spain</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-TW gap-2" data-code="TW">
                                    <img src="https://flagcdn.com/w40/tw.png" alt="Taiwan Flag">
                                    <span>Taiwan</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-KR gap-2" data-code="KR">
                                    <img src="https://flagcdn.com/w40/kr.png" alt="South Korea Flag">
                                    <span>South Korea</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-CA gap-2" data-code="CA">
                                    <img src="https://flagcdn.com/w40/ca.png" alt="Canada Flag">
                                    <span>Canada</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-PT gap-2" data-code="PT">
                                    <img src="https://flagcdn.com/w40/pt.png" alt="Portugal Flag">
                                    <span>Portugal</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-AU gap-2" data-code="AU">
                                    <img src="https://flagcdn.com/w40/au.png" alt="Australia Flag">
                                    <span>Australia</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-IT gap-2" data-code="IT">
                                    <img src="https://flagcdn.com/w40/it.png" alt="Italy Flag">
                                    <span>Italy</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-PL gap-2" data-code="PL">
                                    <img src="https://flagcdn.com/w40/pl.png" alt="Poland Flag">
                                    <span>Poland</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-BE gap-2" data-code="BE">
                                    <img src="https://flagcdn.com/w40/be.png" alt="Belgium Flag">
                                    <span>Belgium</span>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="feature-box code-BR gap-2" data-code="BR">
                                    <img src="https://flagcdn.com/w40/br.png" alt="Brazil Flag">
                                    <span>Brazil</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>

<section class="cover-background pt-0" style="background-image: url('assets/images/bg-g-light.jpg');">
        <div class="swiper swiper-width-auto feather-shadow text-center" data-slider-options='{ "slidesPerView": "auto", "spaceBetween":80, "centeredSlides": true, "speed": 30000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":1, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
            <div class="swiper-wrapper marquee-slide">
                
                <div class="swiper-slide">
                    <div class="fs-120 ls-minus-5px pt-10px pb-10px fw-500 opacity-1">Empowering Automotive Innovators</div>
                </div>
                
                
                <div class="swiper-slide">
                    <div class="fs-120 ls-minus-5px pt-10px pb-10px fw-500 opacity-1">Empowering Automotive Innovators</div>
                </div>
                
                
                <div class="swiper-slide">
                    <div class="fs-120 ls-minus-5px pt-10px pb-10px fw-500 opacity-1">Empowering Automotive Innovators</div>
                </div>
                
            </div> 
        </div>
        <div class="container">
            <div class="row pt-4">  
                <div class="col-12 text-center">
                    <h2>Registration Process</h2>
                </div>
            </div>

<div class="row">
                <div class="col tab-style-08">
                    <ul class="w-500px sm-w-350px mx-auto justify-content-center nav nav-tabs text-center text-uppercase">
                        <li class="nav-item border-color-extra-medium-gray">
                            <a class="nav-link active fw-500" data-bs-toggle="tab" href="#tab_1">For Start-Up</a>
                            <span class="tab-bg-active bg-dark-gray"></span>
                        </li>
                        <li class="nav-item border-color-extra-medium-gray">
                            <a class="nav-link fw-500" data-bs-toggle="tab" href="#tab_2">For Pilot</a>
                            <span class="tab-bg-active bg-dark-gray"></span>
                        </li>
                    </ul>
                    <div class="tab-content mt-40px" data-anime='{ "el": "childs", "translateX": [-30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        
                        <div class="tab-pane fade in active show" id="tab_1">
                            <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center g-0">
                                
                                <div class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
                                    <h4 class="fw-600 mb-2">01</h4>
                                    <div class="process-step-icon-box position-relative mt-15px mb-15px">
                                        <span class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
                                        <div class="step-box d-flex align-items-center justify-content-center bg-g box-shadow-medium-bottom border-radius-100 mx-auto w-70px h-70px">
                                            <i class="ti-pencil-alt text-white icon-extra-medium"></i>
                                        </div>
                                    </div>
                                    <span class="d-inline-block fw-600 text-dark-gray fs-18 mb-5px xs-w-90 w-85">Submit you Application</span>
                                    <p class="w-75 sm-w-85 d-inline-block">Create your login to share your details and a brief profile</p>
                                </div>

<div class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
                                    <h4 class="fw-600 mb-2">02</h4>
                                    <div class="process-step-icon-box position-relative mt-15px mb-15px">
                                        <span class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
                                        <div class="step-box d-flex align-items-center justify-content-center bg-g box-shadow-medium-bottom border-radius-100 mx-auto w-70px h-70px">
                                            <i class="ti-layout-list-thumb text-white icon-medium"></i>
                                        </div>
                                    </div>
                                    <span class="d-inline-block fw-600 text-dark-gray fs-18 mb-5px xs-w-90 w-85">Screening & Shortlisting</span>
                                    <p class="w-75 sm-w-85 d-inline-block">Our panels select high-potential start-ups</p>
                                </div>

<div class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
                                    <h4 class="fw-600 mb-2">03</h4>
                                    <div class="process-step-icon-box position-relative mt-15px mb-15px">
                                        <span class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
                                        <div class="step-box d-flex align-items-center justify-content-center bg-g box-shadow-medium-bottom border-radius-100 mx-auto w-70px h-70px">
                                            <i class="ti-microphone-alt text-white icon-medium"></i>
                                        </div>
                                    </div>
                                    <span class="d-inline-block fw-600 text-dark-gray fs-18 mb-5px xs-w-90 w-85">Join Connect Sessions</span>
                                    <p class="w-75 sm-w-85 d-inline-block">Participate in networking, mentoring, and discussions</p>
                                </div>

<div class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
                                    <h4 class="fw-600 mb-2">04</h4>
                                    <div class="process-step-icon-box position-relative mt-15px mb-15px">
                                        <span class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
                                        <div class="step-box d-flex align-items-center justify-content-center bg-g box-shadow-medium-bottom border-radius-100 mx-auto w-70px h-70px">
                                            <i class="ti-rocket text-white icon-medium"></i>
                                        </div>
                                    </div>
                                    <span class="d-inline-block fw-600 text-dark-gray fs-18 mb-5px xs-w-90 w-85">Explore Growth Opportunities</span>
                                    <p class="w-75 sm-w-85 d-inline-block">Get access to partnerships & investments</p>
                                </div>
                                
                            </div>
                            <div class="text-center mt-4"><a href="auth" class="btn btn-purple">Register for Season 5</a></div>
                        </div>
                        
                        
                        <div class="tab-pane fade in" id="tab_2">
                            <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center g-0">
                                
                                <div class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
                                    <h4 class="fw-600 mb-2">01</h4>
                                    <div class="process-step-icon-box position-relative mt-15px mb-15px">
                                        <span class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
                                        <div class="step-box d-flex align-items-center justify-content-center bg-g box-shadow-medium-bottom border-radius-100 mx-auto w-70px h-70px">
                                            <i class="ti-pencil-alt text-white icon-extra-medium"></i>
                                        </div>
                                    </div>
                                    <span class="d-inline-block fw-600 text-dark-gray fs-18 mb-5px xs-w-90 w-85">Register to join this initiative</span>
                                    <p class="w-75 sm-w-85 d-inline-block ">Share your details and key challenges</p>
                                </div>

<div class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
                                    <h4 class="fw-600 mb-2">02</h4>
                                    <div class="process-step-icon-box position-relative mt-15px mb-15px">
                                        <span class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
                                        <div class="step-box d-flex align-items-center justify-content-center bg-g box-shadow-medium-bottom border-radius-100 mx-auto w-70px h-70px">
                                            <i class="ti-layout-list-thumb text-white icon-medium"></i>
                                        </div>
                                    </div>
                                    <span class="d-inline-block fw-600 text-dark-gray fs-18 mb-5px xs-w-90 w-85">Screening</span>
                                    <p class="w-75 sm-w-85 d-inline-block">Our panel will screen the potential areas to be addressed</p>
                                </div>

</section>

<section style="background: url({{asset('assets2/images/type-desk-banner.png')}}) no-repeat center/cover;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4 mb-lg-0">
                    <div class="position-relative text-center">
                        <img src="{{asset('assets2/images/case_creative_img2.png')}}" class="w-100 mt-4" alt="">
                    </div>
                </div>
                <div class="col-lg-6 ps-lg-5">
                    <span class="d-flex mb-2 text-purple sub-heading">Knowledge Sharing</span>
                    <h3>Building a vibrant community that drives innovation</h3>
                    <p>The Start-Up Connect Initiative fosters innovation by connecting automotive start-ups with industry leaders. Through challenges and programs, start-ups gain valuable insights, build business roadmaps, explore investment opportunities, and join a vibrant community focused on growth and improvement.</p>
                    
                        
                        <a href="https://startup.acma.in/knowledge_sharing" id="goButton" class="btn btn-purple">Know More</a>
                </div>
            </div>
        </div>

</section>
    
    
    
    <section class="pt-10 pb-10 overflow-hidden">
        <div class="container-fluid d-none">
            <div class="row position-relative clients-style-08" data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
                <div class="col swiper text-center feather-shadow" data-slider-options='{ "slidesPerView": 2, "spaceBetween":0, "speed": 6000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 6 }, "992": { "slidesPerView": 4 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }'>
                    <div class="swiper-wrapper marquee-slide">
                        
                        <div class="swiper-slide">
                            <a href="#"><img src="assets/images/clients/uno-minda.jpg" alt="" /></a>
                        </div>
                        
                        
                        
                        <div class="swiper-slide">
                            <a href="#"><img src="assets/images/clients/jk-fenner.jpg" alt="" /></a>
                        </div>

<div class="swiper-slide">
                            <a href="#"><img src="assets/images/clients/sona-comstar.jpg" alt="" /></a>
                        </div>

<div class="swiper-slide">
                            <a href="#"><img src="assets/images/clients/Subros-modified.jpg" alt="" /></a>
                        </div>

<div class="swiper-slide">
                            <a href="#"><img src="assets/images/clients/anand.jpg" alt="" /></a>
                        </div>

<div class="swiper-slide">
                            <a href="#"><img src="assets/images/clients/uno-minda.jpg" alt="" /></a>
                        </div>

<div class="swiper-slide">
                            <a href="#"><img src="assets/images/clients/uno-minda.jpg" alt="" /></a>
                        </div>
                        
                    </div> 
                </div>  
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-3 mb-3 mb-md-0">
                    <img src="{{asset('assets2/images/case_study1.jpg')}}" class="border-radius-10px w-100" alt="" data-bottom-top="transform:translateY(90px);" data-top-bottom="transform:transform:translateY(-90px);">
                </div>
                <div class="col-md-6">
                    <div class="text-center">
                        <span class="d-inline-flex mb-2 text-purple sub-heading">Case Studies</span>
                        <h3>Success stories fostered by the ACMA Auto & Mobility Start-up Connect Initiative</h3>
                        <p>Our platform has successfully facilitated numerous strategic partnerships between traditional corporations and technology partners.</p>
                        <a href="/case-studies" class="btn btn-purple">Know More</a>
                    </div>
                </div>
                <div class="col-md-3 d-none d-md-block">
                    <img src="{{asset('assets2/images/case_study2.jpg')}}" class="border-radius-10px w-100" alt="" data-bottom-top="transform:translateY(-90px);" data-top-bottom="transform:transform:translateY(90px);">
                </div>
            </div>
        </div>
    </section>

<section class="overflow-hidden" style="background: url({{asset('assets2/images/type-desk-banner.png')}}) no-repeat center/cover;">
        <div class="container">
            <div class="row align-items-center mb-4 text-center text-sm-start">
                <div class="col-sm mb-3 mb-sm-0">
                    <h2 class="mb-0">Past Events</h2>
                </div>
                <div class="col-sm-auto text-sm-end">
                    <a href="/event" class="btn btn-purple">View All</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 position-relative">
                    @if(count($pastEvent) === 0)
                        <div class="text-center text-secondary h-25" style="display: none;" data-error="past-event">
                            <h5>No Event Found</h5>
                        </div>
                    @endif

<div class="outside-box-right-20 sm-outside-box-left-0 sm-outside-box-right-0 ms-minus-10px" data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
                        <div class="swiper" data-slider-options='{ "slidesPerView": 1, "spaceBetween": 30, "loop": true, "autoplay": { "delay": 4000, "disableOnInteraction": false },  "navigation": { "nextEl": ".slider-one-slide-next-2", "prevEl": ".slider-one-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1400": { "slidesPerView": 4 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 2 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }'>
                            <div class="swiper-wrapper pt-10px pb-10px ps-10px">
                                @foreach($pastEvent as $p)
                                 
                                <div class="swiper-slide"> 
                                    <div class="services-box-style-06 border-radius-10px hover-box overflow-hidden">
                                        <div class="image">
                                        @if(file_exists('storage/uploads/event/Event'.$p->id.'.jpg'))
                                            <a href="{{env('APP_URL')}}/event/{{$p->id}}" class="h-250px d-flex" style="background: url( {{ asset('storage/uploads/event/Event'.$p->id.'.jpg') }} ) no-repeat center/cover;"></a>
                                        @else
                                            <a href="{{env('APP_URL')}}/event/{{$p->id}}" class="h-250px d-flex" style="background: url( {{ asset('assets/images/eventdefaultimage.jpg') }} ) no-repeat center/cover;"></a>
                                        @endif
                                        </div> 
                                        <div class="bg-white position-relative">
                                            <div class="p-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                                                <span><i class="ti-calendar me-10px text-red fs-14"></i><span class="fs-12 fw-500">@php echo date('d M Y', strtotime($p->event_from)) . ' - ' . date('d M Y', strtotime($p->event_to)) @endphp</span></span>
                                                <div class="d-flex align-items-center mt-10px mb-15px">
                                                    <a href="{{env('APP_URL')}}/event/{{$p->id}}" class="fs-20 fw-500 text-dark">{{ \Illuminate\Support\Str::words(strip_tags($p->title), 9, '...') }}</a>
                                                </div>
                                                
                                                <a href="{{env('APP_URL')}}/event/{{$p->id}}" class="btn btn-black btn-small mt-3">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

@endforeach
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 d-flex d-sm-none justify-content-center pt-5">
                    
                    <div class="slider-one-slide-prev-2 icon-small swiper-button-prev slider-navigation-style-04 border border-1 border-color-transparent-dark-very-light">
                        <i class="feather icon-feather-chevron-left"></i>
                    </div>
                    <div class="slider-one-slide-next-2 icon-small swiper-button-next slider-navigation-style-04 border border-1 border-color-transparent-dark-very-light">
                        <i class="feather icon-feather-chevron-right"></i>
                    </div>
                    
                </div>
            </div> 
            <div class="row mt-15px">
                <div class="col-sm-3 col-md-2 d-none d-sm-flex ps-15px md-ps-0">
                    
                    <div class="slider-one-slide-prev-2 icon-small swiper-button-prev slider-navigation-style-04 border border-1 border-color-transparent-dark-very-light">
                        <i class="feather icon-feather-chevron-left"></i>
                    </div>
                    <div class="slider-one-slide-next-2 icon-small swiper-button-next slider-navigation-style-04 border border-1 border-color-transparent-dark-very-light">
                        <i class="feather icon-feather-chevron-right"></i>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>

<section class="sec-space">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 text-center">
                    <span class="d-inline-flex mb-2 text-purple sub-heading">All Seasons Highlights</span>
                    <h2>In-Person Connect Events</h2>
                </div>
            </div>
            <div class="row g-0">
                <div class="col-12 feature-box-slider">
                    
                    <div class="swiper" data-slider-options='{ "slidesPerView": "auto", "spaceBetween":30, "speed": 4500, "loop": true, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1400": { "slidesPerView": 3 }, "992": { "slidesPerView": 2 }, "768": { "slidesPerView": 2 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }'>
                        <div class="swiper-wrapper marquee-slide">
                            <div class="swiper-slide">
                                <div class="border-radius-6px overflow-hidden">
                                    <img src="{{ asset('assets/images/startup.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="border-radius-6px overflow-hidden">
                                    <img src="{{ asset('assets/images/startup1.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="border-radius-6px overflow-hidden">
                                    <img src="{{ asset('assets/images/startup3.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="border-radius-6px overflow-hidden">
                                    <img src="{{ asset('assets/images/startup4.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="border-radius-6px overflow-hidden">
                                    <img src="{{ asset('assets/images/startup6.jpg') }}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>

@endsection
@section('script')
    <script>

function showSeason1Section() {
            hideAllSections();
            document.getElementById("sectionSeason1").style.display = "block";
        }

function showSeason2Section() {
            hideAllSections();
            document.getElementById("sectionSeason2").style.display = "block";
        }

// Initially, hide all sections except Season 1 (or Season 2, depending on your preference)
        hideAllSections();
        showSeason2Section(); // You can change this to showSeason2Section() if you want Season 2 initially.

$('.sectionSeason1').on('click', function(){
            if (!@json(session()->has('startup')) && !@json(session()->has('pilot'))) 
            {
                alert('You mush be login to view the details'); 
            }
        });

$('.sectionSeason2').on('click',function(){
            if (!@json(session()->has('startup')) && !@json(session()->has('pilot'))) 
            {
                alert('You mush be login to view the details');
            }
        });

</script>
@endsection

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📁 admin/	DIR
📁 auth/	DIR
📁 case_studies/	DIR
📄 contact.blade.php	FILE	[EDIT]
📁 emailer/	DIR
📁 event/	DIR
📄 home.blade.php	FILE	[EDIT]
📄 home2.blade.php	FILE	[EDIT]
📁 knowledge_sharing/	DIR
📁 layout/	DIR
📁 startup/	DIR
📄 test.blade.php	FILE	[EDIT]

[ Root System Explorer ]

Editing: home2.blade.php