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-11-12 10:12:21 +08:00
parent 97e29e8983
commit 274f7aa44b
4 changed files with 39 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/pages/index.astro
View file

@ -1,6 +1,6 @@
---
import Layout from '../layouts/Layout.astro'
import { Button, Logo, Link, Page, Row, Image, Column, OptimizeBackground } from '../../fwt/'
import { Button, Logo, Link, Page, Row, Image, Column, Display, OptimizeBackground, Padding } from '../../fwt/'
// import Card from '../components/Card/Card'
import Card from '../components/Card.astro'
import portalA from '../../fwt/images/ocbo-portal.avif'
@ -14,16 +14,28 @@ import esignW from '../../fwt/images/esign.webp'
<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">
<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>
<Display desktop tablet>
<Row content="center">
<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>
</Display>
<Display mobile>
<Padding top={2} bottom={2} left={0} right={0}>
<Column gap={1.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" />
</Column>
</Padding>
</Display>
</Column>
</Page>
</Layout>
@ -34,7 +46,7 @@ import esignW from '../../fwt/images/esign.webp'
h1
color: $text-color
margin: -2rem 0 2.75rem 0
font-size: 3.25rem
font-size: 3rem
h3
color: $text-color