Home » Blog » Code » A one-pager ‘eh?

A one-pager ‘eh?

May 12, 2025

• By

Yasser Masood

I use this minimalist one-page website template for some of our sites.

This gives a real quick start when creating a coming soon page for clients, or a landing page for a new project.

index.html

Copy and paste the html below into a text editor and name it index.html. Then change the text in the places I’ve highlighted in bold. You can also fiddle around with the CSS to your liking. The page is responsive and centers content both vertically and horizontally.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="title" content="A simple one-page website template">
    <meta name="description" content="A simple one-page website template for when you need just one page and nothing more.">
    <title>A simple one-page website template | your-domain.com</title>
    <style>
        
        body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: white;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            font-size: 16px;
            color: black;
            text-align: center;
        }
        .container {
            padding: 20px;
        }
        h1 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        p {
            margin:-bottom:20px;
            line-height: 1.25em;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Here’s your page heading</h1>
        <p>And a short paragraph to say what you want to say.</p>
    </div>
</body>
</html>

sitemap.xml

If you want to submit the page to Google Search Console create a sitemap.xml file and use the following code. Change your link and the last modified date.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://your-domain.com/</loc>
    <lastmod>2025-04-15</lastmod>
    <changefreq>monthly</changefreq>
    <priority>1.0</priority>
  </url>
</urlset>

robots.txt

And yes, a robots.txt file also helps, so make one using this code.

User-agent: *
Allow: /

Sitemap: https://your-domain.com/sitemap.xml

Upload all three files to the root folder (public_html or httpdocs) of your site, and BOOM, you’re online with your one page site!

Yasser

Yasser Masood is a partner at Spiderz. He co-founded Spiderz in 2002 in Dubai, some twenty years ago. His area of expertise is Brand development and Web technology. You can reach him by writing to yasser@spiderz.com.

Back to Code