article-dynamic-card-markup

<div class="dynamicCards section">
    <div class="container">
        <ul class="flex-container">
            <li class="card-item">
                <a href="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.html">
                    <div class="card-img">
                        <img src="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.img.png" alt="Five Key Questions for Safe Research and Demos" title="Five Key Questions for Safe Research and Demos">
                    </div>              
                    <div class="card-desc">
                        <span class="card-date">Nov 15, 2016</span>
                        <span class="card-title">Five Key Questions for Safe Research and Demos</span>
                        <p>Safer demos through safety data sheets.</p>
                    </div>
                </a>
            </li>
            <li class="card-item">
                <a href="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.html">
                    <div class="card-img">
                        <img src="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.img.png" alt="Five Key Questions for Safe Research and Demos" title="Five Key Questions for Safe Research and Demos">
                    </div>              
                    <div class="card-desc">
                        <span class="card-date">Nov 15, 2016</span>
                        <span class="card-title">Five Key Questions for Safe Research and Demos</span>
                        <p>Safer demos through safety data sheets.</p>
                    </div>
                </a>
            </li>
            <li class="card-item">
                <a href="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.html">
                    <div class="card-img">
                        <img src="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.img.png" alt="Five Key Questions for Safe Research and Demos" title="Five Key Questions for Safe Research and Demos">
                    </div>              
                    <div class="card-desc">
                        <span class="card-date">Nov 15, 2016</span>
                        <span class="card-title">Five Key Questions for Safe Research and Demos</span>
                        <p>Safer demos through safety data sheets.</p>
                    </div>
                </a>
            </li>
            <li class="card-item">
                <a href="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.html">
                    <div class="card-img">
                        <img src="/content/inchemistry/en/acs-and-you/five-key-questions-for-safe-research-and-demos.img.png" alt="Five Key Questions for Safe Research and Demos" title="Five Key Questions for Safe Research and Demos">
                    </div>              
                    <div class="card-desc">
                        <span class="card-date">Nov 15, 2016</span>
                        <span class="card-title">Five Key Questions for Safe Research and Demos</span>
                        <p>Safer demos through safety data sheets.</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>