fractal example

Example component: Inverse 

<div class="testimonial-row  inverse">
    <div class="container-constrained testimonial-row__container">
        <div class="testimonial-row__image image-container">
            <img src="/placeholder.png" />
        </div>
        <div class="testimonial-row__text">
            <div class="testimonial-row__text-container">
                <div class="testimonial-row__title heading-5">About us</div>
                <div class="testimonial-row__copy paragraph">We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of people.We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of people.</div>
                <div class="testimonial-row__profile-section">
                    <div class="testimonial-row__profile-image image-container">
                        <img src="/placeholder.png" />
                    </div>
                    <div>
                        <div class="testimonial-row__profile-heading heading-6">
                            Company Name
                        </div>
                        <div class="testimonial-row__profile-subheading paragraph">
                            Individual Name
                        </div>
                    </div>

                </div>
                <div class="testimonial-row__chevron-section">
                    <div class="testimonial-row__chevron-left">

                        <img class="chevron" src="/small-dark-arrow.svg">
                    </div>
                    <div class="testimonial-row__chevron-right">

                        <img class="chevron" src="/small-dark-arrow.svg">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
{{!< layouts}}

<div class="testimonial-row  {{#if inverse}}inverse{{/if}}">
    <div class="container-constrained testimonial-row__container">
        <div class="testimonial-row__image image-container">
             <img src="/placeholder.png" />
        </div>
        <div class="testimonial-row__text">
            <div class="testimonial-row__text-container">
                <div class="testimonial-row__title heading-5">{{title}}</div>
                <div class="testimonial-row__copy paragraph">{{copy}}</div>
                <div class="testimonial-row__profile-section">
                       <div class="testimonial-row__profile-image image-container">
                             <img src="/placeholder.png" />
                        </div>
                        <div>
                             <div class="testimonial-row__profile-heading heading-6">
                                Company Name                    
                            </div>
                            <div class="testimonial-row__profile-subheading paragraph">
                                Individual Name                    
                            </div>
                        </div>
                    
                </div>
                    <div class="testimonial-row__chevron-section">
                            <div class="testimonial-row__chevron-left">
                                {{> @chevron }}
                            </div>
                             <div class="testimonial-row__chevron-right">
                                {{> @chevron }}
                            </div>
                        </div>
            </div>
        </div>
    </div>
</div>
 
{
  "title": "About us",
  "copy": "We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of people.We’re an ambitious, innovative and aspirational company that aims to bring a radical, new approach to development by creating sustainable communities that understand and meet the needs of people.",
  "inverse": true
}

No notes defined.