PatAlcala9/ocbo-portal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-10-29 19:34:49 +08:00
parent 6e8391f7d1
commit 97e29e8983
17 changed files with 99 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/pages/index.astro
View file

@ -1,29 +1,49 @@
---
import Layout from '../layouts/Layout.astro'
import { Button, Logo, Link, Page, Row, Image, Column } from '../../fwt/'
import Card from '../components/Card/Card'
import OLA from '../../fwt/images/ocbo-portal.avif'
import OLW from '../../fwt/images/ocbo-portal.webp'
import OcboLogoA from '../../fwt/images/ocbologo.avif'
import OcboLogoW from '../../fwt/images/ocbologo.webp'
import { Button, Logo, Link, Page, Row, Image, Column, OptimizeBackground } from '../../fwt/'
// import Card from '../components/Card/Card'
import Card from '../components/Card.astro'
import portalA from '../../fwt/images/ocbo-portal.avif'
import portalW from '../../fwt/images/ocbo-portal.webp'
import esignA from '../../fwt/images/esign.avif'
import esignW from '../../fwt/images/esign.webp'
---
<Layout title="FWT">
<Layout title="OCBO Portal">
<!-- <OptimizeBackground /> -->
<Page alignment="column">
<Row content="left"><Row><Image avif={portalA.src} webp={portalW.src} size={90} /><span class="logo-text">OCBO Portal</span></Row></Row>
<Column>
<Row content="center">
<Image avif={OLA.src} webp={OLW.src} size={150} />
<h1>OCBO Portal for Applications</h1>
<Column>
<h1>Welcome to OCBO Application Portal</h1>
</Column>
</Row>
<Row gap={2.5}>
<Card avif={esignA.src} webp={esignW.src} name="OCBO e-Sign" description="A secure way of signing permits." site="https://ocboapps.davaocity.gov.ph" />
<Card avif={esignA.src} webp={esignW.src} name="OCBO e-Sign" description="A secure way of signing permits." site="https://ocboapps.davaocity.gov.ph" />
<Card avif={esignA.src} webp={esignW.src} name="OCBO e-Sign" description="A secure way of signing permits." site="https://ocboapps.davaocity.gov.ph" />
</Row>
<Card avif={OcboLogoA.src} webp={OcboLogoW.src} name="OCBO e-Sign" description="A secure way of signing permits." />
</Column>
</Page>
<style lang="sass">
h1
color: #3377AC
margin: 0
font-size: 3.25rem
</style>
</Layout>
<style lang="sass">
$text-color: rbga(255, 255, 255, 0.8)
h1
color: $text-color
margin: -2rem 0 2.75rem 0
font-size: 3.25rem
h3
color: $text-color
margin: 0.5rem 0 2rem 0
.logo-text
color: $text-color
font-size: 2rem
font-weight: 600
margin: -1.5rem 0 0 0
opacity: 0.8
</style>