Quick

getStarted CSS JS CODE Mobile Examples
Pick Color Here
×
change event
input event

Alerts

How you does indicates a warning red work?.

How you does indicates a warning yellow work?.

How you does indicates a warning green work?.

How you does indicates a warning blue work?.

Output
Getweb.CSS

Display Alerts

alerts:

Danger!

Use me to indicates a dangerous or negative situation.

Warning!

Use me to indicates a warning situation.

Succesful!

Use me to indicates a succesful positive.

information

Use me to indicates a display information.

HTML INPUT

<!DOCTYPE html>
<html>
<title>Getweb.CSS</title>
<meta name="viewport" content="width=device-width, 
initial-scale=1">
<link rel="canonical" 
href="https://www.cdn.getweb.dev/docs/v1/css/getweb.css">
<body class="gw-container">

<h2>Display Alerts</h2>
<p> alerts:</p>

<div class="gw-panel gw-red">
<h3>Danger!</h3>
<p>Use me to indicates a dangerous or negative situation.</p>
</div>

<div class="gw-panel gw-yellow">
<h3>Warning!</h3>
<p>Use me to indicates a warning situation.</p>
</div>
  
<div class="gw-panel gw-green">
<h3>Succesful!</h3>
<p>Use me to indicates a succesful positive.</p>
</div>
  
<div class="gw-panel gw-blue">
<h3></h3>
<p>Use me to indicates a display information.</p>
</div>
  
</body>
</html>

getWeb.dev

Stay update on the version?

V.1.0.0
Email: support@getweb.dev

Developer Team

Blog
Join Team
Q&A

Devices

Mobile
CSS
JS

Download

v.1.0
v.1.1