<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>

<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>