Skip to content

Malextrap/Alerts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Alerts

Alerts for this framework click for test this

Guide

Without Button

<div class="alert top dark">
    <div class="content">
        <a href="https://malextrap.github.io">
            <img src="https://clonalejandro.github.io/cdn/clona.svg" alt="clonalejandro, Malextrap framework">
            Malextrap, Framework based on flexbox
        </a>
    </div>
    <a class="closer"/>
</div>

Primary Alert

<div class="alert top primary">
    <div class="content">
        <a href="https://malextrap.github.io">
            <img src="https://clonalejandro.github.io/cdn/clona.svg" alt="clonalejandro, Malextrap framework">
            Malextrap, Framework based on flexbox
        </a>
        <button class="btn red animated">View more</button>
        <a class="closer"/>
    </div>
</div>

Dark Alert

<div class="alert top dark">
    <div class="content">
        <a href="https://malextrap.github.io">
            <img src="https://clonalejandro.github.io/cdn/clona.svg" alt="clonalejandro, Malextrap framework">
            Malextrap, Framework based on flexbox
        </a>
        <button class="btn red animated">View more</button>
        <a class="closer"/>
    </div>
</div>

Info Alert

<div class="alert top info">
    <div class="content">
        <a href="https://malextrap.github.io">
            <img src="https://clonalejandro.github.io/cdn/clona.svg" alt="clonalejandro, Malextrap framework">
            Malextrap, Framework based on flexbox
        </a>
        <button class="btn red animated">View more</button>
        <a class="closer"/>
    </div>
</div>

Success Alert

<div class="alert top success">
    <div class="content">
        <a href="https://malextrap.github.io">
            <img src="https://clonalejandro.github.io/cdn/clona.svg" alt="clonalejandro, Malextrap framework">
            Malextrap, Framework based on flexbox
        </a>
        <button class="btn red animated">View more</button>
        <a class="closer"/>
    </div>
</div>

Warning Alert

<div class="alert top warning">
    <div class="content">
        <a href="https://malextrap.github.io">
            <img src="https://clonalejandro.github.io/cdn/clona.svg" alt="clonalejandro, Malextrap framework">
            Malextrap, Framework based on flexbox
        </a>
        <button class="btn red animated">View more</button>
        <a class="closer"/>
    </div>
</div>

Danger Alert

<div class="alert top danger">
    <div class="content">
        <a href="https://malextrap.github.io">
            <img src="https://clonalejandro.github.io/cdn/clona.svg" alt="clonalejandro, Malextrap framework">
            Malextrap, Framework based on flexbox
        </a>
        <button class="btn red animated">View more</button>
        <a class="closer"/>
    </div>
</div>

picture

Copyright ©

Developed by clonalejandro