Blockquotes Style 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<div class="blockquote-style-1">
<svg xmlns="http://www.w3.org/2000/svg" width="220" height="150" viewBox="0 0 220 150">
<path data-name="Path 158" d="M176.856,70.5c26.889,0,48.644,22.5,48.644,50s-22,50-48.889,50-48.889-22.5-48.889-50c0-55.25,43.756-100,97.778-100C225.5,20.5,193.478,32.75,176.856,70.5Zm-73.578,50c0,27.5-22,50-48.889,50S5.5,148,5.5,120.5h0c0-55.25,43.756-100,97.778-100,0,0-32.022,12.25-48.644,50C81.522,70.5,103.278,93,103.278,120.5Z" transform="translate(-5.5 -20.5)" fill-rule="evenodd"/>
</svg>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
Blockquotes Style 2
At vero eos et accusamus et iusto odi dignissimos ducimus qui blanditiis praesentium volupta tum deleniti tque corrupti quos dolores et quas moles tias exceptur “
- Thomas Martin
<div class="blockquote-style-2">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="220" height="150" viewBox="0 0 220 150">
<path data-name="Path 158" d="M176.856,120.5c26.889,0,48.644-22.5,48.644-50s-22-50-48.889-50-48.889,22.5-48.889,50c0,55.25,43.756,100,97.778,100C225.5,170.5,193.478,158.25,176.856,120.5Zm-73.578-50c0-27.5-22-50-48.889-50S5.5,43,5.5,70.5h0c0,55.25,43.756,100,97.778,100,0,0-32.022-12.25-48.644-50C81.522,120.5,103.278,98,103.278,70.5Z" transform="translate(-5.5 -20.5)" fill-rule="evenodd"/>
</svg>
</div>
<div class="blockquote-content">
<p>At vero eos et accusamus et iusto odi dignissimos ducimus qui blanditiis praesentium volupta tum deleniti tque corrupti quos dolores et quas moles tias exceptur “</p>
<span>- Thomas Martin</span>
</div>
</div>
Blockquotes Style 3
At vero eos et accusamus et iusto odi dignissimos ducimus qui blanditiis praesentium volupta tum deleniti tque corrupti quos dolores et quas moles tias exceptur “
<div class="blockquote-style-3">
<svg xmlns="http://www.w3.org/2000/svg" width="220" height="150" viewBox="0 0 220 150">
<path data-name="Path 158" d="M176.856,70.5c26.889,0,48.644,22.5,48.644,50s-22,50-48.889,50-48.889-22.5-48.889-50c0-55.25,43.756-100,97.778-100C225.5,20.5,193.478,32.75,176.856,70.5Zm-73.578,50c0,27.5-22,50-48.889,50S5.5,148,5.5,120.5h0c0-55.25,43.756-100,97.778-100,0,0-32.022,12.25-48.644,50C81.522,70.5,103.278,93,103.278,120.5Z" transform="translate(-5.5 -20.5)" fill-rule="evenodd"/>
</svg>
<p>At vero eos et accusamus et iusto odi dignissimos ducimus qui blanditiis praesentium volupta tum deleniti tque corrupti quos dolores et quas moles tias exceptur “</p>
</div>