ztimson/legio-30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

banner & styling

Browse Source
This commit is contained in:
Zakary Timson
2022-09-19 11:34:42 -04:00
parent bd9ef9214e
commit a8e4b4371b
31 changed files with 265 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
src/app/views/gallery/gallery.component.html Normal file
View File

7
src/app/views/gallery/gallery.component.ts Normal file
View File

@ -0,0 +1,7 @@
import {Component} from '@angular/core';
@Component({
selector: 'xxx-gallery',
templateUrl: './gallery.component.html'
})
export class GalleryComponent { }

18
src/app/views/home/home.component.html
View File

@ -1,12 +1,5 @@
<header class="fill">
<div class="fill d-flex flex-column align-items-center justify-content-center">
<img src="/assets/img/spqr.png" class="mt-5" alt="SPQR" height="250" width="250" style="filter: drop-shadow(2px 4px 6px black);">
<div>
<a href="#about" class="text-white">
<i class="fa fa-angle-double-down fa-4x" style="filter: drop-shadow(2px 4px 6px black);"></i>
</a>
</div>
</div>
<header id="banner" class="fill w-100">
<xxx-banner></xxx-banner>
</header>
<section id="about" class="d-flex flex-column align-items-center bg-black text-white" style="height: 100vh">
<div class="mb-5 py-5"><!-- Spacer --></div>
@ -14,7 +7,7 @@
<div class="container">
<div class="d-flex align-items-center justify-content-around">
<div class="">
<img src="/assets/img/trajan-bust.png" height="auto" width="275px">
<img src="/assets/img/trajan.png" height="auto" width="275px">
</div>
<div class="text-center">
<h4>Legio XXX Vlpia Victrix</h4>
@ -41,12 +34,13 @@
<div class="mb-5 py-5"><!-- Spacer --></div>
<div class="d-flex align-items-center justify-content-center">
<div>
<img src="/assets/img/recruitment.png" height="50%" width="auto">
<img src="/assets/img/recruitment.png" height="500px" width="auto">
</div>
<div class="ms-5 text-center">
<h2>Enlist Today!</h2>
<p>Legio XXX is looking for new recruits.</p>
<p>Check out the <a>Getting Started</a> page to learn more.</p>
<p>Check out the <a>Getting Started</a> page to learn more</p>
<p>and <a>register here.</a></p>
</div>
</div>
</section>

4
src/app/views/home/home.component.scss
View File

@ -1,4 +0,0 @@
header {
background: black url("/assets/img/colosseum.jpg") no-repeat top center;
background-size: cover;
}