diff options
| author | Tyler Ferrari <69283684+Sowgro@users.noreply.github.com> | 2025-04-01 02:17:25 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-01 02:17:25 -0400 |
| commit | 233fe120d2a9b30e0150401ebdfeb946dc9c2c07 (patch) | |
| tree | 98583e1b1d21d1a0cc57e8ff3489fbbf758eccff /ufund-ui/src/app/components/home-page | |
| parent | c6bbb29f42eaea7d0c8aebdb7b95be0287cbf4f9 (diff) | |
| parent | 0e9c0803e35a23ef2e873dc7ebf224a49a92f207 (diff) | |
| download | JellySolutions-233fe120d2a9b30e0150401ebdfeb946dc9c2c07.tar.gz JellySolutions-233fe120d2a9b30e0150401ebdfeb946dc9c2c07.tar.bz2 JellySolutions-233fe120d2a9b30e0150401ebdfeb946dc9c2c07.zip | |
Merge pull request #22 from RIT-SWEN-261-02/css
Merge css into main
Diffstat (limited to 'ufund-ui/src/app/components/home-page')
| -rw-r--r-- | ufund-ui/src/app/components/home-page/home-page.component.css | 38 | ||||
| -rw-r--r-- | ufund-ui/src/app/components/home-page/home-page.component.html | 13 |
2 files changed, 48 insertions, 3 deletions
diff --git a/ufund-ui/src/app/components/home-page/home-page.component.css b/ufund-ui/src/app/components/home-page/home-page.component.css index e69de29..a10377f 100644 --- a/ufund-ui/src/app/components/home-page/home-page.component.css +++ b/ufund-ui/src/app/components/home-page/home-page.component.css @@ -0,0 +1,38 @@ +:host { + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + overflow: clip; +} + +#hero { + display: flex; + /*flex-direction: column;*/ + /*align-items: start;*/ + /*justify-content: center;*/ +} + +h1 { + font-size: 50px; + max-width: 1200px; +} + +#jf { + /*position: absolute;*/ +} + +#right { + max-width: 500px; + max-height: 500px; + display: flex; + justify-content: center; + align-items: center; + /*z-index: -0.5;*/ +} + +#left { + max-width: 500px; + z-index: 1; +} diff --git a/ufund-ui/src/app/components/home-page/home-page.component.html b/ufund-ui/src/app/components/home-page/home-page.component.html index d41e670..7a7ff96 100644 --- a/ufund-ui/src/app/components/home-page/home-page.component.html +++ b/ufund-ui/src/app/components/home-page/home-page.component.html @@ -1,3 +1,10 @@ -<a routerLink="/login"> - Login/Sign Up -</a>
\ No newline at end of file +<div id="hero"> + <div id="left"> + <h1>Helping fund coral reef and marine life conservation</h1> + <p>View our online cupboard holding all needs related to sea life preservation</p> + <button class="button2" routerLink="/cupboard">View needs</button> + </div> + <div id="right"> + <img id="jf" src="jf.png" height="1024" width="1024"/> + </div> +</div> |