templates/areas/about-industry/view.html.twig line 1

<!-- About Start -->
        <div class="section sector-section section-padding">
            <div
                class="container">
                <!-- About Wrap Start -->
                <div class="about-wrap">
                    <div class="row">
                        <div
                            class="col-lg-12">
                            <!-- SECTOR HEADING -->
                            <h2>Centric has worked extensively with B2B, B2C and G2C customers.</h2>
                        </div>
                        <div
                            class="col-lg-12">
                            <!-- About Content Start -->
                            <div class="sector-product--carousel">
                                {% for key ,sector in industries %}
                                <!-- Adding logo images to onclick function-->
                                <div class = "sector-caresoul" data-name = "infosection-{{key}}" >
                                    <div id="{{'/sector/' ~ sector.url}}" class="sectorproduct-wrapper {{loop.index == 1 ? 'activeCard' : ''}}">
                                        <div class="sectorproduct-icon">
                                        {% if sector.logo is defined %}
                                            <img src="{{sector.logo}}" alt="{{sector.name}} logo">
                                        {% endif %}
                                        </div>
                                        <h3>
                                            <a href="#" id="">{{sector.name}}</a>
                                        </h3>
                                    </div>
                                </div>
                                {% endfor %}
                                

                            </div>
                            <!-- About Content End -->
                        </div>
                    </div>
                </div>
                <!-- About Wrap End -->
            </div>
        </div>
        <!-- About End -->

        {% for key, sector in industries %}
    
        <div id="infosection-{{key}}" class="section sector-wrapper infosection {{key == 0 ? '' : 'd-none'}}">
            {% if sector.backgroundImage %}
                
                <img id="sectionImageBG" src="{{sector.backgroundImage.thumbnail('sector_BG_1920_1008')}}" alt="{{sector.name}} background" class="desktop">
                <img src="{{sector.backgroundImageMobile}}" class="mobile" alt="{{sector.name}} background">
            
            {% endif %}
            
            <div class="sectorproduct-content-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-xxl-6">
                            <div class="sectorproduct-content">
                                <div class="sector-product--icon">
                                {% if sector.logo %}
                                    <img id="sectionImage" src="{{sector.logo}}" alt="{{sector.name}} logo">
                                {% endif %}
                                </div>
                                <h2 id="sectionTitle">{{sector.name}}</h2>
                                <p id="sectionDescription">{{sector.reportDescription}}</p>
                                <ul class="car-brand--logos">
                                {% if sector.partnersBlock %}
                                    {% for key,logos in sector.partnersBlock %}
                                        {% if logos.partnerslogo.data %}
                                            <li><img id = "logo_{{key}}" src="{{logos.partnerslogo.data.thumbnail('partner_logo_thumbnail')}}" alt="{{sector.name}} partners logo"></li>
                                        {% endif %}
                                        
                                    {% endfor %}
                                {% endif %}
                                    
                                </ul>
                                <a href="{{'/sector/' ~ sector.url}}" id = "url" class="btn">Discover More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
        {% endfor %}