Build a beautiful single-page wedding website in Danish with inline CSS, responsive design, and key wedding information sections (hero, details, program, activities, accommodation, RSVP).
Build a static, single-page wedding website in Danish with all essential information for guests.
Creates a beautiful, responsive wedding website as a single `index.html` file with inline CSS. The site includes sections for wedding details, multi-day program, activities, accommodation options, and RSVP integration. Designed specifically for Danish weddings with Danish language content.
1. **Hero**: Couple names, wedding date, location
2. **Bryllupsdetaljer (Wedding Details)**: Venue with Google Maps link, dress code
3. **Program**: Three-day schedule
4. **Aktiviteter (Activities)**: Guest activities (e.g., ATV rides, tennis, clay shooting)
5. **Overnatning (Accommodation)**: On-site and hotel options
6. **RSVP**: Link to Google Forms with deadline
When building a Danish wedding website:
1. **Create the HTML structure**
- Use semantic HTML5 elements (`<section>`, `<header>`, `<nav>`, `<footer>`)
- All content must be in Danish
- Include meta tags for charset, viewport, and description
2. **Implement the color scheme**
- Primary color: sage green (#6b7a65)
- Use warm neutral tones for backgrounds and text
- Ensure sufficient contrast for readability
3. **Build responsive styles**
- Desktop-first approach with mobile breakpoint at 768px
- Stack sections vertically on mobile
- Adjust font sizes and spacing for smaller screens
4. **Add the hero section**
- Couple's names prominently displayed
- Wedding date in Danish format (e.g., "6. juni 2026")
- Venue location
5. **Create the program section**
- Three-day structure: Fredag (Friday), Lørdag (Saturday - main day), Søndag (Sunday)
- Time-based schedule for each day
- Mark optional events clearly
6. **Include practical information**
- Venue details with Google Maps integration
- Dress code information
- Accommodation options with contact details
- Activities schedule
7. **Add RSVP integration**
- Link to Google Forms
- Display RSVP deadline clearly
- Use call-to-action styling
```html
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>[Names] - Bryllup 2026</title>
<style>
/* Inline CSS with sage green theme */
:root {
--primary: #6b7a65;
--text: #333;
--bg: #f9f7f4;
}
/* Responsive styles with @media (max-width: 768px) */
</style>
</head>
<body>
<section class="hero"><!-- Hero content --></section>
<section class="detaljer"><!-- Wedding details --></section>
<section class="program"><!-- Three-day schedule --></section>
<section class="aktiviteter"><!-- Activities --></section>
<section class="overnatning"><!-- Accommodation --></section>
<section class="rsvp"><!-- RSVP form link --></section>
</body>
</html>
```
Leave a review
No reviews yet. Be the first to review this skill!
# Download SKILL.md from killerskills.ai/api/skills/wedding-website-builder-danish/raw