Components

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.

Alerts:

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.
</div>
                        
                    

Buttons:

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

Input:

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

Lazy Images:

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

Dennis Stanistan © 2017 - 2020