TL;DR
There are three ways to make a website for your boyfriend: code it yourself, wrestle a general-purpose site builder into being romantic, or fill in a template built for this exact job. This guide is the how-to for all three, with the twelve-minute build written out step by step using Lovely's Our Journey timeline as the example — ₹49, about $0.60, one payment, hosting included, nothing for him to install. If you want the what goes on it half instead — what men actually react to, which sections land — that is a website for my boyfriend, and the two posts are deliberately different halves of the same project.
Three routes, and how to pick in thirty seconds
Route 1 — code it. HTML, CSS, a free host. Costs nothing but a weekend, and produces a genuinely impressive gift if you finish it. Pick this if you already write code, or if learning to is part of the point.
Route 2 — a general website builder. The drag-and-drop tools built for restaurants and portfolios. They will do it. You will spend the evening deleting stock photos of a bakery and fighting a section layout that wants a pricing table. Most also want a monthly subscription for the good bits. Pick this only if you already have an account and know the editor.
Route 3 — a romantic template. A page whose structure is already the gift: a timeline, a set of reasons, a story with scenes. You supply the photos and the writing. Pick this if the deadline is this week, or if the words are what you want to spend your effort on.
Ninety per cent of people reading this want route 3, and the honest reason is not that coding is hard. It is that design is a separate skill from building, and a page that exists is a long way from a page that looks like somebody meant it.
What to have ready before you open anything
Do this in your notes app first. It is fifteen minutes and it makes the build itself trivial.
- Six to twelve photos, on whichever device you will build from. Blurry and real beats posed and flattering, every time.
- His name as you actually say it. Not the one on his passport, unless that is the joke.
- A list of moments in date order — first message, first time you met, the trip, the bad month you got through, the ordinary Tuesday that somehow made the list.
- One line per moment. Under fifteen words. These become the captions.
- One longer paragraph for the two or three moments that deserve it.
- A closing line. The last thing on the page. Write it badly now and fix it later; having a placeholder stops you stalling at the end.
- A deadline and an hour. Not "this week" — "Thursday, 9 p.m." Pages that get sent have a send time decided in advance.
Route 1: code it yourself, honestly
The short version, without gatekeeping. A single scrolling page is a beginner-friendly project: one HTML file, one CSS file, some photos. Host it free on GitHub Pages or Netlify and you get a URL like yourname.github.io/for-him, which is charming in its own nerdy way.
Three things stall people, and it is never the HTML.
Making it look intentional. Structure is easy; taste is not. Most tutorial-built pages land somewhere around 2011, and he will not know why it feels off, only that it does.
Making it work on a phone. He is opening this on a phone. A layout that looks fine on your laptop can collapse into a stack of misaligned blocks on a 6-inch screen, and mobile CSS is where beginner projects go to die.
Finishing. The failure mode is not a broken build. It is a half-done page and a date that has passed.
If you go this way, keep the scope brutally small: one page, five sections, no login, no autoplaying music. Total cost $0 to $15 a year if you buy a domain. Total time: a weekend at minimum.
Route 3: the template build, step by step
This is the twelve-minute version using Our Journey, the timeline template — the right pick when your relationship has a shape you want him to scroll through rather than a single thing you want to say.
- Open the live preview and scroll the whole thing first. One minute. You will see the arc: a hero, a how-we-met split, an alternating timeline, a bento photo gallery, a dark stats banner with a live day counter, a big pull quote, a scrapbook of chats and stickies, and a finale with a promise stack. Scrolling it once tells you exactly how many entries you are writing for.
- Start a draft and put the skeleton in first. Dates and captions for every entry, no photos yet. The page holds up to fifteen timeline entries; eight to twelve is the sweet spot, and fifteen is more scrolling than most people do in one sitting.
- Add photos one entry at a time. Up to 5 MB each, straight from your camera roll. One photo per milestone — resist the urge to put four on the good ones, because an uneven timeline reads as an uneven relationship.
- Write the longer paragraphs for two or three entries only. Every entry takes an optional paragraph under the caption. If you write one for all twelve, nobody reads any of them. Pick the three that earned it.
- Set the counter date. The stats banner counts live from a date you choose. Your first message is usually a better choice than your official anniversary, and it is a nicer number.
- Fill the scrapbook with the unpolished stuff. Screenshotted chats, a sticky note, a GIF he sends constantly. This is the section that makes the page read as yours rather than as a product, and it is the one people skip.
- Save and walk away for an hour. Drafts persist in your dashboard, so you can collect photos tonight and write captions tomorrow. Coming back cold is when you spot the caption that is trying too hard.
- Publish. Publishing opens a one-time Razorpay checkout — card, UPI, net banking or wallet — and the page goes live the moment it confirms. There is an optional password lock at publish if the page is for exactly one person.
- Send it at an hour he will actually read it. You get a private link and a QR code. Late evening, alone with his phone. Two words of caption. "open this" outperforms a paragraph explaining what it is, every single time.
Afterwards the dashboard shows whether he reached the end of the page, which is the only metric that means anything here.
"People spend an hour picking a template and four minutes on the captions," says Ganesh, Lovely's founder. "It is always the other way round in the pages that land."
What it costs
| Item | Cost | | --- | --- | | Our Journey template (timeline) | ₹49, about $0.60, one-time | | Hosting, for as long as the page exists | Included | | Subscription or renewal | None | | What he pays to open it | ₹0 | | Password lock | Included, optional | | Custom subdomain | ₹100, about $1.20, one-time | | Self-coded route: free hosting | $0 | | Self-coded route: your own domain | Usually $10–15 a year | | General website builder with a custom domain | Typically $12–25 a month |
Prices are set in Indian rupees because Lovely is a small studio in India, and the dollar figures are approximate conversions rather than a second price list. That is also why the number is what it is: a subscription builder charges you monthly for a page you will send once, and this is a one-time payment for a page that stays up.
Which template fits which relationship
Three shapes, and they are genuinely different rather than three colour schemes.
- A timeline — Our Journey, ₹49 (about $0.60). Right when the story is the gift: a year of milestones, a long-distance stretch you both survived, an anniversary.
- A list of reasons — reasons i love u, ₹49 (about $0.60). Right when it is not about events at all. A daisy where every petal hides a reason he plucks one at a time.
- A single scene, told properly — the story templates. Right when there is one night you want to tell him about instead of compressing into a text.
The full comparison of what men actually respond to on each of these is in a website for my boyfriend, which is the companion to this guide rather than a repeat of it. If you want the wider market — the other tools, what they charge, what they do better — the romantic website builder comparison is the honest roundup.
What he actually sees when the link lands
Worth knowing before you send, because this is where surprises get spoiled.
- In a text or a DM, the link previews. A preview card with a title. Keep the page title vague if the surprise depends on him not knowing — "hi" works.
- It opens in the browser, not an app. No install, no signup, no account for him.
- It loads on a bad connection, slowly but completely. Photos come in progressively rather than blocking the page.
- It does not expire. He can reopen it in March, which is most of the point.
- If you set a password, he needs it. Send the password in a separate message, not in the same one, or you have built a lock with the key taped to it.
What not to do
- Do not show him a work in progress. Half a surprise is worse than none.
- Do not use every photo you have. Ten curated beats forty comprehensive. The page is an edit, not an archive.
- Do not write in the editor on your first pass. Draft in your notes app where deleting a sentence does not feel like undoing work.
- Do not build it and send it in the same five minutes. Read the whole page on your own phone first. One misspelled nickname undoes an hour.
- Do not send it mid-argument. A beautiful page arriving during a real disagreement reads as a manoeuvre, and he will read it that way.
- Do not announce it in advance. "I made you something, I'll send it Friday" spends the surprise four days early.
When a template is the wrong call
Two cases, honestly.
When learning to build it is the actual gift. If he is a developer, or if you have been meaning to learn, the hand-coded version carries a second message that no template can. Take the extra weeks and tell him nothing.
When what you owe him is a conversation. If something is unresolved right now, a page is the wrong shape. Sort the thing out, then send the page a fortnight later, when it can be what it is instead of a way of changing the subject.
Everywhere else, the trade is simple: the design is not the gift. The captions are. Buy back the four hours and spend them on the writing — and if the writing is what has you stuck, 30 really long paragraphs for your boyfriend is a bank of starters you can cut down into captions.
Frequently asked questions
How do I make a website for my boyfriend without coding?
Pick a template built for the job, fill in his name, your photos and your writing, pay once, and send the link. Nothing is coded and nothing is designed by you, because the layout already exists. Most people finish in ten to fifteen minutes, and the slow part is choosing photos rather than anything technical.
How much does it cost to make a website for your boyfriend?
On Lovely, ₹49 — about $0.60 — as a single payment, with hosting included for as long as the page exists and nothing for him to pay. A custom subdomain is an optional ₹100, about $1.20. The self-coded route costs $0 to $15 a year plus a weekend of your time.
What do I need before I start building?
Six to twelve photos on the device you are building from, a rough list of the moments you want on the page in date order, his name spelled the way you actually say it, and about twenty minutes. Everything else — layout, fonts, hosting, the link — is already handled.
Can I build it on my phone?
Yes. The editor works in a phone browser and drafts auto-save, so you can start on the train and finish that night on a laptop, or never touch a laptop at all. Photos upload from your camera roll at up to 5 MB each.
Do I need to buy a domain name?
No. The page comes with its own private link that shares cleanly in a text or a DM. If you want a cleaner address, Lovely sells a custom subdomain as a ₹100 add-on, about $1.20; a standalone domain from a registrar is usually $10 to $15 a year.