Auto commit: 2026-02-15T17:12:07.641Z
This commit is contained in:
parent
44b4452aa8
commit
6e0da8cdf5
50
index.php
50
index.php
@ -370,15 +370,27 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
|||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 1rem;
|
gap: 1.5rem;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
.interaction-form label {
|
.interaction-form label {
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
margin-bottom: -0.5rem;
|
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.interaction-form input,
|
.interaction-form input,
|
||||||
@ -578,6 +590,18 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
|||||||
aspect-ratio: 1 / 1;
|
aspect-ratio: 1 / 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.form-row {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
.glass-card {
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
.brand h1 {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -621,14 +645,22 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="interaction-form">
|
<div class="interaction-form">
|
||||||
<label for="user-name">NOMBRE</label>
|
<div class="form-row">
|
||||||
<input type="text" id="user-name" placeholder="Tu nombre...">
|
<div class="form-group">
|
||||||
|
<label for="user-name">NOMBRE</label>
|
||||||
|
<input type="text" id="user-name" placeholder="Tu nombre...">
|
||||||
|
</div>
|
||||||
|
|
||||||
<label for="user-phone">MOVIL</label>
|
<div class="form-group">
|
||||||
<input type="tel" id="user-phone" placeholder="Tu número..." onchange="savePhone(this.value)">
|
<label for="user-phone">MOVIL</label>
|
||||||
|
<input type="tel" id="user-phone" placeholder="Tu número..." onchange="savePhone(this.value)">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<label for="user-message">MENSAJE</label>
|
<div class="form-group">
|
||||||
<textarea id="user-message" placeholder="¿Qué quieres escuchar?"></textarea>
|
<label for="user-message">MENSAJE</label>
|
||||||
|
<textarea id="user-message" placeholder="¿Qué quieres escuchar?"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
<button class="send-whatsapp-btn" onclick="sendToWhatsApp()">
|
<button class="send-whatsapp-btn" onclick="sendToWhatsApp()">
|
||||||
<i class="bi bi-whatsapp"></i> WHATSAPP
|
<i class="bi bi-whatsapp"></i> WHATSAPP
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user