<div class="c-card-grid u-spacing--md js-gsap-trigger">
<h2 class="o-heading o-heading--lg c-card-grid__heading">
Latest News & Updates
</h2>
<div class="c-card-grid__posts u-spacing">
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="DOTD Announces Upcoming I-12 Closure for College Drive Flyover Project">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 10, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Newsletter</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
DOTD Announces Upcoming I-12 Closure for College Drive Flyover Project
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="New traffic signals installed on Swan Lake Road at I-220 in Bossier Parish">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 9, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
New traffic signals installed on Swan Lake Road at I-220 in Bossier Parish
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="Updated: Belle Chasse Bridge & Tunnel Project: Lane Closure Notice">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 9, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
Updated: Belle Chasse Bridge & Tunnel Project: Lane Closure Notice
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="DOTD to Accept Applications for Electric Vehicle Charging Infrastructure">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 5, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Newsletter</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
DOTD to Accept Applications for Electric Vehicle Charging Infrastructure
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="NIGHTTIME INTERSTATE CLOSURE: I-20 eastbound at Old Minden Rd., Bossier Parish (I-20 rehab project)">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 5, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
NIGHTTIME INTERSTATE CLOSURE: I-20 eastbound at Old Minden Rd., Bossier Parish (I-20 rehab project)
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="UPDATE: DOTD announces closures on I-10 and I-49 in Lafayette">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 4, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
UPDATE: DOTD announces closures on I-10 and I-49 in Lafayette
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="NIGHTTIME INTERSTATE CLOSURE: I-20 westbound at I-220, Bossier Parish (I-20 Rehab Project)">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 3, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
NIGHTTIME INTERSTATE CLOSURE: I-20 westbound at I-220, Bossier Parish (I-20 Rehab Project)
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="ROAD CLOSURE: US 84 (Polk St.) at the CPKC RR crossing, Mansfield, DeSoto Parish">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Dec 2, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
ROAD CLOSURE: US 84 (Polk St.) at the CPKC RR crossing, Mansfield, DeSoto Parish
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="Bayou Grosse Tete Bridge in Iberville Parish now fully open to all traffic">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Nov 27, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
Bayou Grosse Tete Bridge in Iberville Parish now fully open to all traffic
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="TUNNEL EASTBOUND REOPENS: Harvey Tunnel (US90Z) full closures/updates">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Nov 27, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
TUNNEL EASTBOUND REOPENS: Harvey Tunnel (US90Z) full closures/updates
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="UPDATE: DOTD announces new traffic signal at intersection of La. 182 (W Old Spanish Trail) and La. 674 (Kiper Rd) in Iberia Parish">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Nov 26, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
UPDATE: DOTD announces new traffic signal at intersection of La. 182 (W Old Spanish Trail) and La. 674 (Kiper Rd) in Iberia Parish
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
<div class="c-post-card js-gsap-fade-in">
<a class="o-link c-post-card__link-overlay" href="/" target="_self" aria-label="NIGHTTIME ROAD CLOSURE: Swan Lake Road southbound at I-220, Bossier Parish">
</a>
<div class="c-post-card__content">
<div class="o-meta">
<span class="o-icon o-icon--md o-meta__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V7.5Z" />
</svg>
</span>
<div class="o-meta__text">
<span class="o-meta__date">Nov 25, 2024</span>
<span class="o-meta__divider">•</span>
<a hre="#" class="o-meta__category u-text-decoration--underline">Update</a>
</div>
</div>
<h3 class="o-heading o-heading--xs c-post-card__heading">
NIGHTTIME ROAD CLOSURE: Swan Lake Road southbound at I-220, Bossier Parish
</h3>
</div>
<a class="o-link o-link--secondary c-post-card__link" href="/" target="_self" tabindex="-1">
<span class="o-link__label">
More Details
</span>
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</a>
</div>
</div>
<div class="c-pagination">
<button class="o-button o-button--icon c-pagination__button c-pagination__button--prev" disabled aria-label="Previous">
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3126 16.7243C9.94502 17.0919 9.3491 17.0919 8.98155 16.7243L4 11.3529C4 11.3379 4.00036 11.3228 4.00108 11.3078C4.01184 11.0822 4.10337 10.8597 4.27566 10.6874L8.98155 5.98154C9.3491 5.61399 9.94502 5.61399 10.3126 5.98154C10.6801 6.3491 10.6801 6.94502 10.3126 7.31257L7.21338 10.4118L19.0588 10.4118C19.5786 10.4118 20 10.8331 20 11.3529C20 11.8727 19.5786 12.2941 19.0588 12.2941L7.21338 12.2941L10.3126 15.3933C10.6801 15.7609 10.6801 16.3568 10.3126 16.7243ZM8.98155 16.7243L4.00004 11.3616C4.00222 11.5996 4.0941 11.8369 4.27566 12.0185L8.98155 16.7243Z" />
</svg>
</span>
</button>
<div class="c-pagination__items">
<a class="o-button o-button--secondary c-pagination__button c-pagination__button--item" href="/page/1">
<span class="o-button__label">
1
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/2">
<span class="o-button__label">
2
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/3">
<span class="o-button__label">
3
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/4">
<span class="o-button__label">
4
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/5">
<span class="o-button__label">
5
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/6">
<span class="o-button__label">
6
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/7">
<span class="o-button__label">
7
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/8">
<span class="o-button__label">
8
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/9">
<span class="o-button__label">
9
</span>
</a>
<a class="o-button o-button--icon c-pagination__button c-pagination__button--item" href="/page/10">
<span class="o-button__label">
10
</span>
</a>
</div>
<button class="o-button o-button--icon c-pagination__button c-pagination__button--next" aria-label="Next">
<span class="o-icon o-icon--md">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
</svg>
</span>
</button>
</div>
</div>
{% set base_class = post_feed.base_class|default('c-card-grid') %}
<div class="{{ bem(base_class, post_feed.element, post_feed.modifiers, post_feed.extra) }} u-spacing--md js-gsap-trigger">
{% if post_feed.items %}
{% include "@heading" with {
"heading": {
"level": "2",
"size": "lg",
"text": post_feed.heading,
"extra": bem(base_class, 'heading')
}
} %}
<div class="{{ bem(base_class, 'posts') }} u-spacing">
{% for item in post_feed.items %}
{% include "@post-card" with item %}
{% endfor %}
</div>
{% include "@pagination" with post_feed %}
{% else %}
<p>Sorry, there are no posts at this time.</p>
{% endif %}
</div>
{
"post_feed": {
"heading": "Latest News & Updates",
"items": [
{
"post_card": {
"meta": {
"date": "12/10/2024",
"category": {
"name": "Newsletter",
"link": "#"
}
},
"heading": "DOTD Announces Upcoming I-12 Closure for College Drive Flyover Project",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "12/09/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "New traffic signals installed on Swan Lake Road at I-220 in Bossier Parish",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "12/09/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "Updated: Belle Chasse Bridge & Tunnel Project: Lane Closure Notice",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "12/05/2024",
"category": {
"name": "Newsletter",
"link": "#"
}
},
"heading": "DOTD to Accept Applications for Electric Vehicle Charging Infrastructure",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "12/05/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "NIGHTTIME INTERSTATE CLOSURE: I-20 eastbound at Old Minden Rd., Bossier Parish (I-20 rehab project)",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "12/04/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "UPDATE: DOTD announces closures on I-10 and I-49 in Lafayette",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "12/03/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "NIGHTTIME INTERSTATE CLOSURE: I-20 westbound at I-220, Bossier Parish (I-20 Rehab Project)",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "12/02/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "ROAD CLOSURE: US 84 (Polk St.) at the CPKC RR crossing, Mansfield, DeSoto Parish",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "11/27/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "Bayou Grosse Tete Bridge in Iberville Parish now fully open to all traffic",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "11/27/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "TUNNEL EASTBOUND REOPENS: Harvey Tunnel (US90Z) full closures/updates",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "11/26/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "UPDATE: DOTD announces new traffic signal at intersection of La. 182 (W Old Spanish Trail) and La. 674 (Kiper Rd) in Iberia Parish",
"link": {
"url": "/"
}
}
},
{
"post_card": {
"meta": {
"date": "11/25/2024",
"category": {
"name": "Update",
"link": "#"
}
},
"heading": "NIGHTTIME ROAD CLOSURE: Swan Lake Road southbound at I-220, Bossier Parish",
"link": {
"url": "/"
}
}
}
],
"pagination": {
"items": [
{
"url": "/page/1",
"text": "1",
"active": true
},
{
"url": "/page/2",
"text": "2"
},
{
"url": "/page/3",
"text": "3"
},
{
"url": "/page/4",
"text": "4"
},
{
"url": "/page/5",
"text": "5"
},
{
"url": "/page/6",
"text": "6"
},
{
"url": "/page/7",
"text": "7"
},
{
"url": "/page/8",
"text": "8"
},
{
"url": "/page/9",
"text": "9"
},
{
"url": "/page/10",
"text": "10"
}
]
}
}
}
/* ------------------------------------ *\
$POST-FEED
\* ------------------------------------ */
No notes defined.