JSFiddle - React, Tailwind, and code Playground

by kdubrovchenko

HTML

<?php $count = 1; ?>
					{exp:channel:entries channel="stories" dynamic="no"}
					<?php if ($count < 10 ) { ?>
                          {if use_on_homepage == 'yes'}
                            <div class="item {if count == 1}active{/if} {entry_id} ">
                                <div class="col-lg-6 col-md-6">
                                    {if bank_story_image}
                                        <img src="{bank_story_image}" alt="{title}" class="white-border">
                                    {if:else}
                                        <img src="{bank_story_thumbnail}" alt="{title}" class="white-border">
                                    {/if}
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <h4 class="white">{title}</h4>
                                    <p>{bank_story_summary}<a href="{site_url}about-us/our-stories/our-news/{url_title}"> Learn&nbsp;More&nbsp;<span class="glyphicon glyphicon-play"></span> </a></p>

                                </div>
                            </div>
                          {/if}
                          <?php 
                            $count++;
                            } ?>
                    {/exp:channel:entries}

CSS

<?php $count = 1; ?>
					{exp:channel:entries channel="stories" dynamic="no"}
					<?php if ($count < 10 ) { ?>
                          
                            <div class="item {if count == 1}active{/if} {entry_id} ">
                            
                            
                            {if use_on_homepage == 'yes'}
                                <div class="col-lg-6 col-md-6">
                                    {if bank_story_image}
                                        <img src="{bank_story_image}" alt="{title}" class="white-border">
                                    {if:else}
                                        <img src="{bank_story_thumbnail}" alt="{title}" class="white-border">
                                    {/if}
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <h4 class="white">{title}</h4>
                                    <p>{bank_story_summary}<a href="{site_url}about-us/our-stories/our-news/{url_title}"> Learn&nbsp;More&nbsp;<span class="glyphicon glyphicon-play"></span> </a></p>

                                </div>
                          {/if}
                                                      </div>

                          <?php 
                            $count++;
                            } ?>
                    {/exp:channel:entries}