github / github/codespaces-preact

WEB simple printing

Abierto
#34 0 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
83
Forks
64
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción



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.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

No se especifica ningún archivo de destino, prueba ni punto de entrada. Empieza por localizar el punto de entrada web del repositorio y determinar dónde debería ubicarse este HTML; después, aclara con el maintainer el alcance previsto y los criterios de aceptación. La tarea debe considerarse terminada cuando la página de impresión solicitada esté integrada y se renderice como se describe.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
css, html, tailwindcss
Área
design, frontend, web-dev
Tipo de issue
Nueva funcionalidad
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.