Blockquotes Style 1
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
David Johnson
<div class="blockquote-style-1">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_31" data-name="Union 31" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" transform="translate(150 106) rotate(180)" fill="#141414"/>
</svg>
</div>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
</p>
<h6>David Johnson</h6>
</div>
Blockquotes Style 2
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit fugit sed quia consequuntur magni dolores nesciunt.
Brave Quria
<div class="blockquote-style-2">
<div class="icon-wrapper">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_31" data-name="Union 31" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" transform="translate(150 106) rotate(180)" fill="#141414"/>
</svg>
</div>
</div>
<div class="content">
<h3>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit fugit sed quia consequuntur magni dolores nesciunt.</h3>
<span>Brave Quria</span>
</div>
</div>