Blog Post Title Break When Long

Darsana Vijay’s Photo

Author Name
@twitter_handle
Dec 31, 1969

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.

Rock near a sea
This is image caption to explain things about above image

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.

  1. This little piggy went to market
  2. This little piggy stayed home
  3. This little piggy had veggie patty
  4. This little piggy had none
  5. 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 button

Embeded 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

Instagram Post

SlideShare Slides

The Art of the Presentation from Jeffrey Stevens

Related Articles

You can now…