update header

This commit is contained in:
Ehab Hassan 2023-05-17 12:02:19 +03:00
parent c60a9b54e1
commit b924709a08
4 changed files with 14 additions and 7 deletions

BIN
content/home/homeheader.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 676 KiB

View File

@ -10,21 +10,25 @@ weight: 1
<!-- section 1 (header) --> <!-- section 1 (header) -->
{% row(margin="header" bgPath="home_header.jpg" bgStyle="full") %} {% row(style="center" margin="tight" bgPath="homeheader.jpg" bgStyle="full") %}
<br> <br>
<br> <br>
# WORK, <br> LIVE & PLAY <div class="bg-gray-200/50 py-4 px-4 rounded-md">
Our world offers Digital Nomads <br /> truly amazing experiences in some <br /> of the worlds best locations. # WORK, LIVE & PLAY
Our world offers Digital Nomads truly amazing experiences in some of the worlds best locations.
<button>[KNOW MORE](/locations)</button> <button>[KNOW MORE](/locations)</button>
{% end %} </div>
{% end %}
<div class="container mx-auto"> <div class="container mx-auto">
<!-- section 2 --> <!-- section 2 -->

View File

@ -87,9 +87,12 @@ img[src*="#fig"] {
font-family: "lato"; font-family: "lato";
} }
a:hover {
color: #5a5a5a;
}
@layer components { @layer components {
h1 { h1 {
@apply text-3xl lg:text-5xl xl:text-7xl font-bold leading-none my-4; @apply text-3xl md:text-4xl lg:text-6xl font-bold leading-none my-4;
font-family: "lato", sans-serif; font-family: "lato", sans-serif;
line-height: 0.9; line-height: 0.9;
@ -98,7 +101,7 @@ img[src*="#fig"] {
@apply font-medium; @apply font-medium;
} }
h2 { h2 {
@apply text-3xl md:text-4xl lg:text-5xl xl:text-7xl font-bold leading-none my-4; @apply text-3xl md:text-4xl lg:text-5xl font-bold leading-none my-4;
font-family: "lato", sans-serif; font-family: "lato", sans-serif;
line-height: 0.9; line-height: 0.9;

View File

@ -209,7 +209,7 @@ Parameters:
{% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %} {% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %}
<div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}"> <div id="{{anchor_link}}" class="{{'relative justify-center items-start flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
<div id="{{row_id}}" class="{{row_class}}" style="min-width: -webkit-fill-available; min-width: -moz-available"> <div id="{{row_id}}" class="{{row_class}}" style="min-width: -webkit-fill-available; min-width: -moz-available">
{% for column in columns%} {% for column in columns%}