II
ii0mer/valentine-github-pages-template
A cute, mobile-first Valentine website template built for GitHub Pages.
π 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)
- Click Use this template on GitHub
- Create your own repository
- Go to Settings β Pages
- Deploy from
mainbranch,/ (root) - Your Valentine site is live π
Option 2: Download or clone
git clone https://github.com/ii0mer/valentine-github-pages-template.gitOn this page
Languages
HTML76.5%CSS16.0%JavaScript7.5%
Contributors
MIT License
Created January 18, 2026
Updated February 10, 2026





