Skip to content

ii0mer/valentine-github-pages-template

Repository files navigation

💖 Valentine GitHub Pages Template

A cute, mobile-first Valentine website template built with HTML, CSS, and JavaScript.
Designed to look beautiful on iPhone, with smooth buttons, soft colors, and an app-like flow.

Perfect for creating a romantic
“Will you be my Valentine?” website and hosting it for free on GitHub Pages.

👉 Live Demo:
https://ii0mer.github.io/valentine-github-pages-template/


🌸 What is this?

This project is a Valentine mini-website that guides someone through a fun, romantic flow:

  • Valentine question
  • Celebration screen
  • Online date selection
  • Food & dessert choices
  • Final recap page with flowers and sharing option

Everything is optimized for touch, mobile screens, and especially iPhone Safari.


✨ Features

  • 📱 iPhone-friendly UI (no zoom bugs, large tap areas)
  • 💘 “Will you be my Valentine?” landing page
  • 🎉 Celebration & thank-you screen
  • 💬 Online date selection flow
  • 🍣 Food & dessert picker
  • 🌸 Romantic final recap page
  • 📋 “Copy our plan” button to share answers
  • 🎨 Soft pink theme with rounded cards
  • 🚀 Free hosting using GitHub Pages

🛠️ Built With

  • HTML
  • CSS (custom theme, no framework)
  • Vanilla JavaScript
  • GitHub Pages

No React. No build tools. No dependencies.


📸 Screenshots (iPhone)


🚀 Quick Start

Option 1: Use as a template (recommended)

  1. Click Use this template on GitHub
  2. Create your own repository
  3. Go to Settings → Pages
  4. Deploy from main branch, / (root)
  5. Your Valentine site is live 💖

Option 2: Download or clone

git clone https://github.com/ii0mer/valentine-github-pages-template.git

Releases

No releases published

Packages

No packages published