github / github/codespaces-preact

WEB simple printing

Aberta
#34 0 comentários 0 reações 0 responsáveis Ver no GitHub
Linguagem predominante
JavaScript
Estrelas
83
Forks
64
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição



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.

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

Nenhum arquivo de destino, teste ou ponto de entrada foi especificado. Comece localizando o ponto de entrada web do repositório e determinando onde este HTML deve ficar; em seguida, esclareça com o maintainer o escopo pretendido e os critérios de aceitação. A tarefa estará concluída quando a página de impressão solicitada estiver integrada e for renderizada conforme descrito.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
css, html, tailwindcss
Domínio
design, frontend, web-dev
Tipo de issue
Funcionalidade
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Estagnada
Clareza
Precisa de esclarecimento
Facilidade para iniciantes
25/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.