Main Page: Difference between revisions
From qASA
More actions
No edit summary |
No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
< | <h1 style=" | ||
font-size: 2rem; | |||
font-weight: 700; | |||
background: linear-gradient(90deg, #6366f1, #a855f7); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
text-align: center; | |||
margin-bottom: 1.5rem;"> | |||
qASA <span style="font-weight: 500;">(Quick and Simple Accounting)</span> | |||
</h1> | |||
</ | |||
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; font-family: Arial, sans-serif;"> | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; font-family: Arial, sans-serif;"> | ||
Line 26: | Line 21: | ||
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; font-family: Arial, sans-serif;"> | |||
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; | |||
<!-- Card 1 --> | <!-- Card 1 --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 30%; background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s;"> | ||
<div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">01</div> | <div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">01</div> | ||
<div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">BIR Revenue Regulations Compliance</div> | <div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">BIR Revenue Regulations Compliance</div> | ||
Line 40: | Line 31: | ||
<!-- Card 2 --> | <!-- Card 2 --> | ||
<div style="flex: 1 1 calc(33.333% - 20px); background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s | <div style="flex: 1 1 calc(33.333% - 20px); background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s;"> | ||
<div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">02</div> | <div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">02</div> | ||
<div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">Receipts and Invoices</div> | <div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">Receipts and Invoices</div> | ||
Line 47: | Line 38: | ||
<!-- Card 3 --> | <!-- Card 3 --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 30%; background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s;"> | ||
<div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">03</div> | <div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">03</div> | ||
<div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">Withholding Tax Certificates</div> | <div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">Withholding Tax Certificates</div> | ||
Line 54: | Line 45: | ||
<!-- Card 4 --> | <!-- Card 4 --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 30%; background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s;"> | ||
<div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">04</div> | <div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">04</div> | ||
<div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">System Generated Books of Accounts</div> | <div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">System Generated Books of Accounts</div> | ||
Line 61: | Line 52: | ||
<!-- Card 5 --> | <!-- Card 5 --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 30%; background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s;"> | ||
<div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">05</div> | <div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">05</div> | ||
<div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">Financial Statements and Reports</div> | <div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">Financial Statements and Reports</div> | ||
Line 68: | Line 59: | ||
<!-- Card 6 --> | <!-- Card 6 --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 30%; background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s;"> | ||
<div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">06</div> | <div style="font-size:20px; font-weight: bold; background: linear-gradient(90deg, #4a90e2, #9013fe); color: white; padding: 8px 16px; border-radius: 10px 10px 0 0; width: fit-content;">06</div> | ||
<div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">ERP Ready</div> | <div style="margin-top: 15px; font-size:18px; font-weight:bold; color:#333;">ERP Ready</div> | ||
<div style="font-size:14px; color:#555; margin-top:8px;">Fully customizable ERP-ready system to meet the unique needs of your business.</div> | <div style="font-size:14px; color:#555; margin-top:8px;">Fully customizable ERP-ready system to meet the unique needs of your business.</div> | ||
</div> | |||
</div> | |||