<section class="bg-black">
	<h1 class="border border-gray p-4 text-primary">METADATA</h1>
	<ul class="border border-t-0 border-gray p-4">
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">4 months ago</span>
		</li>
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">MIT or Apache-2.0</span>
		</li>
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">22.7 kB</span>
		</li>
	</ul>
	<h1 class="border border-t-0 border-gray p-4 text-primary">HOMEPAGE</h1>
	<ul class="border border-t-0 border-gray p-4">
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">https://homepage.org</span>
		</li>
	</ul>
	<h1 class="border border-t-0 border-gray p-4 text-primary">DOCUMENTATION</h1>
	<ul class="border border-t-0 border-gray p-4">
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">https://docs.org</span>
		</li>
	</ul>
	<h1 class="border border-t-0 border-gray p-4 text-primary">GITHUB REPOSITORY</h1>
	<ul class="border border-t-0 border-gray p-4">
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">https://github.orm/owner/repo</span>
		</li>
	</ul>
	<h1 class="border border-t-0 border-gray p-4 text-primary">OWNERS</h1>
	<ul class="border border-t-0 border-gray p-4">
		<li class="flex items-center border border-gray p-4">
			<figure class="h-5 w-5 bg-gray" />
			<span class="ml-4">optimus_prime</span>
		</li>
		<li class="flex items-center border border-gray p-4">
			<figure class="h-5 w-5 bg-gray" />
			<span class="ml-4">batman_suparman</span>
		</li>
		<li class="flex items-center border border-gray p-4">
			<figure class="h-5 w-5 bg-gray" />
			<span class="ml-4">james_bond</span>
		</li>
		<li class="flex items-center border border-gray p-4">
			<figure class="h-5 w-5 bg-gray" />
			<span class="ml-4">pizza-rocks</span>
		</li>
		<li class="flex items-center border border-gray p-4">
			<figure class="h-5 w-5 bg-gray" />
			<span class="ml-4">cognito_inc</span>
		</li>
	</ul>
	<h1 class="border border-t-0 border-gray p-4 text-primary">CATEGORIES</h1>
	<ul class="border border-t-0 border-gray p-4">
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">utility</span>
		</li>
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">design</span>
		</li>
		<li class="border border-gray p-4">
			<i class="icon-calendar" />
			<span class="ml-4">gaming</span>
		</li>
	</ul>
</section>
