feat: add subtitle to features section
This commit is contained in:
parent
c53420c48e
commit
dea16a682f
3 changed files with 26 additions and 2 deletions
|
|
@ -9,7 +9,10 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section id="features">
|
<section id="features">
|
||||||
|
<header>
|
||||||
<h1>{$t('features.title')}</h1>
|
<h1>{$t('features.title')}</h1>
|
||||||
|
<p class="subtitle">{$t('features.subtitle')}</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
<div class="cards-container">
|
<div class="cards-container">
|
||||||
<div class="blob">
|
<div class="blob">
|
||||||
|
|
@ -78,12 +81,21 @@
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.5;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 2.7rem;
|
font-size: 2.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtitle {
|
||||||
|
color: white;
|
||||||
|
font-size: 1.2rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 1.5;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cards-container {
|
.cards-container {
|
||||||
|
|
@ -127,10 +139,12 @@
|
||||||
color: var(--color-primary);
|
color: var(--color-primary);
|
||||||
font-size: 0.8rem !important;
|
font-size: 0.8rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.organic-btn-secondary {
|
.organic-btn-secondary {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
padding: 30px 90px;
|
padding: 30px 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1639px) {
|
@media (max-width: 1639px) {
|
||||||
.blob {
|
.blob {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -160,6 +174,10 @@
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2.3rem;
|
font-size: 2.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.subtitle {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1033px) {
|
@media (max-width: 1033px) {
|
||||||
|
|
@ -172,6 +190,10 @@
|
||||||
#features {
|
#features {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
header {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
{
|
{
|
||||||
"title": "The Easiest Way to Preview Embroidery Files",
|
"title": "The Easiest Way to Preview Embroidery Files",
|
||||||
|
"subtitle": "Whether you're a hobbyist working on your next DIY project or a professional digitizer reviewing client files, Embroidery Viewer gives you a fast, simple way to preview embroidery designs online—no software, no friction.",
|
||||||
"cards": {
|
"cards": {
|
||||||
"fast": {
|
"fast": {
|
||||||
"adjective": "FAST",
|
"adjective": "FAST",
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
{
|
{
|
||||||
"title": "A maneira mais fácil de visualizar arquivos de bordado",
|
"title": "A maneira mais fácil de visualizar arquivos de bordado",
|
||||||
|
"subtitle": "Seja você um entusiasta trabalhando no seu próximo projeto DIY ou um digitizador profissional revisando arquivos de clientes, o Embroidery Viewer oferece uma forma rápida e simples de visualizar designs de bordado online — sem software, sem complicação.",
|
||||||
"cards": {
|
"cards": {
|
||||||
"fast": {
|
"fast": {
|
||||||
"adjective": "RÁPIDO",
|
"adjective": "RÁPIDO",
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue