1 Create Your Account

1

sleekcms.com›Get Started

Create a free account with your email address.

Use the same email you provided during your application.

2

Create Site›New Blank Site

Name it anything (your own name works).

2 Create the Home Page Model

1

Sidebar›Model Content›New Page

Choose Page as the model type. Set Name to Home and Path to /. Click Save.

2

Home Model›Add Field

Add each field. Click Add Field, choose the type, enter the name exactly as shown, and save.

Field Handle	Type	Description
full_name	Text	Your full name	Required
role	Text	e.g. "Marketing Intern"	Required
photo	Image	A clear headshot	Required
bio	Rich Text	Short paragraph about you	Required
location	Text	City, Country	Optional
linkedin_url	Text	Your LinkedIn URL	Optional

Field names must match exactly — lowercase with underscores.

3 Add Your Content

1

Sidebar›Content›Home›New Page

Fill in all required fields — name, role, photo, and bio. Add location and LinkedIn if you like. Click Save.

4 Add the View Template

1

Sidebar›Site Builder›Templates›Home → Edit Template

Paste the code below into the editor and click Save. You don't need to understand it — just paste it exactly.

              <!-- Home Page Template -->
<div class="min-h-screen bg-gray-950 flex items-center justify-center p-8">
  <div class="w-full max-w-sm text-center">

    <img src="<%- src(item.photo, '200x200') %>"
         class="w-24 h-24 rounded-full object-cover mx-auto mb-6 ring-2 ring-white/10">

    <h1 class="text-3xl font-semibold text-white mb-1"><%= item.full_name %></h1>

    <p class="text-sm text-gray-400 mb-4"><%= item.role %></p>

    <% if (item.location) { %>
    <p class="text-xs text-gray-500 mb-6">📍 <%= item.location %></p>
    <% } %>

    <div class="text-sm text-gray-300 leading-relaxed mb-8"><%- item.bio %></div>

    <% if (item.linkedin_url) { %>
    <a href="<%= item.linkedin_url %>"
       class="inline-block text-sm text-white border border-white/20 hover:border-white/50 px-5 py-2 rounded-full transition-colors">
      LinkedIn →
    </a>
    <% } %>

  </div>
</div>

2

Site Builder›Site Preview

Click Site Preview. If anything looks wrong, go back to Content, edit your page, and refresh.

5 Make It Your Own

★

Now it's your turn to get creative. Improve this page in any way you can — there are no wrong answers. You could:

Add new fields to the model (e.g. skills, hobbies, fun fact)
Update the template to display your new fields
Change colors, layout, fonts, or spacing
Add new sections, links, or images
Anything else you think would make the page better

This is your chance to explore SleekCMS and show us what you can do. Spend as much or as little time as you'd like.

6 Submit

1

Manage Site›Domain

Find your live URL and open it in your browser to confirm it loads.

https://your-site-name.sleekcms.site/

✓

Submit your URL

Paste your live URL into the submission form. The page must be publicly accessible.

Submit Your Assignment

Paste your live URL below once your page is published

Build Your Home Page with SleekCMS

Submit Your Assignment