This is blog intro, first thing we should say and highlight about each blog post. Today I’m mostly about testing the various text elements to ensure that everything is working the way it should. The picture below is the featured image for this blog post that will be shown by social networks if people share this page.
Let’s start simple, here’s some text with a link to another page and some more bold text. And some text with emphasis. Here’s some emphasised bold text which appears only italic as we have to include one more font-variant to make it bold as well as italic.
An h2 major headline to start a new section
This is a normal paragraph.
This is another paragraph.
An h3 sub-headline to split main section into sub-sections
How about a quote? We will be using this for emphasising a block of text or quoting someone. It should appear big and loud and noticable.
“This sentence has five words. Here are five more words. Five-word sentences are fine. But several together become monotonous. Listen to what is happening. The writing is getting boring. The sound of it drones. It’s like a stuck record. The ear demands some variety.”
— Gary Provost
At h4 we’re almost running out of headlines to write
I believe 2 heading levels is more than enough. We don’t have to use another heading i.e. h4. Hope you agree with me.
How about a nice ordered list, numbered 1 to 5.
This little piggy went to market
This little piggy stayed home
This little piggy had veggie patty
This little piggy had none
And this little piggy cried wee wee wee all the way home and we are taking this conversation to next line to see how it looks
Funny. But did it work? Do we have CSS styling for unordered list. OK, next up is a bullet pointed list, or an unordered list.
This is bullet one
then comes three
did the bullet points show up?
OK, enough, this is the end of the unordered list
Next we'll look at CTAs. They should be center aligned by default. Are they?