GitHunt
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

  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
ii0mer/valentine-github-pages-template | GitHunt