{% extends 'page_header.html.twig' %}
{% block page_container %}
<section class="section-box">
<div class="banner-hero banner-2 bg-about-1">
<div class="container">
<div class="row">
<div class="col-lg-7"><span class="tag-1 color-orange-900">What We Do, What You Get</span>
<h1 class="text-display-3 mt-30">A small creative team excited to create beautiful things</h1>
<p class="text-body-lead-large color-gray-500 mt-40 pr-40">Integrated workflow designed for product teams. We create world-class development and branding</p>
<div class="mt-40">
<a class="btn btn-black shape-square icon-arrow-right-white" href="{{ path('contact_us') }}">Contact us</a>
</div>
</div>
<div class="col-lg-5 d-none d-lg-block">
<div class="banner-imgs">
<div class="block-1 shape-1"><img src="{{ asset('themes/castine/assets/imgs/page/about/1/banner2.png') }}" alt="Agon"></div><img class="img-responsive shape-2" alt="Agon" src="{{ asset('themes/castine/assets/imgs/page/about/1/banner1.png') }}">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-box mt-70">
<div class="container">
<div class="row">
<div class="col-lg-1 col-sm-1 col-12"></div>
<div class="col-lg-10 col-sm-10 col-12 text-center">
<div class="text-center mb-20"><span class="tag-1">What We Do, What You Get</span></div>
<h2 class="text-display-3 color-gray-900 mb-60">We Build And Grow <br>Impactful Companies</h2>
</div>
<div class="col-lg-1 col-sm-1 col-12"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-1"></div>
<div class="col-lg-10">
<div class="box-image"><a class="popup-youtube btn-play-video btn-play-middle" href="https://www.youtube.com/watch?v=oRI37cOPBQQ"></a><img class="img-responsive bdrd-16" src="{{ asset('themes/castine/assets/imgs/page/about/1/img-1.png') }}" alt="Agon"></div>
</div>
<div class="col-lg-1"></div>
</div>
</div>
</section>
<section class="section-box mt-40">
<div class="container">
<div class="row">
<div class="col-lg-1 col-sm-1 col-12"></div>
<div class="col-lg-10 col-sm-10 col-12 text-center">
<p class="text-body-lead-large color-gray-600 mt-20">{{ content.summary }}</p>
</div>
<div class="col-lg-1 col-sm-1 col-12"></div>
</div>
</div>
<div class="container mt-40">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="list-icons mt-50">
<div class="item-icon"><span class="icon-left"><img src="{{ asset('themes/castine/assets/imgs/page/homepage2/icon-acquis.svg') }}" alt="Agon"></span>
<h4 class="text-heading-4">Vision</h4>
<p class="text-body-text color-gray-600 mt-15">At DKIH, our vision is to create a world where everyone has access to the knowledge, resources, and opportunities they need to thrive.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="list-icons mt-50">
<div class="item-icon"><span class="icon-left"><img src="{{ asset('themes/castine/assets/imgs/page/homepage2/icon-active.svg') }}" alt="Agon"></span>
<h4 class="text-heading-4">Mission</h4>
<p class="text-body-text color-gray-600 mt-15">Our mission is to empower individuals and businesses to grow and succeed through our innovative educational and cultural programs, community-building events, and business development services.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="list-icons mt-50">
<div class="item-icon"><span class="icon-left"><img src="{{ asset('themes/castine/assets/imgs/page/homepage2/icon-retent.svg') }}" alt="Agon"></span>
<h4 class="text-heading-4">Values</h4>
<p class="text-body-text color-gray-600 mt-15">Our values, which include inclusivity, innovation, collaboration, and excellence guide our work and shape the way we interact with our clients</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="about-body color-gray-600">{{ content.body|raw }}</div>
</div>
</section>
{% endblock %}