github / github/codespaces-preact

WEB simple printing

未關閉
#34 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
主要語言
JavaScript
星號
83
分支
64
PR 合併指標
30 天內沒有已合併 PR

描述



Aden Printing - Informasi Cetak Profesional



@keyframes gradientBG {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
}
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #5b21b6, #2563eb, #9333ea, #3b82f6);
background-size: 400% 400%;
animation: gradientBG 15s ease infinite;
color: #f3f4f6;
min-height: 100vh;
margin: 0;
display: flex;
flex-direction: column;
}
header {
background: transparent;
z-index: 20;
}
nav a {
color: #e0e7ff;
}
nav a:hover {
color: #c4b5fd;
}
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
h1, h2, h3, p {
color: #f3f4f6;
}
/* Logo text gradient */
.logo-text {
font-family: 'Fredoka One', cursive;
background: linear-gradient(90deg, #a78bfa, #60a5fa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Card background with slight transparency */
.card-bg {
background-color: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: transform 0.3s ease;
}
.card-bg:hover {
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(255 255 255 / 0.3);
}
/* Responsive text sizes */
h1 {
font-size: 2.25rem; /* default */
}
h2 {
font-size: 1.875rem;
}
h3 {
font-size: 1.5rem;
}
p {
font-size: 1rem;
}
@media (min-width: 640px) {
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 1.75rem;
}
p {
font-size: 1.125rem;
}
}
@media (min-width: 1024px) {
h1 {
font-size: 3.5rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2rem;
}
p {
font-size: 1.25rem;
}
}
@media (max-width: 640px) {
header {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.75rem;
}
}
/* Responsive iframe container */
.map-container {
position: relative;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
border-radius: 0.5rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
margin-top: 1.5rem;
}
.map-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 0.5rem;
}



Triangle shaped logo with gradient colors from pink to blue with starry galaxy texture

Aden Printing








Tentang Aden Printing



Aden Printing adalah penyedia layanan cetak profesional yang berkomitmen memberikan hasil cetak berkualitas tinggi dengan harga terjangkau. Kami melayani berbagai kebutuhan cetak mulai dari brosur, kartu nama, spanduk, hingga merchandise custom sesuai permintaan Anda.


Workshop printing Aden Printing dengan mesin cetak modern dan staf bekerja


Layanan Kami




Contoh brosur cetak warna penuh

Cetak Brosur


Kami menyediakan cetak brosur dengan kualitas warna tajam dan berbagai pilihan kertas premium.




Kartu nama profesional dengan desain modern

Kartu Nama


Desain dan cetak kartu nama eksklusif yang mencerminkan profesionalisme bisnis Anda.




Spanduk promosi berwarna cerah dan tahan lama

Spanduk & Banner


Spanduk dan banner dengan bahan tahan cuaca, cocok untuk promosi indoor dan outdoor.




Merchandise custom seperti kaos dan mug

Merchandise Custom


Kaos, mug, dan merchandise lainnya dengan cetak custom sesuai desain Anda.




Desainer grafis sedang bekerja di komputer

Desain Grafis


Tim desain kami siap membantu membuat desain kreatif dan menarik untuk kebutuhan cetak Anda.




Kurir mengantarkan paket cetak ke pelanggan

Pengiriman Cepat


Layanan pengiriman cepat dan aman ke seluruh wilayah Indonesia.





Kontak Kami




Nama Lengkap



Email



Pesan



Kirim Pesan



Alamat: Jl. Contoh No.123, Kota Contoh, Indonesia


Telepon: +62 812 3456 7890


Email: info@adenprinting.co.id




Lihat di Google Maps








© 2024 Aden Printing. All rights reserved.

貢獻指南

開啟貢獻指南

研究方向

未指定目標檔案、測試或進入點。首先定位 repository 的 Web 進入點,並確定此 HTML 應該放在哪裡,然後與 maintainer 釐清預期範圍和驗收標準。當所要求的列印頁面已整合並如描述般呈現時,即可視為完成。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
css, html, tailwindcss
領域
design, frontend, web-dev
Issue 類型
功能
難度
3/5
預估耗時
1-2 天
活躍度
停滯
描述清晰度
需要釐清
新手友好度
25/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。