Viewing File: /home/rareljzw/public_html/about.php
<?php
$PageTitle = "About Us";
include_once("./layout/header.php");
include($_SERVER['DOCUMENT_ROOT']. "/include/notified.php");
?>
<main>
<!-- Story -->
<section class="relative py-24 dark:bg-jacarta-800">
<picture class="pointer-events-none absolute inset-0 -z-10 dark:hidden">
<img src="./assets/front/img/gradient_light.jpg" alt="gradient" class="h-full w-full" />
</picture>
<div class="container">
<div class="lg:flex lg:justify-between">
<!-- Image -->
<div class="lg:w-[55%]">
<div class="relative">
<svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"
class="mx-auto mt-8 w-[80%] rotate-[8deg]">
<defs>
<clipPath id="clipping" clipPathUnits="userSpaceOnUse">
<path d="
M 0, 100
C 0, 17.000000000000004 17.000000000000004, 0 100, 0
S 200, 17.000000000000004 200, 100
183, 200 100, 200
0, 183 0, 100
" fill="#9446ED"></path>
</clipPath>
</defs>
<g clip-path="url(#clipping)">
<!-- Bg image -->
<image href="./assets/front/img/story.jpg" width="200" height="200" clip-path="url(#clipping)" />
</g>
</svg>
<img src="./assets/front/img/hero/3D_elements.png" alt="" class="absolute top-0 animate-fly" />
</div>
</div>
<!-- Info -->
<div class="py-20 lg:w-[45%] lg:pl-16">
<h2 class="mb-6 font-display text-2xl text-jacarta-700 dark:text-white">
Get Experience. We're A Results Driven Team.
</h2>
<p class="mb-8 text-lg leading-normal dark:text-jacarta-300">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam
rem aperiam
</p>
<p class="mb-10 dark:text-jacarta-300">
Every digital creation available through MakersPlace is an authentic and truly unique digital
creation,
signed and issued by the creator — made possible by blockchain technology. Even if the digital
creation
is copied, it won't be the authentic and originally signed version.
</p>
<div class="flex space-x-4 sm:space-x-10">
<div class="flex space-x-4">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"
class="h-8 w-8 shrink-0 fill-accent">
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z" />
</svg>
<div>
<span class="block font-display text-xl text-jacarta-700 dark:text-white">11,2k+</span>
<span class="text-jacarta-700 dark:text-jacarta-300">Products launched</span>
</div>
</div>
<div class="flex space-x-4">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"
class="h-8 w-8 shrink-0 fill-accent">
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z" />
</svg>
<div>
<span class="block font-display text-xl text-jacarta-700 dark:text-white">99,7%</span>
<span class="text-jacarta-700 dark:text-jacarta-300">Satisfaction Rate</span>
</div>
</div>
</div>
</div>
</div>
<div class="pt-24">
<h2 class="mb-16 text-center font-display text-3xl text-jacarta-700 dark:text-white">Numbers Speak</h2>
<div class="grid grid-cols-2 md:grid-cols-4">
<div class="mb-10 text-center">
<span class="block font-display text-5xl text-jacarta-700 dark:text-white">2019</span>
<span class="block dark:text-jacarta-300">Founded</span>
</div>
<div class="mb-10 text-center">
<span class="block font-display text-5xl text-jacarta-700 dark:text-white">$178M</span>
<span class="block dark:text-jacarta-300">Trading volume</span>
</div>
<div class="mb-10 text-center">
<span class="block font-display text-5xl text-jacarta-700 dark:text-white">305K</span>
<span class="block dark:text-jacarta-300">NFTs created</span>
</div>
<div class="mb-10 text-center">
<span class="block font-display text-5xl text-jacarta-700 dark:text-white">1.6M</span>
<span class="block dark:text-jacarta-300">Total users</span>
</div>
</div>
</div>
</div>
</section>
<!-- end story -->
<!-- Team -->
<section class="py-24">
<div class="container">
<h2 class="mb-12 text-center font-display text-3xl text-jacarta-700 dark:text-white">
Meet Our Amazing Team
</h2>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 md:gap-[1.875rem] lg:grid-cols-5">
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_1.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Alex Grey</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">CEO, Director</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_2.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Ashton Kutsher</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">Entrepreneur & Author</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_3.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">John Ferris</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">Developer & Investor</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_4.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Belinda Bing</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">Former COO Shopee</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_5.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Camille Alforque</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">Chief Creative officer</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_6.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Nathaniel Ragpa</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">Front-end Developer</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_7.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Linda Brown</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">Marketing Officer</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_8.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Gavin Silberman</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">Designer & Investor</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<div
class="rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<img src="https://deothemes.com/envato/xhibiter/html/img/team/team_9.jpg"
class="mx-auto mb-6 h-[8.125rem] w-[8.125rem] rounded-2.5xl" alt="team" />
<h3 class="font-display text-md text-jacarta-700 dark:text-white">Masha Smith</h3>
<span class="text-2xs font-medium tracking-tight text-jacarta-400">VP Communications</span>
<div class="mt-3 flex justify-center space-x-5">
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a>
<a href="#" class="group">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
class="h-4 w-4 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</path>
</svg>
</a>
</div>
</div>
<a href="careers"
class="flex items-center justify-center rounded-2lg border border-jacarta-100 bg-white p-8 text-center transition-shadow hover:shadow-lg dark:border-jacarta-600 dark:bg-jacarta-700">
<span class="font-display text-md text-jacarta-700 dark:text-white">Join us!</span>
</a>
</div>
</div>
</section>
<!-- end team -->
<!-- Latest Posts -->
<section class="relative py-24">
<picture class="pointer-events-none absolute inset-0 -z-10 dark:hidden">
<img src="./assets/front/img/gradient_light.jpg" alt="gradient" class="h-full w-full" />
</picture>
<div class="container">
<h2 class="mb-12 text-center font-display text-3xl text-jacarta-700 dark:text-white">
You Might Have Read About Us In The News
</h2>
<div class="grid grid-cols-1 gap-[1.875rem] sm:grid-cols-2 md:grid-cols-3">
<?php
$stmt = $conn->prepare("SELECT * FROM blog LIMIT 3");
$stmt->execute();
while($blogs = $stmt->fetch()){
?>
<article>
<div class="overflow-hidden rounded-2.5xl transition-shadow hover:shadow-lg">
<figure class="group overflow-hidden">
<a href="blog-post?id=<?=$blogs['blog_id'] ?>">
<img src="./assets/front/img/blog/<?=$blogs['image'] ?>" alt="post 2"
class="h-full w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105" />
</a>
</figure>
<!-- Body -->
<div
class="rounded-b-[1.25rem] border border-t-0 border-jacarta-100 bg-white p-[10%] dark:border-jacarta-600 dark:bg-jacarta-700">
<!-- Meta -->
<div class="mb-3 flex flex-wrap items-center space-x-1 text-xs">
<a href="#"
class="font-display text-jacarta-700 hover:text-accent dark:text-jacarta-200"><?= $admin['name']?> </a>
<span class="dark:text-jacarta-400">in</span>
<span class="inline-flex flex-wrap items-center space-x-1 text-accent">
<a href="#"><?=$blogs['category'] ?></a>
</span>
</div>
<h2
class="mb-4 font-display text-xl text-jacarta-700 hover:text-accent dark:text-white dark:hover:text-accent">
<a href="blog-post?id=<?=$blogs['blog_id'] ?>"> <?=$blogs['title'] ?></a>
</h2>
<p class="mb-8 dark:text-jacarta-200">
<?= $blogs['tagline'];?>
</p>
<!-- Date / Time -->
<div class="flex flex-wrap items-center space-x-2 text-sm text-jacarta-400">
<span><time datetime="2022-02-05"><?=$blogs['createdAt'] ?></time></span>
<span>•</span>
<span>3 min read</span>
</div>
</div>
</div>
</article>
<?php
}
?>
</div>
</div>
</section>
<!-- end latest posts -->
<?php
include_once("./layout/footer.php");
?>
Back to Directory
File Manager
<