Blockquotes | Education Plus

Blockquote Style 1

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occae cati cupiditate non provident, similique sunt in culpa qui officia

                    
<section class="blockquotes elements z-sec">
    <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 qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occae cati cupiditate non provident, similique sunt in culpa qui officia</h4>
                </div>
            </div>
        </div>
    </div>
</section>

Blockquote Style 2

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia

- Levis Andrew

                    
<section class="blockquotes elements z-sec">
    <div class="container">
        <div class="blockquotes-block">
            <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 qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia</h4>
                    <span class="author">- Levis Andrew</span>
                </div>
            </div>
        </div>
    </div>
</section>