3.48%Since last month
3.48%Since last week
1.10%Since yesterday
12%Since last month
<div class="w-full">
<div class="relative pt-32 pb-32 bg-blueGray-500">
<div class="px-4 md:px-6 mx-auto w-full">
<div>
<div class="flex flex-wrap">
<div class="w-full lg:w-6/12 xl:w-3/12 px-4">
<div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg">
<div class="flex-auto p-4">
<div class="flex flex-wrap">
<div class="relative w-full pr-4 max-w-full flex-grow flex-1">
<h5 class="text-blueGray-400 uppercase font-bold text-xs">Traffic</h5>
<span class="font-bold text-xl">350,897</span>
</div>
<div class="relative w-auto pl-4 flex-initial">
<div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-red-500"><i class="far fa-chart-bar"></i></div>
</div>
</div>
<p class="text-sm text-blueGray-500 mt-4"><span class="text-emerald-500 mr-2"><i class="fas fa-arrow-up"></i> 3.48%</span><span class="whitespace-nowrap">Since last month</span></p>
</div>
</div>
</div>
<div class="w-full lg:w-6/12 xl:w-3/12 px-4">
<div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg">
<div class="flex-auto p-4">
<div class="flex flex-wrap">
<div class="relative w-full pr-4 max-w-full flex-grow flex-1">
<h5 class="text-blueGray-400 uppercase font-bold text-xs">NEW USERS</h5>
<span class="font-bold text-xl">2,356</span>
</div>
<div class="relative w-auto pl-4 flex-initial">
<div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-orange-500"><i class="fas fa-chart-pie"></i></div>
</div>
</div>
<p class="text-sm text-blueGray-500 mt-4"><span class="text-red-500 mr-2"><i class="fas fa-arrow-down"></i> 3.48%</span><span class="whitespace-nowrap">Since last week</span></p>
</div>
</div>
</div>
<div class="w-full lg:w-6/12 xl:w-3/12 px-4">
<div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg">
<div class="flex-auto p-4">
<div class="flex flex-wrap">
<div class="relative w-full pr-4 max-w-full flex-grow flex-1">
<h5 class="text-blueGray-400 uppercase font-bold text-xs">SALES</h5>
<span class="font-bold text-xl">924</span>
</div>
<div class="relative w-auto pl-4 flex-initial">
<div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-pink-500"><i class="fas fa-users"></i></div>
</div>
</div>
<p class="text-sm text-blueGray-500 mt-4"><span class="text-orange-500 mr-2"><i class="fas fa-arrow-down"></i> 1.10%</span><span class="whitespace-nowrap">Since yesterday</span></p>
</div>
</div>
</div>
<div class="w-full lg:w-6/12 xl:w-3/12 px-4">
<div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg">
<div class="flex-auto p-4">
<div class="flex flex-wrap">
<div class="relative w-full pr-4 max-w-full flex-grow flex-1">
<h5 class="text-blueGray-400 uppercase font-bold text-xs">PERFORMANCE</h5>
<span class="font-bold text-xl">49,65%</span>
</div>
<div class="relative w-auto pl-4 flex-initial">
<div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-lightBlue-500"><i class="fas fa-percent"></i></div>
</div>
</div>
<p class="text-sm text-blueGray-500 mt-4"><span class="text-emerald-500 mr-2"><i class="fas fa-arrow-up"></i> 12%</span><span class="whitespace-nowrap">Since last month</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>This is your profile page. You can see the progress you've made with your work and manage your projects or assigned tasks
<div class="w-full">
<div class="min-h-500-px bg-cover bg-center-top relative pb-20 items-center flex text-white" style="background-image: url('../../assets/img/theme/profile-cover.jpg');">
<span class="opacity-90 absolute top-0 left-o w-full h-full bg-gradient-to-r from-blueGray-800 to-blueGray-900"></span>
<div class="md:px-8 px-4 items-center flex w-full mx-auto">
<div class="flex flex-wrap -mx-4">
<div class="relative w-full px-4 md:w-10/12 lg:w-7/12">
<h1 class="font-semibold leading-6 text-5xl mb-4 mt-0">Hello Jesse</h1>
<p class="mt-0 mb-12">This is your profile page. You can see the progress you've made with your work and manage your projects or assigned tasks</p>
<button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2 text-blueGray-800 bg-blueGray-200 border-blueGray-200 active:bg-blueGray-300 active:border-blueGray-300 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md">Edit profile</button>
</div>
</div>
</div>
</div>
</div>