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
- and two
- 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?
This is a link buttonEmbeded Media
And finally, what happens if we share media from YouTube, Facebook, Twitter, Instagram, SlideShare, etc.
Remember: All embeded media/images should be minimum of 680px wide.
YouTube Video
Facebook Post
Tweet
Hot and cool. Sensual design and intelligent details make the Vision Mercedes-Maybach 6 the ultimate in luxury. pic.twitter.com/GXrdWjEGGv
— Mercedes-Benz (@MercedesBenz) August 21, 2016
