Angled BG Slide Designs



To reproduce any of the slide background designs shown in this guide simply copy-and-paste the corresponding markdown snippet directly into the PITCHME.md for your GitPitch slide deck.

Click the small icon in the top-right corner of any markdown block below to copy the markdown snippet.

All of the markdown snippets that follow in this guide make use of GitPitch color slide delimiters. Each snippet displays placeholder colors and content. You can replace these placeholder values with custom values as appropriate to your slide deck.


Tip! Background Slide Design Templates

If you find a background slide design here that you would like to set as the base design for every slide in your deck, you can activate the design globally using the Theme Template Background Property.


Angled Slide Design A

Slide Templates Design


---?color=linear-gradient(100deg, white 50%, #1F6ED4 50.2%)

@snap[west span-40]
# @fa[laptop-code fa-2x text-black]
@snapend

@snap[east span-40 h2-white]
## Eeeeee
@snapend

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.


Angled Slide Design B

Slide Templates Design


---?color=linear-gradient(80deg, white 50%, #005f6b 50.2%)

@snap[west span-40]
# @fa[laptop-code fa-2x text-black]
@snapend

@snap[east span-40 h2-white]
## Eeeeee
@snapend

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.


Angled Slide Design C

Slide Templates Design


---?color=linear-gradient(to top right, #5BE7C4 50%, white 50.2%)

@snap[south-west span-40 h2-black]
## Eeeeee
@snapend

@snap[north-east span-40]
# @fa[laptop-code fa-2x text-black]
@snapend

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.


Angled Slide Design D

Slide Templates Design


---?color=linear-gradient(to top left, #00dffc 50%, white 50.2%)

@snap[north-west span-40]
# @fa[laptop-code fa-2x text-black]
@snapend

@snap[south-east span-40 h2-black]
## Eeeeee
@snapend

Note, the laptop icon that appears on this slide is placeholder content, rendered by the Font Awesome Widget. It is intended that you replace this sample markdown content with your custom slide content.