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
<figure> | |
<a href="{{ $url }}"> | |
<div class="aspect-ratio-wrap relative" style="padding-bottom: {{ $aspect_ratio ?? '0%' }};"> | |
<img src="{{ $img_url }}" @if($alt) alt="{!! $alt !!}" @endif | |
class="block absolute top-0 left-0 object-cover w-full h-full"> | |
</div> | |
</a> | |
</figure> |
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
<section class="relative pt-32 pb-16 mb-8 flex content-center items-center justify-center lg:shadow-sm" style="min-height: 55vh;"> | |
<div class="absolute top-0 w-full h-full bg-center bg-cover" | |
style="background-image: url('{{ \Roots\asset('images/header-mock-reversed.jpg') }}');"> | |
<span id="blackOverlay" class="w-full h-full absolute opacity-50 bg-white lg:bg-gradient-to-r lg:from-white lg:to-transparent"></span></div> | |
<div class="container relative mx-auto"> | |
<div class="items-center flex flex-wrap"> | |
<div class="w-full lg:w-8/12 xl:w-6/12 px-4 ml-auto mr-auto text-center lg:mr-12 lg:mt-12 lg:text-left"> | |
<div class="px-4"> | |
<h1 class="text-gray-800 font-semibold text-3xl md:text-5xl font-oxygen leading-none mb-4 lg:text-right"> | |
{{ "Hero Hedline Text" }} |
OlderNewer