The hgroup element was removed from HTML5 more than a year ago.

For alternatives, there is now an own section in HTML5:
Subheadings, subtitles, alternative titles and taglines

In short, you should not use heading elements (h1-h6) for the "subtitles" anymore, as they’d create a wrong document outline.

You could use something like this:

<section> 
  <header>     
    <h1>CCTV Camera's online view on your 3G phone</h1>
    <!-- just using 'div' in this example; better use more specific markup, see below -->
    <div>Shadman, Lahore</div>
    <div>29 Aug 12:22 2014</div>
    <div>Ad ID: 1249586</div>
    <div>Views: 2</div>
  </header>
</section>

Side notes:

• Don’t use i for (font) icons. Use span instead.
• You could use the time element for the publication date.
• You could use the dl element for the metadata like "Views" and "Ad ID" (and even for the date and place if you want to provide names in dt for them).

The hgroup element was removed from HTML5 more than a year ago.

For alternatives, there is now an own section in HTML5:
Subheadings, subtitles, alternative titles and taglines

In short, you should not use heading elements (h1-h6) for the "subtitles" anymore, as they’d create a wrong document outline.

You could use something like this:

<section> 
  <header>     
    <h1>CCTV Camera's online view on your 3G phone</h1>
    <!-- just using 'div' in this example; better use more specific markup, see below -->
    <div>Shadman, Lahore</div>
    <div>29 Aug 12:22 2014</div>
    <div>Ad ID: 1249586</div>
    <div>Views: 2</div>
  </header>
</section>

Side notes:

• Don’t use i for (font) icons. Use span instead.
• You could use the time element for the publication date.
• You could use the dl element for the metadata like "Views" and "Ad ID" (and even for the date and place if you want to provide names in dt for them).