API call (BaseController & Home ) + Blog data added (view)

This commit is contained in:
2024-12-11 14:00:01 -05:00
parent 96e0e4fbc2
commit 0ce47b9a84
3 changed files with 286 additions and 211 deletions
+46
View File
@@ -55,4 +55,50 @@ abstract class BaseController extends Controller
// E.g.: $this->session = \Config\Services::session();
}
public function APIcall($method, $url, $data) {
// $curl = curl_init();
$curl = curl_init($url);
switch ($method) {
case "GET":
$params2 = '';
foreach($data as $key2=>$value2)
$params2 .= $key2.'='.$value2.'&';
$params2 = trim($params2, '&');
$url = $url.'?'.$params2;// add param to URL
log_message('critical', "API URL FINAL =>".$url );
//curl_setopt($curl, CURLOPT_FRESH_CONNECT, true);
//curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
//curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($data));
break;
case "POST":
curl_setopt($curl, CURLOPT_POST, 1);
if ($data)
// curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
curl_setopt($curl, CURLOPT_POSTFIELDS, json_encode($data));
// curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($data));
break;
case "PUT":
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "PUT");
if ($data)
curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
break;
}
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_HTTPHEADER, array(
'APIKEY: RegisteredAPIkey',
'Content-Type: application/json',
));
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_HTTPAUTH, CURLAUTH_BASIC);
$result = curl_exec($curl);
if(!$result) {
echo("Connection failure!");
}
curl_close($curl);
return json_decode($result, true);
}
}
+10 -1
View File
@@ -6,6 +6,15 @@ class Home extends BaseController
{
public function index(): string
{
return view('welcome_message');
$siteData =[];
//http://10.204.5.100:9083/en/wrench/api/v1/blogdata
$out = $this->APIcall('GET','http://10.204.5.100:9083/en/wrench/api/v1/blogdata',[]);
// var_dump($out['blogdata']);
//exit();
$siteData['blogdata'] = $out['blogdata'];
//var_dump($siteData);
// exit;
return view('welcome_message',$siteData);
}
}
+230 -210
View File
@@ -1271,218 +1271,238 @@
<div class="col col-12" data-custom-animations="true" data-ca-options='{"animationTarget": ".carousel-container .carousel-item-inner", "duration" : 1000 , "delay" : 100 , "ease": "expo.out", "initValues": {"x": "30px", "opacity" : 0} , "animations": {"x": "0px", "opacity" : 1}}'>
<div class="carousel-container carousel-dots-style4 carousel-dots-mobile-outside carousel-dots-mobile-center" id="ld-testimonial-carousel">
<div class="carousel-items relative" data-lqd-flickity='{"cellAlign": "center", "groupCells": true, "wrapAround": true, "pageDots": true, "prevNextButtons": false, "dotsIndicator": "dots", "dotsAppendTo": "self"}'>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-green-100 module-content">
<div class="lqd-testi-quote text-green-600">
<blockquote>
<p class="text-18">
Bring your ideas to life an intuitive Enterprise Architect. Full Stack Engineer, and Security Lover & customize your site and see the changes instantly.
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-1.png" alt="Daniel Sans">
</figure>
<div class="pl-1/5">
<h3 class="text-green-600 text-18">Daniel Sans, </h3>
<h4 class="font-weight-light text-green-600 text-16">Envato CEO</h4>
</div>
</div>
</div>
<?php
foreach ($blogdata as $item){
//var_dump($data);
?>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content ">
<p><?=$item['post_title']?><br></p>
<div><img style="border-radius: 10px;" src="https://blog.wrenchboard.com/wp-content/uploads/<?=$item['meta_value']?>" alt="Tokslaw"></div>
</div>
</div>
</div>
</div>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-orange-100 module-content">
<div class="lqd-testi-quote text-orange-600">
<blockquote>
<p class="text-18">
Incredible theme and fantastic support! Every time I had a question, they got back to you so quickly and fixed your problem! Im so impressed! Thank you guys again for your precious help! Your customer support is amazing!
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-2.png" alt="ritamjahed">
</figure>
<div class="pl-1/5">
<h3 class="text-orange-600 text-18">ritamjahed</h3>
<h4 class="font-weight-light text-orange-600 text-16">Envato CEO</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content">
<div class="lqd-testi-quote text-blue-600">
<blockquote>
<p class="text-18">
I'm early on in the process of building my website; however, I'm already impressed by customer support's response time. Great customer support ratings is something I consider before purchasing a theme.
<br>
Thank you LiquidThemes!
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-3.png" alt="myadesigns">
</figure>
<div class="pl-1/5">
<h3 class="text-blue-600 text-18">myadesigns</h3>
<h4 class="font-weight-light text-blue-600 text-16">Envato CEO</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-yellow-100 module-content">
<div class="lqd-testi-quote text-yellow-600">
<blockquote>
<p class="text-18">
Simply perfect! Theme and support are amazing! Frank thanks for the help, always fast and efficient! The best theme and support I've had!
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-4.png" alt="leandroMariotto">
</figure>
<div class="pl-1/5">
<h3 class="text-yellow-600 text-18">leandroMariotto</h3>
<h4 class="font-weight-light text-yellow-600 text-16">Envato CEO</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-green-100 module-content">
<div class="lqd-testi-quote text-green-600">
<blockquote>
<p class="text-18">
Bring your ideas to life an intuitive Enterprise Architect. Full Stack Engineer, and Security Lover. Customize your site and see the changes instantly.
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-1.png" alt="Daniel Sans">
</figure>
<div class="pl-1/5">
<h3 class="text-green-600 text-18">Daniel Sans, </h3>
<h4 class="font-weight-light text-green-600 text-16">Envato CEO</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-orange-100 module-content">
<div class="lqd-testi-quote text-orange-600">
<blockquote>
<p class="text-18">
Incredible theme and fantastic support! Every time I had a question, they got back to you so quickly and fixed your problem! Im so impressed! Thank you guys again for your precious help! Your customer support is amazing!
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-2.png" alt="ritamjahed">
</figure>
<div class="pl-1/5">
<h3 class="text-orange-600 text-18">ritamjahed</h3>
<h4 class="font-weight-light text-orange-600 text-16">Envato CEO</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content">
<div class="lqd-testi-quote text-blue-600">
<blockquote>
<p class="text-18">
I' m early on in the process of building my website; however, I'm already impressed by customer support's response time. Great customer support ratings is something I consider before purchasing a theme.
<br>
Thank you LiquidThemes!
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-3.png" alt="myadesigns">
</figure>
<div class="pl-1/5">
<h3 class="text-blue-600 text-18">myadesigns</h3>
<h4 class="font-weight-light text-blue-600 text-16">Envato CEO </h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
<div class="carousel-item-inner relative w-full">
<div class="carousel-item-content relative w-full">
<div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-yellow-100 module-content">
<div class="lqd-testi-quote text-yellow-600">
<blockquote>
<p class="text-18">
Simply perfect! Theme and support are amazing! Frank thanks for the help, always fast and efficient! The best theme and support I've had!
</p>
</blockquote>
</div>
<div class="lqd-testi-info flex flex-wrap justify-between mb-1em">
<div class="lqd-testi-details flex items-center">
<figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">
<img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-4.png" alt="leandroMariotto">
</figure>
<div class="pl-1/5">
<h3 class="text-yellow-600 text-18">leandroMariotto</h3>
<h4 class="font-weight-light text-yellow-600 text-16">Envato CEO </h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
}
?>
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-green-100 module-content">-->
<!-- <div class="lqd-testi-quote text-green-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- Blog data. Blog data. Blog data.Blog data. Blog data. Blog data.-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-1.png" alt="Daniel Sans">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-green-600 text-18">Daniel Sans, </h3>-->
<!-- <h4 class="font-weight-light text-green-600 text-16">Envato CEO</h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-orange-100 module-content">-->
<!-- <div class="lqd-testi-quote text-orange-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- Incredible theme and fantastic support! Every time I had a question, they got back to you so quickly and fixed your problem! Im so impressed! Thank you guys again for your precious help! Your customer support is amazing!-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-2.png" alt="ritamjahed">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-orange-600 text-18">ritamjahed</h3>-->
<!-- <h4 class="font-weight-light text-orange-600 text-16">Envato CEO</h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content">-->
<!-- <div class="lqd-testi-quote text-blue-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- I'm early on in the process of building my website; however, I'm already impressed by customer support's response time. Great customer support ratings is something I consider before purchasing a theme.-->
<!-- <br>-->
<!-- Thank you LiquidThemes!-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-3.png" alt="myadesigns">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-blue-600 text-18">myadesigns</h3>-->
<!-- <h4 class="font-weight-light text-blue-600 text-16">Envato CEO</h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-yellow-100 module-content">-->
<!-- <div class="lqd-testi-quote text-yellow-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- Simply perfect! Theme and support are amazing! Frank thanks for the help, always fast and efficient! The best theme and support I've had!-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-4.png" alt="leandroMariotto">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-yellow-600 text-18">leandroMariotto</h3>-->
<!-- <h4 class="font-weight-light text-yellow-600 text-16">Envato CEO</h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-green-100 module-content">-->
<!-- <div class="lqd-testi-quote text-green-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- Bring your ideas to life an intuitive Enterprise Architect. Full Stack Engineer, and Security Lover. Customize your site and see the changes instantly.-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-1.png" alt="Daniel Sans">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-green-600 text-18">Daniel Sans, </h3>-->
<!-- <h4 class="font-weight-light text-green-600 text-16">Envato CEO</h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-orange-100 module-content">-->
<!-- <div class="lqd-testi-quote text-orange-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- Incredible theme and fantastic support! Every time I had a question, they got back to you so quickly and fixed your problem! Im so impressed! Thank you guys again for your precious help! Your customer support is amazing!-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-2.png" alt="ritamjahed">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-orange-600 text-18">ritamjahed</h3>-->
<!-- <h4 class="font-weight-light text-orange-600 text-16">Envato CEO</h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content">-->
<!-- <div class="lqd-testi-quote text-blue-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- I' m early on in the process of building my website; however, I'm already impressed by customer support's response time. Great customer support ratings is something I consider before purchasing a theme.-->
<!-- <br>-->
<!-- Thank you LiquidThemes!-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-3.png" alt="myadesigns">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-blue-600 text-18">myadesigns</h3>-->
<!-- <h4 class="font-weight-light text-blue-600 text-16">Envato CEO </h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
<!-- <div class="carousel-item-inner relative w-full">-->
<!-- <div class="carousel-item-content relative w-full">-->
<!-- <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-yellow-100 module-content">-->
<!-- <div class="lqd-testi-quote text-yellow-600">-->
<!-- <blockquote>-->
<!-- <p class="text-18">-->
<!-- Simply perfect! Theme and support are amazing! Frank thanks for the help, always fast and efficient! The best theme and support I've had!-->
<!-- </p>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
<!-- <div class="lqd-testi-details flex items-center">-->
<!-- <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
<!-- <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-4.png" alt="leandroMariotto">-->
<!-- </figure>-->
<!-- <div class="pl-1/5">-->
<!-- <h3 class="text-yellow-600 text-18">leandroMariotto</h3>-->
<!-- <h4 class="font-weight-light text-yellow-600 text-16">Envato CEO </h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
@@ -1497,7 +1517,7 @@
<div class="row">
<div class="col col-12 text-center">
<div class="ld-fancy-heading relative mask-text">
<p class="ld-fh-element relative lqd-split-lines h3 leading-1/5em text-24 mb-2em" data-split-text="true" data-split-options='{"type": "lines"}'> Trusted by global brands. <span class="text-slate-400">Join Millions of customers around the globe.</span></p>
<p class="ld-fh-element relative lqd-split-lines h3 leading-1/5em text-24 mb-2em" data-split-text="true" data-split-options='{"type": "lines"}'> Trusted by Product & Software Engineers. <span class="text-slate-400">Join Millions of customers around the globe.</span></p>
</div>
</div>
<div class="col col-12">