@font-face {
	font-family: 'Inter';
	font-style:  normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-Regular.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-style:  italic;
	font-weight: 400;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-Italic.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-Italic.woff?v=3.19") format("woff");
}

@font-face {
	font-family: 'Inter';
	font-style:  normal;
	font-weight: 500;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-Medium.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-Medium.woff?v=3.19") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-style:  italic;
	font-weight: 500;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-MediumItalic.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-MediumItalic.woff?v=3.19") format("woff");
}

@font-face {
	font-family: 'Inter';
	font-style:  normal;
	font-weight: 600;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-SemiBold.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-SemiBold.woff?v=3.19") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-style:  italic;
	font-weight: 600;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
}

@font-face {
	font-family: 'Inter';
	font-style:  normal;
	font-weight: 700;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-Bold.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-style:  italic;
	font-weight: 700;
	font-display: swap;
	src: url("https://s0.wp.com/i/fonts/inter/Inter-BoldItalic.woff2?v=3.19") format("woff2"),
	url("https://s0.wp.com/i/fonts/inter/Inter-BoldItalic.woff?v=3.19") format("woff");
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1599.38 208.29" fill="#0C0D0E"><path d="M1019.17,548l-31.7,7.55-22.1,5h-.2a76.27,76.27,0,0,1,1.86-18c1.84-7.42,5.85-16.08,12.81-19.88a29.52,29.52,0,0,1,24.86-1.42c8.31,3.3,12.12,11.31,13.76,19.63.45,2.31.76,4.65,1,7Zm57.6,12.57c0-57.62-36.3-82.4-82.68-82.4-52.43,0-85.28,36.3-85.28,82.69,0,50.41,28,83.26,88.16,83.26,32.55,0,51-5.77,72.89-16.71l-8.36-37.74c-16.71,7.48-32.27,12.09-53,12.09-22.76,0-35.72-8.64-40.62-24.77h107.46a79.89,79.89,0,0,0,1.44-16.42" transform="translate(-160.31 -435.85)"/><path d="M537,548l-31.71,7.55-22.1,5H483a75.76,75.76,0,0,1,1.87-18c1.83-7.42,5.85-16.08,12.8-19.88a29.54,29.54,0,0,1,24.87-1.42c8.3,3.3,12.12,11.31,13.75,19.63a68.71,68.71,0,0,1,1,7Zm57.59,12.57c0-57.62-36.3-82.4-82.68-82.4-52.43,0-85.27,36.3-85.27,82.69,0,50.41,27.94,83.26,88.15,83.26,32.56,0,51-5.77,72.89-16.71L579.3,589.7c-16.71,7.48-32.27,12.09-53,12.09-22.76,0-35.73-8.64-40.62-24.77H593.12a79.89,79.89,0,0,0,1.44-16.42" transform="translate(-160.31 -435.85)"/><rect x="190.52" width="53.21" height="202.53"/><path d="M1088,483.39h55.89l11.76,35.8c7.36-17.66,23.93-40.41,53.3-40.41,40.33,0,62.22,20.45,62.22,73.18v86.42h-55.89q0-27,.06-54c0-8.25-.13-16.52,0-24.77.09-7.62.63-15.49-3.43-22.33-2.75-4.63-7.25-8-12.11-10.34a33.06,33.06,0,0,0-30.24.46c-2.38,1.24-13.88,7.47-13.88,10.35V638.38h-55.89V525.21Z" transform="translate(-160.31 -435.85)"/><path d="M1313.46,524h-25.64V483.39h25.64V458l55.89-13.16v38.56h56.18V524h-56.18v45.52c0,17.86,8.64,26.22,21.61,26.22,13.25,0,20.74-1.73,32-5.48l6.62,42.06c-15.27,6.63-34.28,9.8-53.58,9.8-40.62,0-62.52-19.3-62.52-56.76Z" transform="translate(-160.31 -435.85)"/><path d="M1530.1,598.05c20.45,0,32.55-14.69,32.55-38.32s-11.52-37.16-31.68-37.16c-20.46,0-32.27,13.54-32.27,38,0,23,11.52,37.45,31.4,37.45m.58-120.71c52.43,0,90.74,32.84,90.74,83.83,0,51.28-38.31,82.11-91.32,82.11-52.72,0-90.17-31.69-90.17-82.11,0-51,37.16-83.83,90.75-83.83" transform="translate(-160.31 -435.85)"/><path d="M858.75,482.92A61.28,61.28,0,0,0,827,478.86a52.37,52.37,0,0,0-15.69,4.8c-13.54,6.69-24.11,21.94-29.77,35.54-3.72-15.66-14.56-29.75-30.41-36.28a61.28,61.28,0,0,0-31.76-4.06,52.2,52.2,0,0,0-15.69,4.8c-13.51,6.67-24,21.86-29.73,35.42v-1l-11.4-34.7H606.65l11.76,41.82V638.38h55.53V537.28c.2-.74,2.67-2.15,3.11-2.47,6.51-4.62,14.15-9.38,22.3-10,8.31-.62,16.49,3.6,21.44,10.2a23.88,23.88,0,0,1,1.49,2.22c4.06,6.84,3.52,14.71,3.43,22.33-.11,8.25,0,16.52,0,24.77q0,27-.06,54h55.89V552c0-.42,0-.86,0-1.29V537.32c.11-.73,2.67-2.19,3.13-2.51,6.51-4.62,14.15-9.38,22.29-10,8.31-.62,16.5,3.6,21.45,10.2a23.78,23.78,0,0,1,1.48,2.22c4.06,6.84,3.52,14.71,3.43,22.33-.1,8.25,0,16.52,0,24.77q0,27,0,54h55.89V552c0-25.35-3.64-58-30.46-69" transform="translate(-160.31 -435.85)"/><path d="M1753.6,478.78c-29.37,0-45.93,22.75-53.3,40.41l-11.76-35.8h-55.89l11.76,41.82V638.38h55.89V533.8c8-1.41,51.2,6.56,59.39,9.55V479c-2-.11-4-.2-6.09-.2" transform="translate(-160.31 -435.85)"/><path d="M270.67,548,239,555.58l-22.1,5h-.2a75.75,75.75,0,0,1,1.86-18c1.84-7.42,5.85-16.08,12.81-19.88a29.52,29.52,0,0,1,24.86-1.42c8.31,3.3,12.12,11.31,13.76,19.63.45,2.31.76,4.65,1,7Zm57.6,12.57c0-57.62-36.3-82.4-82.69-82.4-52.43,0-85.27,36.3-85.27,82.69,0,50.41,27.95,83.26,88.16,83.26,32.55,0,51-5.77,72.88-16.71L313,589.7c-16.71,7.48-32.27,12.09-53,12.09-22.76,0-35.72-8.64-40.62-24.77H326.83a80.61,80.61,0,0,0,1.44-16.42" transform="translate(-160.31 -435.85)"/></svg>
import CardHeader from './card-header';
import CardBody from './card-body';
import CardImage from './card-image';
import CardOverlay from './card-overlay';
import CardFooter from './card-footer';
import CardHeadline from './card-headline';
import CardDivider from './card-divider';

import './card.scss';

const Card = React.forwardRef( ( props, ref ) => {
	return (
		<article className={ `eps-card ${ props.className }` } ref={ ref }>
			{ props.children }
		</article>
	);
} );

Card.propTypes = {
	type: PropTypes.string,
	className: PropTypes.string,
	children: PropTypes.any,
};

Card.defaultProps = {
	className: '',
};

Card.displayName = 'Card';

Card.Header = CardHeader;
Card.Body = CardBody;
Card.Image = CardImage;
Card.Overlay = CardOverlay;
Card.Footer = CardFooter;
Card.Headline = CardHeadline;
Card.Divider = CardDivider;

export default Card;
<?xml version="1.0"?>
<oembed><version>1.0</version><provider_name>Asia Research and Engagement</provider_name><provider_url>https://asiareengage.com/zh-hant/</provider_url><author_name>admin</author_name><author_url>https://asiareengage.com/zh-hant/author/are/</author_url><title>&#x5F15;&#x8A00; 6 - Asia Research and Engagement</title><type>rich</type><width>600</width><height>338</height><html>&lt;blockquote class="wp-embedded-content" data-secret="YQ902gHDMX"&gt;&lt;a href="https://asiareengage.com/zh-hant/quotes/%e5%bc%95%e8%a8%80-6/"&gt;&#x5F15;&#x8A00; 6&lt;/a&gt;&lt;/blockquote&gt;&lt;iframe sandbox="allow-scripts" security="restricted" src="https://asiareengage.com/zh-hant/quotes/%e5%bc%95%e8%a8%80-6/embed/#?secret=YQ902gHDMX" width="600" height="338" title="&#x5F15;&#x8A00; 6 &#x2014; Asia Research and Engagement" data-secret="YQ902gHDMX" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"&gt;&lt;/iframe&gt;&lt;script type="text/javascript"&gt;
/* &lt;![CDATA[ */
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&amp;&amp;d.addEventListener&amp;&amp;"undefined"!=typeof URL&amp;&amp;(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&amp;&amp;!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i&lt;o.length;i++)o[i].style.display="none";for(i=0;i&lt;a.length;i++)s=a[i],e.source===s.contentWindow&amp;&amp;(s.removeAttribute("style"),"height"===t.message?(1e3&lt;(r=parseInt(t.value,10))?r=1e3:~~r&lt;200&amp;&amp;(r=200),s.height=r):"link"===t.message&amp;&amp;(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&amp;&amp;n.host===r.host&amp;&amp;l.activeElement===s&amp;&amp;(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r&lt;s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
/* ]]&gt; */
&lt;/script&gt;
</html></oembed>