News updates

The news updates pattern displays featured links including meta data in two columns. The pattern is intended for landing pages and provides a solution for linking to articles, such as news items or blog posts.

Rules for news updates

  • There must be only one news updates section on a page.
  • There must be a maximum of one category per article link.
  • Featured images must be 750 × 500 pixels.

Options available

Default

The default option contains a column for a featured news update and a column for two other updates.

  • Image for featured item must be 750 × 500 pixels.
  • Images for secondary items must be 360 × 240 pixels.
Example
news story

New guide ranks St Andrews among UK’s best

This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

Date
8 June 2018
Category
News at St Andrews
Code 

    

        

            

                

                

                    

                        news story
                    

                    

                        
New guide ranks St Andrews among UK’s best

                        
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

                        

                            
Date
8 June 2018

                            
Category
News at St Andrews

Alternate layout

This option contains a column for a featured news update and a column for three other updates.

  • Image for featured item must be 750 × 500 pixels.
  • Images for secondary items must be 750 × 500 pixels.
Example
news story

New guide ranks St Andrews among UK’s best

This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

Date
14 August 2018
Category
News at St Andrews
news story

Grey seals copy human speech and music

This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

Date
12 August 2018
Category
News at St Andrews
news story

Staff and students help St Andrews to league table first

This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

Date
12 August 2018
Code 

    

        

            

                
            

            

            

                

                    

                        

                            news story
                        

                        

                            
New guide ranks St Andrews among UK’s best

                            
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

                            

                                
Date
14 August 2018

                                
Category
News at St Andrews

                            
  
                        

                    

                

                

                    

                        

                            news story
                        

                        

                            
Grey seals copy human speech and music

                            
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

                            

                                
Date
12 August 2018

                                
Category
News at St Andrews

                            
  
                        

                    

                

                

                    

                        

                            news story
                        

                        

                            
Staff and students help St Andrews to league table first

                            
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.

                            

                                
Date
12 August 2018

Aside only

  • Must only be used in the aside of a page.
  • Images must be 360 × 240 pixels.
Example
Code

Aside only - with no images

  • Must only be used in the aside of a page.
Example
Code