Instantly share code, notes, and snippets.
Created
April 11, 2021 20:14
-
Star
(0)
0
You must be signed in to star a gist -
Fork
(0)
0
You must be signed in to fork a gist
-
Save douggrubba/f0020abc89bb62e6306b155fb352a1fb to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<default-layout> | |
<div class="flex flex-col"> | |
<!-- Content --> | |
<div class="p-12"> | |
<h3 class="text-lg leading-6 font-medium text-gray-900"> | |
Last 30 days | |
</h3> | |
<dl class="mt-5 grid grid-cols-1 rounded-lg bg-white overflow-hidden shadow divide-y divide-gray-200 md:grid-cols-3 md:divide-y-0 md:divide-x"> | |
<div class="px-4 py-5 sm:p-6"> | |
<dt class="text-base font-normal text-gray-900"> | |
Total Subscribers | |
</dt> | |
<dd class="mt-1 flex justify-between items-baseline md:block lg:flex"> | |
<div class="flex items-baseline text-2xl font-semibold text-gray-600"> | |
71,897 | |
<span class="ml-2 text-sm font-medium text-gray-500"> | |
from 70,946 | |
</span> | |
</div> | |
<div class="inline-flex items-baseline px-2.5 py-0.5 rounded-full text-sm font-medium bg-gray-100 text-gray-800 md:mt-2 lg:mt-0"> | |
<svg class="-ml-1 mr-0.5 flex-shrink-0 self-center h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd" /> | |
</svg> | |
<span class="sr-only"> | |
Increased by | |
</span> | |
12% | |
</div> | |
</dd> | |
</div> | |
<div class="px-4 py-5 sm:p-6"> | |
<dt class="text-base font-normal text-gray-900"> | |
Avg. Open Rate | |
</dt> | |
<dd class="mt-1 flex justify-between items-baseline md:block lg:flex"> | |
<div class="flex items-baseline text-2xl font-semibold text-gray-600"> | |
58.16% | |
<span class="ml-2 text-sm font-medium text-gray-500"> | |
from 56.14% | |
</span> | |
</div> | |
<div class="inline-flex items-baseline px-2.5 py-0.5 rounded-full text-sm font-medium bg-gray-100 text-gray-800 md:mt-2 lg:mt-0"> | |
<svg class="-ml-1 mr-0.5 flex-shrink-0 self-center h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd" /> | |
</svg> | |
<span class="sr-only"> | |
Increased by | |
</span> | |
2.02% | |
</div> | |
</dd> | |
</div> | |
<div class="px-4 py-5 sm:p-6"> | |
<dt class="text-base font-normal text-gray-900"> | |
Avg. Click Rate | |
</dt> | |
<dd class="mt-1 flex justify-between items-baseline md:block lg:flex"> | |
<div class="flex items-baseline text-2xl font-semibold text-gray-600"> | |
24.57% | |
<span class="ml-2 text-sm font-medium text-gray-500"> | |
from 28.62% | |
</span> | |
</div> | |
<div class="inline-flex items-baseline px-2.5 py-0.5 rounded-full text-sm font-medium bg-gray-100 text-gray-800 md:mt-2 lg:mt-0"> | |
<svg class="-ml-1 mr-0.5 flex-shrink-0 self-center h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
</svg> | |
<span class="sr-only"> | |
Decreased by | |
</span> | |
4.05% | |
</div> | |
</dd> | |
</div> | |
</dl> | |
</div> | |
<div class="flex flex-row"> | |
<div class="flow-root ml-12"> | |
<h3 class="mb-5 text-lg leading-6 font-medium text-gray-900"> | |
Activities | |
</h3> | |
<ul class="bg-white shadow rounded-lg p-6"> | |
<li> | |
<div class="relative pb-8"> | |
<span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> | |
<div class="relative flex space-x-3"> | |
<div> | |
<span class="h-8 w-8 rounded-full bg-gray-500 flex items-center justify-center ring-8 ring-white"> | |
<!-- Heroicon name: solid/user --> | |
<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" /> | |
</svg> | |
</span> | |
</div> | |
<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4"> | |
<div> | |
<p class="text-sm text-gray-500">Applied to <a href="#" class="font-medium text-gray-900">Front End Developer</a></p> | |
</div> | |
<div class="text-right text-sm whitespace-nowrap text-gray-500"> | |
<time datetime="2020-09-20">Sep 20</time> | |
</div> | |
</div> | |
</div> | |
</div> | |
</li> | |
<li> | |
<div class="relative pb-8"> | |
<span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> | |
<div class="relative flex space-x-3"> | |
<div> | |
<span class="h-8 w-8 rounded-full bg-gray-500 flex items-center justify-center ring-8 ring-white"> | |
<!-- Heroicon name: solid/thumb-up --> | |
<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path d="M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z" /> | |
</svg> | |
</span> | |
</div> | |
<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4"> | |
<div> | |
<p class="text-sm text-gray-500">Advanced to phone screening by <a href="#" class="font-medium text-gray-900">Bethany Blake</a></p> | |
</div> | |
<div class="text-right text-sm whitespace-nowrap text-gray-500"> | |
<time datetime="2020-09-22">Sep 22</time> | |
</div> | |
</div> | |
</div> | |
</div> | |
</li> | |
<li> | |
<div class="relative pb-8"> | |
<span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> | |
<div class="relative flex space-x-3"> | |
<div> | |
<span class="h-8 w-8 rounded-full bg-gray-500 flex items-center justify-center ring-8 ring-white"> | |
<!-- Heroicon name: solid/check --> | |
<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
</svg> | |
</span> | |
</div> | |
<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4"> | |
<div> | |
<p class="text-sm text-gray-500">Completed phone screening with <a href="#" class="font-medium text-gray-900">Martha Gardner</a></p> | |
</div> | |
<div class="text-right text-sm whitespace-nowrap text-gray-500"> | |
<time datetime="2020-09-28">Sep 28</time> | |
</div> | |
</div> | |
</div> | |
</div> | |
</li> | |
<li> | |
<div class="relative pb-8"> | |
<span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span> | |
<div class="relative flex space-x-3"> | |
<div> | |
<span class="h-8 w-8 rounded-full bg-gray-500 flex items-center justify-center ring-8 ring-white"> | |
<!-- Heroicon name: solid/thumb-up --> | |
<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path d="M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z" /> | |
</svg> | |
</span> | |
</div> | |
<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4"> | |
<div> | |
<p class="text-sm text-gray-500">Advanced to interview by <a href="#" class="font-medium text-gray-900">Bethany Blake</a></p> | |
</div> | |
<div class="text-right text-sm whitespace-nowrap text-gray-500"> | |
<time datetime="2020-09-30">Sep 30</time> | |
</div> | |
</div> | |
</div> | |
</div> | |
</li> | |
<li> | |
<div class="relative"> | |
<div class="relative flex space-x-3"> | |
<div> | |
<span class="h-8 w-8 rounded-full bg-gray-500 flex items-center justify-center ring-8 ring-white"> | |
<!-- Heroicon name: solid/check --> | |
<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
</svg> | |
</span> | |
</div> | |
<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4"> | |
<div> | |
<p class="text-sm text-gray-500">Completed interview with <a href="#" class="font-medium text-gray-900">Katherine Snyder</a></p> | |
</div> | |
<div class="text-right text-sm whitespace-nowrap text-gray-500"> | |
<time datetime="2020-10-04">Oct 4</time> | |
</div> | |
</div> | |
</div> | |
</div> | |
</li> | |
</ul> | |
</div> | |
<div class="px-12"> | |
<h3 class="mb-5 text-lg leading-6 font-medium text-gray-900"> | |
Upcoming Appointments | |
</h3> | |
<div class="bg-white shadow overflow-hidden sm:rounded-md"> | |
<ul class="divide-y divide-gray-200"> | |
<li> | |
<a href="#" class="block hover:bg-gray-50"> | |
<div class="px-4 py-4 sm:px-6"> | |
<div class="flex items-center justify-between"> | |
<p class="text-sm font-medium text-gray-600 truncate"> | |
Back End Developer | |
</p> | |
<div class="ml-2 flex-shrink-0 flex"> | |
<p class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"> | |
Full-time | |
</p> | |
</div> | |
</div> | |
<div class="mt-2 sm:flex sm:justify-between"> | |
<div class="sm:flex"> | |
<p class="flex items-center text-sm text-gray-500"> | |
<!-- Heroicon name: solid/users --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z" /> | |
</svg> | |
Engineering | |
</p> | |
<p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6"> | |
<!-- Heroicon name: solid/location-marker --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" /> | |
</svg> | |
Remote | |
</p> | |
</div> | |
<div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0"> | |
<!-- Heroicon name: solid/calendar --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" /> | |
</svg> | |
<p> | |
Closing on | |
<time datetime="2020-01-07">January 7, 2020</time> | |
</p> | |
</div> | |
</div> | |
</div> | |
</a> | |
</li> | |
<li> | |
<a href="#" class="block hover:bg-gray-50"> | |
<div class="px-4 py-4 sm:px-6"> | |
<div class="flex items-center justify-between"> | |
<p class="text-sm font-medium text-gray-600 truncate"> | |
Front End Developer | |
</p> | |
<div class="ml-2 flex-shrink-0 flex"> | |
<p class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"> | |
Full-time | |
</p> | |
</div> | |
</div> | |
<div class="mt-2 sm:flex sm:justify-between"> | |
<div class="sm:flex"> | |
<p class="flex items-center text-sm text-gray-500"> | |
<!-- Heroicon name: solid/users --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z" /> | |
</svg> | |
Engineering | |
</p> | |
<p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6"> | |
<!-- Heroicon name: solid/location-marker --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" /> | |
</svg> | |
Remote | |
</p> | |
</div> | |
<div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0"> | |
<!-- Heroicon name: solid/calendar --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" /> | |
</svg> | |
<p> | |
Closing on | |
<time datetime="2020-01-07">January 7, 2020</time> | |
</p> | |
</div> | |
</div> | |
</div> | |
</a> | |
</li> | |
<li> | |
<a href="#" class="block hover:bg-gray-50"> | |
<div class="px-4 py-4 sm:px-6"> | |
<div class="flex items-center justify-between"> | |
<p class="text-sm font-medium text-gray-600 truncate"> | |
User Interface Designer | |
</p> | |
<div class="ml-2 flex-shrink-0 flex"> | |
<p class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"> | |
Full-time | |
</p> | |
</div> | |
</div> | |
<div class="mt-2 sm:flex sm:justify-between"> | |
<div class="sm:flex"> | |
<p class="flex items-center text-sm text-gray-500"> | |
<!-- Heroicon name: solid/users --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z" /> | |
</svg> | |
Design | |
</p> | |
<p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6"> | |
<!-- Heroicon name: solid/location-marker --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" /> | |
</svg> | |
Remote | |
</p> | |
</div> | |
<div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0"> | |
<!-- Heroicon name: solid/calendar --> | |
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> | |
<path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" /> | |
</svg> | |
<p> | |
Closing on | |
<time datetime="2020-01-14">January 14, 2020</time> | |
</p> | |
</div> | |
</div> | |
</div> | |
</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<div class="flex flex-col p-12"> | |
<h3 class="mb-5 text-lg leading-6 font-medium text-gray-900"> | |
Teammates Online | |
</h3> | |
<div class="flex"> | |
<div class="mr-4 relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500"> | |
<div class="flex-shrink-0"> | |
<div> | |
<span class="animate-pulse absolute top-4 left-4 block h-4 w-4 rounded-full ring-2 ring-white bg-gray-400"></span> | |
<img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=uNthX00zQD&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt=""> | |
</div> | |
</div> | |
<div class="flex-1 min-w-0"> | |
<a href="#" class="focus:outline-none"> | |
<span class="absolute inset-0" aria-hidden="true"></span> | |
<p class="text-sm font-medium text-gray-900"> | |
Leslie Alexander | |
</p> | |
<p class="text-sm text-gray-500 truncate"> | |
Co-Founder / CEO | |
</p> | |
</a> | |
</div> | |
</div> | |
<div class="mr-4 relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500"> | |
<div class="flex-shrink-0"> | |
<div> | |
<span class="animate-pulse absolute top-4 left-4 block h-4 w-4 rounded-full ring-2 ring-white bg-gray-400"></span> | |
<img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=uNthX00zQD&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt=""> | |
</div> | |
</div> | |
<div class="flex-1 min-w-0"> | |
<a href="#" class="focus:outline-none"> | |
<span class="absolute inset-0" aria-hidden="true"></span> | |
<p class="text-sm font-medium text-gray-900"> | |
Leslie Alexander | |
</p> | |
<p class="text-sm text-gray-500 truncate"> | |
Co-Founder / CEO | |
</p> | |
</a> | |
</div> | |
</div> | |
<div class="mr-4 relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500"> | |
<div class="flex-shrink-0"> | |
<div> | |
<span class="animate-pulse absolute top-4 left-4 block h-4 w-4 rounded-full ring-2 ring-white bg-gray-400"></span> | |
<img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=uNthX00zQD&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt=""> | |
</div> | |
</div> | |
<div class="flex-1 min-w-0"> | |
<a href="#" class="focus:outline-none"> | |
<span class="absolute inset-0" aria-hidden="true"></span> | |
<p class="text-sm font-medium text-gray-900"> | |
Leslie Alexander | |
</p> | |
<p class="text-sm text-gray-500 truncate"> | |
Co-Founder / CEO | |
</p> | |
</a> | |
</div> | |
</div> | |
<div class="mr-4 relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500"> | |
<div class="flex-shrink-0"> | |
<div> | |
<span class="animate-pulse absolute top-4 left-4 block h-4 w-4 rounded-full ring-2 ring-white bg-gray-400"></span> | |
<img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=uNthX00zQD&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt=""> | |
</div> | |
</div> | |
<div class="flex-1 min-w-0"> | |
<a href="#" class="focus:outline-none"> | |
<span class="absolute inset-0" aria-hidden="true"></span> | |
<p class="text-sm font-medium text-gray-900"> | |
Leslie Alexander | |
</p> | |
<p class="text-sm text-gray-500 truncate"> | |
Co-Founder / CEO | |
</p> | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</default-layout> | |
</template> | |
<script> | |
import DefaultLayout from './layouts/DefaultLayout.vue' | |
export default { | |
components: { DefaultLayout } | |
} | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment