Aigerim_Ryskalievna/sozday-sayt-gde-budet-razmes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add beautiful wedding background with floral image and gradient

Browse Source
This commit is contained in:
Aigerim_Ryskalievna 2026-09-16 09:54:32 +00:00
parent e1aa46270c
commit 286fdc45de
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@ -12,8 +12,24 @@
<style> <style>
a.kt-ai-btn { text-decoration: none; } a.kt-ai-btn { text-decoration: none; }
.wedding-hero { .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; 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 { .couple-photo {
width: 280px; width: 280px;
@ -86,7 +102,7 @@
</div> </div>
</section> </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-wrap" data-width="wide">
<div class="kt-ai-section-head" style="text-align: center;"> <div class="kt-ai-section-head" style="text-align: center;">
<h2>Жених и Невеста</h2> <h2>Жених и Невеста</h2>