University of St Andrews

Secondary call-to-action

The secondary call-to-action pattern displays a heading, some intro text and a button with a large background image.

Only show at the bottom of the page, immediately above the footer.

• Alignment
  By adding a class of center (default), right, or left, you can specify how the content should be aligned.
• Background image
  By adding a class of the from secondary-call-*, where * is a number between 0 and 9, you may select a preferred background image from additional variants.
• Multiple calls to action
  You may include more than more one call to action if needed.

Default

No secondary-call-* class.

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
            

    

Background image 1 - left aligned

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
                Call to action 2
            

    

Background image 2 - right aligned

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
            

    

Background image 3 - centre aligned

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
            

    

Background image 4

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
            

    

Background image 5

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
            

    

Background image 6

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
            

    

Background image 7

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
                Call to action
            

    

Background image 8

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action
            

    

Background image 9

    

        
News and events
        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor massa eget metus molestie fermentum. Pellentesque interdum sem nunc, vitae blandit tellus tempus eget.
            

                Call to action