{{ if .Site.Params.about.enable }}
    {{"<!-- About Section -->" | safeHTML}}
    <section id="{{ i18n "about" | urlize }}" class="section about bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-md-7 col-sm-12 wow fadeInLeft">
                    <div class="content">
                        <div class="sub-heading">
                        {{ with .Site.Params.about.heading }}
                            <h3>{{ . }}</h3>
                        {{ end }}
                        </div>
                        {{ with .Site.Params.about.description }}
                            <p>{{ . | safeHTML }}</p>
                        {{ end }}
                        {{ with .Site.Params.about.barriersHeading }}
                            <h3>{{ . }}</h3>
                        {{ end }}
                        {{ with .Site.Params.about.barriers }}
                            <p>{{ . | safeHTML }}</p>
                        {{ end }}
                        {{ with .Site.Params.about.supportHeading }}
                            <h3>{{ . }}</h3>
                        {{ end }}
                        {{ with .Site.Params.about.support }}
                            <p>{{ . | safeHTML }}</p>
                        {{ end }}
                        {{ with .Site.Params.about.participationHeading }}
                            <h3>{{ . }}</h3>
                        {{ end }}
                        {{ with .Site.Params.about.participation }}
                            <p>{{ . | safeHTML }}</p>
                        {{ end }}
                        {{ with .Site.Params.about.corona }}
                            <br><p><b>{{ . | safeHTML }}</b></p>
                        {{ end }}
                    </div>
                </div>
                <div class="col-md-5 col-sm-12 wow fadeInLeft" data-wow-delay="0.3s">
                    <div class="about-slider">
                        {{ range .Site.Params.about.sliderItem }}
                            <img src="{{ .image }}" alt="{{ i18n "sliderImage" }}">
                        {{ end }}
                    </div>
                </div>
            </div>
        </div>
    </section>
{{ end }}