Blockquotes

                    
<section class="blockquotes elements dt-section">
    <div class="container">
        <div class="blockquotes-block">
            <h2>Blockquote Style 1</h2>
            <div class="blockquote1">
                <div class="svg-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                        <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                    </svg>
                </div>
                <div class="content-wrapper">
                    <h4>At vero eos et accusamus et iusto odio dignissimos ducimus blanditiis praesentium dolore voluptatum deleniti atque corrupti quos dolore</h4>
                </div>
            </div>
        </div>
    </div>
</section>
                    Copy to clipboard
                

                    
<section class="blockquotes elements dt-section">
    <div class="container">
        <div class="blockquotes-block">
             <h2>Blockquote Style 2</h2>
            <div class="blockquote2">
                <div class="svg-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                        <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                    </svg>
                </div>
                <div class="content-wrapper">
                    <h4>At vero eos et accusamus et iusto odio dignissimos ducimus blanditiis praesentium dolore voluptatum deleniti atque corrupti quos dolore</h4>
                </div>
            </div>
        </div>
    </div>
</section>
                    Copy to clipboard