Skip to content

Instantly share code, notes, and snippets.

@JWPapi
Created January 25, 2022 15:01
Show Gist options
  • Save JWPapi/e575816ace7e4d434d20e1a1dab4f6ac to your computer and use it in GitHub Desktop.
Save JWPapi/e575816ace7e4d434d20e1a1dab4f6ac to your computer and use it in GitHub Desktop.
<div class="grid">
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
<div class="flex flex-col">
<div class="flex">
<h5 class="bg-gold inline-block font-bold rounded-t-2xl text-lg md:text-2xl px-4 py-1 uppercase">
Lighting 1</h5>
</div>
<div class="bg-primary p-4 flex flex-col justify-between mb-8 shadow-md flex-grow">
<div>
<h5 class="text-white text-2xl md:text-4xl font-display uppercase tracking-tight mb-4">
The Studio Shoot</h5>
</div>
<p class="text-white mb-4">Learn the fundamentals of light in a studio environment.</p>
<img loading=lazy
data-src="/images/pro/images/shoot.jpg">
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment