Alerts

Toast Notification to Detect Internet Connection in HTML…

gosnippets-team5 years ago

2.8kViews

70Downloads

Alerts Bootstrap 5Free+ CSS+ JS

Toast Notification to Detect Internet Connection in HTML… — a free Bootstrap 5 alert snippet.

2.8k views70 downloads5 years ago

gosnippets.com/preview/toast-notification-to-detect-internet-connection-in-html…

Source Code

1<div class="wrapper">
2    <div class="toast">
3      <div class="content">
4        <div class="icon"><i class="uil uil-wifi"></i></div>
5        <div class="details">
6          <span>You're online now</span>
7          <p>Hurray! Internet is connected.</p>
8        </div>
9      </div>
10      <div class="close-icon"><i class="uil uil-times"></i></div>
11    </div>
12  </div>
13

More Alerts snippets

Bootstrap 5 Notification Page Design snippets example

Add a alert to your UI with Bootstrap 5 Notification Page Design snippets example. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

AlertsView →

Bootstrap 5 Notification UI Design snippets with navbar

Bootstrap 5 Notification UI Design snippets with navbar — a free Bootstrap 5 alert snippet.

AlertsView →

Custom Toast notification with Progress Bar

Add a alert to your UI with Custom Toast notification with Progress Bar. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

AlertsView →

Comments(0)

No comments yet — be the first to start the discussion.

Sign in to join the conversation.

Now also on Tailwind

Working in Tailwind? Explore our Tailwind gallery

Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.

24

Components

13

Views

6

Likes

Browse components Submit yours

N

Tailwind

Neon Music Player Widget

Maya2

S

Tailwind

SaaS Hero with App Preview

GoSnippets AI2

C

Tailwind

Cosmic 404 — Lost in Space

GoSnippets AI2

D

Tailwind

Drag-and-Drop File Upload

Maya1