Highlight block

This block is used on the new front page of HKFoods.com to display hero carousel and different section items.

Properties:

• Title
  • Title displayed on top of the body text in the highlight
    
    
• Tagline
  
  
• Image
  •  
  • Image displayed either left, right, or on top of the title and body text depending on the width of displaying device. See layour pictures below for examples. 
    
    

    Block place	Width px	Height px	Ratio
    Main start page sections	992	595	5/3
    Main start page hero highlights	1600	900	16/9
    Article page main content area	1149	570	2/1
    Article page related content area	992	595	5/3

•  Video
  • Used to display video in the hero carousel
    
    
• Video mode
  • Used to display video in the hero carousel
    
    
• Body text
  • Text displayed next to the picture in the highlight
    
    
• Link URL
  • Navigation destination for the link after body text
    
    
• Link text
  • Text for the link after body text
    
    
• Link target
  • Defines if link is opened in the same or as a new window

Layout:

Desktop	Tablet	Mobile