https://github.com/ximilsoft/floating-button

A collection of HTML and CSS snippets for creating floating action buttons on your website. You can add buttons for Messenger and WhatsApp with customizable styles.
https://github.com/ximilsoft/floating-button

bootstrap bootstrap5 floating-button font-awesome

Last synced: 5 months ago
JSON representation

A collection of HTML and CSS snippets for creating floating action buttons on your website. You can add buttons for Messenger and WhatsApp with customizable styles.

• Host: GitHub
• URL: https://github.com/ximilsoft/floating-button
• Owner: ximilsoft
• Created: 2024-08-06T19:26:30.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-06T19:50:03.000Z (over 1 year ago)
• Last Synced: 2025-01-25T20:08:27.722Z (about 1 year ago)
• Topics: bootstrap, bootstrap5, floating-button, font-awesome
• Homepage:
• Size: 4.88 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Floating Button

A collection of HTML and CSS snippets for creating floating action buttons on your website. You can add buttons for Messenger and WhatsApp with customizable styles.

## Messenger (HTML & CSS & Font Awesome)

```html

  .float {

  position: fixed;

  width: 60px;

  height: 60px;

  bottom: 20px;

  right: 20px;

  background-color: #168AFF;

  color: #FFF;

  border-radius: 50px;

  text-align: center;

  font-size: 30px;

  box-shadow: 2px 2px 3px #999;

  z-index: 100;

  }

  .my-float {

  margin-top: 16px;

  }



  



```

## WhatsApp (HTML & CSS & Font Awesome)

```html

  .float {

  position: fixed;

  width: 60px;

  height: 60px;

  bottom: 20px;

  right: 20px;

  background-color: #25d366;

  color: #FFF;

  border-radius: 50px;

  text-align: center;

  font-size: 30px;

  box-shadow: 2px 2px 3px #999;

  z-index: 100;

  }

  .my-float {

  margin-top: 16px;

  }



  



```

## Messenger (Bootstrap & Font Awesome)

```html



  



```

## WhatsApp (Bootstrap & Font Awesome)

```html



  



```

## Support (Bootstrap & Font Awesome)

```html



  



```