add beautiful wedding background with floral image and gradient
This commit is contained in:
parent
e1aa46270c
commit
286fdc45de
20
index.html
20
index.html
@ -12,8 +12,24 @@
|
||||
<style>
|
||||
a.kt-ai-btn { text-decoration: none; }
|
||||
.wedding-hero {
|
||||
background: linear-gradient(135deg, var(--kt-ai-bg-soft), var(--kt-ai-bg));
|
||||
background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,240,245,0.95)), url('https://images.unsplash.com/photo-1519741497674-611481863552?w=1920&q=80') center/cover fixed;
|
||||
padding: var(--kt-ai-space-12) 0;
|
||||
min-height: 90vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.wedding-hero::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: radial-gradient(circle at 50% 50%, transparent 0%, rgba(255,255,255,0.3) 100%);
|
||||
pointer-events: none;
|
||||
}
|
||||
body {
|
||||
background: linear-gradient(180deg, var(--kt-ai-bg-soft) 0%, var(--kt-ai-bg) 50%, var(--kt-ai-bg-soft) 100%);
|
||||
}
|
||||
.couple-photo {
|
||||
width: 280px;
|
||||
@ -86,7 +102,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="couple" class="kt-ai-section" data-divider="true">
|
||||
<section id="couple" class="kt-ai-section" data-divider="true" style="background: linear-gradient(135deg, rgba(255,182,193,0.08), rgba(255,255,255,0.05));">
|
||||
<div class="kt-ai-wrap" data-width="wide">
|
||||
<div class="kt-ai-section-head" style="text-align: center;">
|
||||
<h2>Жених и Невеста</h2>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user