Skip to content

Banner with a link to a website which explains how we can help Ukraine to withstand Russian agression.

License

Notifications You must be signed in to change notification settings

oliverfrost/support-ukraine-bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

support-ukraine-bar

View

save-ukraine-bar demo screnshot

Properties

  • Minimal supported width: 320px
  • No extra dependencies
  • Font is optional

How to add banner to your website?

  1. Copy HTML content between "Start" / "End" comments from bar.htm into your HTML file.
  2. Copy CSS styles from bar.css into your CSS file. (all classes have "diib" prefix)
  3. Optional: Add Poppins font from Google Fonts
<head>
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
        rel="stylesheet"
</head>
  1. Test before deployment

How to make banner sticky?

Add following properties:

.diib-support-ukraine {
    position: sticky;
    top: 0;
}

Support

In case of any questions: serhii@diib.com

About

Banner with a link to a website which explains how we can help Ukraine to withstand Russian agression.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published