This grey section is for demonstration purposes only. It will NOT be included on your site.
-
Each of these sections has a different background color to show the separation. You should choose just 1 or 2 coordinating colors for the background so it doesn’t become too busy.
-
Each section generally holds a different type of content: introduction to you and your business, explanation and/or images of your product and services, contact information, etc. All you need to do is paste your content in the appropriate section. If you haven’t yet written any content, you can also easily just type in the section.
-
The sections are interchangeable in location, and each can be laid out with multiple columns and different content (text only, text and image, image only)
-
Each section can be identical to the one before it or it can be different. (I suggest choosing 1 or 2 layouts to keep it consistent and easy to follow.)
-
The footer will hold your information, of course.
Your one-page site will start here right below the dotted line.
Put the Title of your Website Here
And Put Your Tagline Here
Here are some options for this Header area:
- The background can be an image, as shown here, or solid color. For demo purposes, this one shows an image for the background, with space for text, with a light color overlay.
- The tagline is a short phrase or sentence describing your site.
- This button will link to a section below.
This is where you’ll add your CTA. You’re requesting that your readers provide their email address to receive your newsletter or in exchange for a freebie you’re offering.
In this section, you’ll put the email address form for your reader to submit.
(It’s already coded for you!)
This is a content row; you can paste your pre-written text here.
If you haven’t yet written your text, you can also easily type it directly in here.
This section would hold a short introduction to you, your business, the purpose of the site, what you’re offering, and how you can help.
Should be short — just 2-3 sentences. Must be engaging to keep your readers interested. You don’t want them to just click away.
This is also a content row — just paste your content.
- It could be 2 or 3 columns.
- Could be arranged like this with image in between or could be 3 columns of text.
- Very versatile.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
I suggest using this section for your ABOUT text.
Include a little about yourself, what you do, and why you do it, your mission statement, if appropriate, how you can help etc. Keep it short. Tell enough about yourself that you convey trust and experience, but keep the focus on what they want and need. Be sure to include a picture of yourself.
This is another possible layout for your content.
• Explain your services, describe your product, or tell how you work, etc.
• Can be multiple columns and include text and/or images.
• You can substitute icons for the images (as shown below) if you prefer.
• The columns do not have to be the same length.
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing.
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur.
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora. Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing.
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur.
Your Title Goes Here
Your content goes here.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora. Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing
This layout works well for content that includes your product images and description.
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
Title Goes Here
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
Title Goes Here
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
Title Goes Here
Lorem ipsum dolor sit amet, euismod comprehensam vel ex, vis ei alterum percipit adipiscing. Mel sale doming ex, vide labitur neglegentur pri id. Nam no legimus iudicabit complectitur. Cu posse iriure vocibus eum, ea nec quas corpora.
This is the Contact Section.
You’ll add a form here for your readers to get in touch with you by leaving their name, email address and (optional) phone number.
Let’s Talk . . .
Your Contact Information:
Jane Jones
(555) 555-5555
Yourname@gmail.com
Office Hours: M-F 7am-7pm
Reader’s Contact Info
Name:
Email:
Phone:
Message:
Add another CTA here so your readers are reminded to join your email list.
In this section, you’ll put the email address form for your reader to submit.
(It’s already coded for you!)
Does your website include ALL the essential elements? Enter your email here to get a copy of your Website Checklist.