diff --git a/app/Views/welcome_message.php b/app/Views/welcome_message.php
index 9f3a41d..1f66260 100644
--- a/app/Views/welcome_message.php
+++ b/app/Views/welcome_message.php
@@ -706,146 +706,48 @@
 						<div class="col col-12">
 							<div class="carousel-container carousel-nav-left carousel-nav-mobile-center no carousel-nav-md carousel-dots-mobile-center carousel-dots-style4 carousel-dots-mobile-outside pt-50">
 								<div class="carousel-items -mx-20" data-lqd-flickity='{ "cellSelector" :".carousel-item", "cellAlign" :"left", "prevNextButtons" :false, "pageDots" :true, "groupCells" :false, "wrapAround" :true, "pauseAutoPlayOnHover" :false, "buttonsAppendTo" :"self", "addSlideNumbersToArrows" :false, "dotsIndicator" :"dots", "numbersStyle" :"circle", "dotsAppendTo" :"self" }'>
-									<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
-										<div class="carousel-item-inner w-full relative">
-											<div class="carousel-item-content w-full relative">
-												<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
-													<div class="lqd-fb-inner">
-														<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
-															<figure data-responsive-bg="true">
-																<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-1.jpg" alt="practice-carousel">
-															</figure>
-														</div>
-														<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
-															<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
-																<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
-																	<div class="lqd-fb-bg lqd-overlay"></div>
-																</div>
-																<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120,  "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Immigration Issues</h2>
-																</div>
-																<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120,  "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
-																		<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
-																	</a>
-																</div>
+									<?php
+									foreach ($research_area as $item){
+										?>
+
+										<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
+											<div class="carousel-item-inner w-full relative">
+												<div class="carousel-item-content w-full relative">
+													<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
+														<div class="lqd-fb-inner">
+															<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
+																<figure data-responsive-bg="true">
+																	<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-1.jpg" alt="practice-carousel">
+																</figure>
 															</div>
-															<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Immigration Issues</a>
+															<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
+																<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
+																	<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
+																		<div class="lqd-fb-bg lqd-overlay"></div>
+																	</div>
+																	<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120,  "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
+																		<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'><?=$item["topic"]?></h2>
+																	</div>
+																	<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120,  "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
+																		<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
+																			<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
+																		</a>
+																	</div>
+																</div>
+																<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide"><?=$item["topic"]?></a>
+															</div>
+															<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide"><?=$item["topic"]?></a>
 														</div>
-														<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Immigration Issues</a>
 													</div>
-												</div>
-												<div class="ld-fancy-heading">
-													<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
+													<div class="ld-fancy-heading">
+														<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> <?=$item["description"]?>.</p>
+													</div>
 												</div>
 											</div>
 										</div>
-									</div>
-									<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
-										<div class="carousel-item-inner w-full relative">
-											<div class="carousel-item-content w-full relative">
-												<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
-													<div class="lqd-fb-inner">
-														<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
-															<figure data-responsive-bg="true">
-																<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-2.jpg" alt="practice-carousel">
-															</figure>
-														</div>
-														<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
-															<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
-																<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
-																	<div class="lqd-fb-bg lqd-overlay"></div>
-																</div>
-																<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120,  "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Intellectual Property</h2>
-																</div>
-																<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120,  "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
-																		<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
-																	</a>
-																</div>
-															</div>
-															<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
-														</div>
-														<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
-													</div>
-												</div>
-												<div class="ld-fancy-heading">
-													<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
-										<div class="carousel-item-inner w-full relative">
-											<div class="carousel-item-content w-full relative">
-												<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
-													<div class="lqd-fb-inner">
-														<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
-															<figure data-responsive-bg="true">
-																<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-3.jpg" alt="practice-carousel">
-															</figure>
-														</div>
-														<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
-															<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
-																<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
-																	<div class="lqd-fb-bg lqd-overlay"></div>
-																</div>
-																<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120,  "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Citizenship</h2>
-																</div>
-																<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120,  "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
-																		<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
-																	</a>
-																</div>
-															</div>
-															<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Citizenship</a>
-														</div>
-														<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Citizenship</a>
-													</div>
-												</div>
-												<div class="ld-fancy-heading">
-													<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="carousel-item has-width w-33percent px-20 md:w-50percent sm:w-full">
-										<div class="carousel-item-inner w-full relative">
-											<div class="carousel-item-content w-full relative">
-												<div class="lqd-fb lqd-fb-style-8 relative lqd-fb-content-bc mb-1/5em">
-													<div class="lqd-fb-inner">
-														<div class="lqd-fb-img round overflow-hidden" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "figure", "duration" : 1200, "initValues" : { "scale" : 1.075, "opacity" : 0 }, "animations" : { "scale" : 1, "opacity" : 1 } }'>
-															<figure data-responsive-bg="true">
-																<img width="720" height="492" src="./assets/images/demo/lawyer/practice-carousel-4.jpg" alt="practice-carousel">
-															</figure>
-														</div>
-														<div class="lqd-fb-content z-2 w-90percent relative rounded-4">
-															<div class="lqd-fb-content-inner flex flex-wrap items-center relative rounded-4 px-2rem py-1/5rem">
-																<div class="lqd-overlay" data-reveal="true" data-reveal-options='{ "direction" : "bt", "delay" : 150, "duration" : 500, "coverArea" : 100 }'>
-																	<div class="lqd-fb-bg lqd-overlay"></div>
-																</div>
-																<div class="w-80percent pr-md-2 relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1200, "delay" : 120,  "startDelay" : 800, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<h2 class="my-0" data-split-text="true" data-split-options='{ "type" : "lines" }'>Intellectual Property</h2>
-																</div>
-																<div class="w-20percent relative" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview", "animationTarget" : "all-childs", "duration" : 1100, "delay" : 120,  "startDelay" : 950, "initValues" : { "y" : 30, "opacity" : 0 }, "animations" : { "y" : 0, "opacity" : 1 } }'>
-																	<a class="lh-1 flex items-center justify-end lqd-fb-icon text-amber-700">
-																		<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
-																	</a>
-																</div>
-															</div>
-															<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
-														</div>
-														<a class="liquid-overlay-link w-full h-full absolute inline-block top-0 left-0 overflow-hidden indent-hide">Intellectual Property</a>
-													</div>
-												</div>
-												<div class="ld-fancy-heading">
-													<p class="ld-fh-element mb-0/5em pt-1/5em px-30 text-14 leading-1/7em md:p-0"> Our process applies techniques from a variety of disciplines distinction in detail and gives careful attention.</p>
-												</div>
-											</div>
-										</div>
-									</div>
+									<?php
+									}
+									?>
 								</div>
 							</div>
 						</div>