Creating an About Page in Mira Vell

Create Mira Vell’s dedicated About page and optionally start from a compatible editorial page template.

Create a Blogger Page titled About. Mira Vell applies its dedicated About layout when the URL is /p/about.html.

Create the page

Go to Pages → New Page.
Title it About so Blogger creates the expected URL.
Write your page content normally, or switch to HTML view and use the starter below.
Publish.

The HTML below is a compatible starter built for Mira Vell’s page classes. It is not hard-coded copy from the theme, so replace every sample sentence and image with your own content.

Optional starter HTML

<div class="mv-page-content mv-about-page">
  <p class="mv-page-lead">I’m an independent designer creating thoughtful identities, digital experiences and visual stories.</p>

  <section class="mv-page-section mv-page-split">
    <div class="mv-page-portrait">
      <img src="YOUR-PORTRAIT-URL" alt="Portrait of the designer" loading="lazy" decoding="async">
    </div>
    <div class="mv-about-intro-copy">
      <p class="mv-page-eyebrow">About</p>
      <h2 class="mv-page-heading">Design with clarity, character and intention.</h2>
      <p>Replace this paragraph with your introduction, background and the kind of work you create.</p>
      <p>Use a second paragraph for your approach, values or the clients you most enjoy working with.</p>
      <p class="mv-about-signature">Your Name</p>
    </div>
  </section>

  <section class="mv-page-section">
    <p class="mv-page-eyebrow">Practice</p>
    <h2 class="mv-page-heading">What I work across</h2>
    <div class="mv-page-columns">
      <div class="mv-page-column"><h3 class="mv-page-column-title">Brand identity</h3><p>Identity systems, art direction and brand applications.</p></div>
      <div class="mv-page-column"><h3 class="mv-page-column-title">Digital design</h3><p>Websites and digital experiences with strong visual direction.</p></div>
      <div class="mv-page-column"><h3 class="mv-page-column-title">Editorial</h3><p>Print, publications and image-led visual storytelling.</p></div>
    </div>
  </section>

  <section class="mv-page-section mv-about-closing">
    <p class="mv-page-eyebrow">Working together</p>
    <h2 class="mv-page-heading">Have a project in mind?</h2>
    <p>Add a short closing invitation and link readers to your Contact page.</p>
  </section>
</div>