University of St Andrews

Secondary call-to-action

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

Rules for secondary call-to-action

• Only show at the bottom of the page, immediately above the footer.
• You must only use one secondary call-to-action per page.
• You may use the class: center (default), or left to specify how the content should be aligned.
• To chose a background image, use the class secondary-call-*, where * is a number between 0 and 9. See below for background image options.
• You may use a transparent overlay over the background by adding transparent-overlay to the secondary-call div.
• You must use at least one call-to-action button, but not more than three.

Options available

• Default - red gowns
• Transparent overlay
• Castle and sea - text left aligned
• Gardens - text centre aligned
• St Andrews dusk skyline
• Undergraduate pier walk
• St Salvators Chapel
• St Andrews beach at dusk
• St Andrews cathedral
• Torchlit procession
• St Andrews sunset skyline

Default - red gowns

    

        
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 again
        
    

Transparent overlay

    

        
Apply to St Andrews
        
Apply early for your best chance at being placed here.
        

            Start your application
        
    

Castle and sea - text 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
            Call to action 3
        
    

Gardens - text 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
        
    

St Andrews dusk skyline

    

        
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 again
        
    

Undergraduate pier walk

    

        
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
        
    

St Salvators Chapel

    

        
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 again
        
    

St Andrews beach at dusk

    

        
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 again
            Call again 2
        
    

St Andrews cathedral

    

        
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
        
    

Torchlit procession

    

        
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
        
    

St Andrews sunset skyline

    

        
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 again