Background

Background images

Accolades grayscale background

white-to-grey-hex

Image


<img src="/assets/img/bkg/patterns/white-to-grey-hex.jpg" alt="white-to-grey-hex">
Copy
Backgroung class


   <section class="hero bg-img white-to-grey-hex b2">
            <article> Content goes here....
				   </article></section>
Copy

Accolades and Events background

green-to-dark-hex



<img src="/assets/img/bkg/patterns/green-to-dark-hex.jpg" alt="green-to-dark-hex">
Copy
Backgroung class


   <section class="hero photo bg-dark-green bg-img green-to-dark-hex">
            <article> Content goes here....
				   </article></section>
Copy

Green background

green-to-dark-hex1



<img src="/assets/img/bkg/patterns/green-to-dark-hex1.jpg" alt="green-to-dark-hex1">
Copy

Social media slice background

bing-bg-social



<img src="/_test/madhuri/img/bing-bg-social.jpg" alt="bing-bg-social">
Copy

SOM background

major minute


<section class="hero photo textured-background-callout" style="background-image: url('/som/img/geometric.png');">
                       <article>
				   </article></section>
Copy

Major Minute background

major minute

Background color

This is a gray background


<section class="hero bg-grey"><article class="contained pad">This is  a gray background</article></section>
Copy
This is a dark green background


<section class="hero bg-dark-green"><article class="contained pad">This is  a dark green background</article></section>
Copy

Background photo

bg photo sizes/height, position/orientation, shadow/overlay, photo opacity?,

Background wedge effect