Style components


Below are the various components of this website's theme. I made this page so I can keep track of the various components I add (or borrow) to the website.

Most were borrowed from various of CSS and JS related websites like w3school and css-tricks. I should've used a proper framework like bootstrap instead.


alert alert-default

× Hey, this is an alert.

alert alert-danger

× You messed up big time.

alert alert-success

× Operation was successful.

alert alert-warning

× Hey, you might want to check it.

alert alert-info

× Hello, no one ever reads me.
<div class="alert alert-default">
    <span class="closebtn">&times;</span> <!-- the close button is optional -->
        Hey, this is an alert.


<button class="button-danger">Button</button>
<button class="button-success">Button</button>
<button class="button-warning">Button</button>
<button class="button-info">Button</button>


    <div class="input-group">
        <input type="email"/>
    <div class="input-group">
        <input type="Password"/>

Lazy Images:

<img src="img/blank.gif" class="lazy" data-src="img/mebutpurple-min.png"/>

Dennis Stanistan © 2017 - 2020