ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-10 09:45:17 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Nebrska Man page edits/progress

Browse source
This commit is contained in:
Thomas Smith 2022-10-05 18:49:16 -04:00
parent 6dd5c497b4
commit 64b6c0a2fe
3 changed files with 41 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/page/nebraska-man.html
View file

@ -1,11 +1,13 @@
{{ define "main" }}
<section class="nb-man-hero">
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="nb-gen-art-1"></div>
<div class="gen-art" id="nb-gen-art-2"></div>
<div class="container">
<div class="row">
<div class="col">
<h1>Nebraska Man</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h1>Nebraska <span id="nb-man-float">Man</span></h1>
<p class="lead nb-lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>

BIN
src/static/Images/tea-cover-nb-team.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

37
src/static/css/nebraska-man.css
View file

@ -0,0 +1,37 @@
#nb-gen-art-1{
position: absolute;
background-image: url("/Images/tea-cover-nb-team.jpg");
background-position: top;
background-repeat: no-repeat;
background-size: cover;
width: 40.9vw;
height: 41.7vw;
right: 8.4vw; !important;
top: 0vw;
z-index: 1;
}
.nb-man-hero{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
border-bottom: 2px solid #949494;
}
#nb-man-float{
position: relative;
padding-left: 25vw;
}
.nb-man-hero h1{
position: relative;
z-index: 2;
}
.nb-lead{
position: relative;
z-index: 2;
width: 30vw;
}