github / github/codespaces-preact

WEB simple printing

オープン
#34 コメント 0 件 リアクション 0 件 担当者 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.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

対象ファイル、テスト、エントリーポイントのいずれも指定されていません。まずリポジトリの Web エントリーポイントを特定し、この HTML をどこに配置すべきかを判断してから、想定されるスコープと受け入れ基準を maintainer と確認してください。要求された印刷ページが統合され、説明どおりにレンダリングされれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
css, html, tailwindcss
領域
design, frontend, web-dev
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。