github / github/codespaces-preact

WEB simple printing

Open
#34 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
83
Forks
64
PR merge metrics
No merged PRs in 30d

Description



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.

Contributor guide

Open the contributing guide

Research direction

No target file, test, or entry point is named. Start by locating the repository's web entry point and determine where this HTML should live, then clarify the intended scope and acceptance criteria with the maintainer. Done should mean the requested printing page is integrated and renders as described.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, tailwindcss
Domain
design, frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.