Vertical 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.


Vertical Slide Design A

Slide Templates Design


---?color=linear-gradient(90deg, black 25%, white 25%)

@snap[west span-15 text-center h1-white]
# A
@snapend

@snap[east span-75 text-center]
# @fa[laptop-code fa-3x text-gold]
@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.


Vertical Slide Design B

Slide Templates Design


---?color=linear-gradient(90deg, #1F6ED4 33.33%, white 33.33%)

@snap[west span-25 text-center h1-white]
# Bb
@snapend

@snap[east span-66 text-center]
# @fa[laptop-code fa-3x text-blue]
@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.


Vertical Slide Design C

Slide Templates Design


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

@snap[west span-40 text-center h1-white]
# Cccc
@snapend

@snap[east span-50 text-center]
# @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.


Vertical Slide Design D

Slide Templates Design


---?color=linear-gradient(90deg, #1F6ED4 66.66%, white 33.33%)

@snap[west span-66 text-center h1-white]
# Ddddd
@snapend

@snap[east span-25 text-center]
# @fa[laptop-code 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.


Vertical Slide Design E

Slide Templates Design


---?color=linear-gradient(90deg, black 75%, white 25%)

@snap[west span-75 text-center h1-white]
# Eeeeeee
@snapend

@snap[east span-20 text-right]
# @fa[laptop-code fa-xs text-gold]
@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.