copied !

Links

ICONS : ICONS FOLDER

LANDING MOCKUP PICTURES : LANDING MOCKUP PICTURES FOLDER

VIDEOS : VIDEOS FOLDER

TOOLBOX LIBRARY : LIBRARY FOLDER

Colors

background-color: var(--red)

#930722

class : bg-darkred

#f4f4f4

class : bg-lightgrey

background-color: #707070

class : bg-darkgrey

background: transparent linear-gradient(180deg, #ED002F 0%, #930722 100%) 0% 0% no-repeat padding-box;

class : bg-v-redgradient

background: transparent linear-gradient(90deg, #ED002F 0%, #930722 100%) 0% 0% no-repeat padding-box

class : bg-h-redgradient

class : bg-top-shadow

class : bg-bottom-shadow

class : bg-shadow

Texts

Class : text-h-redgradient

Exemple : Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.

Images

logo verisure red svg

Name : verisure_logo_white_rgb.webp

Width : 2482px
Height : 1383px

type: webp

logo verisure red svg

Name : small_verisure_logo_red_rgb.webp

Width : 200px
Height : 111px

type: webp

logo verisure red svg

Name : verisure_logo_red_rgb.svg

type: svg

Custom classes

mb-32-px

margin bottom 32px

mb-16-px

margin bottom 16px

mt-32-px

margin top 32px

mt-16-px

margin top 16px

list-style-disc

list style disc
padding left 20px

br_mobile

return line if screen < 768px

progressive-image-loading-disable-blur

disable blur effect on picture loading

Buttons

Button 1 Button 2 Button 3 Button 4

.mov to transparent vids

  • CREATE PNG PALETTE COLOR : ffmpeg -i FILE_NAME.mov -vf "palettegen=reserve_transparent=1" palette.png
  • CREATE GIF FROM PALETTE : ffmpeg -i FILE_NAME.mov -i palette.png -lavfi "paletteuse=dither=bayer:bayer_scale=5:diff_mode=rectangle" FILE_NAME.gif
  • CREATE WEBM FROM GIF : ffmpeg -i FILE_NAME.gif -c:v libvpx-vp9 -pix_fmt yuva420p -b:v 0 -crf 30 FILE_NAME.webm
  • CREATE MP4 HEVC FROM GIF : ffmpeg -i FILE_NAME.gif -c:v libx265 -pix_fmt yuva420p10le -tag:v hvc1 FILE_NAME.mp4