<div class="adb-alert adb-alert--warning">
        Dad's comming home, turn it off now !!!
    </div>
    <div class="adb-alert adb-alert--success">
        Awww, you did it !!!
    </div>
    <div class="adb-alert adb-alert--info">
        Fact: there is no fact.
    </div>
    <div class="adb-alert adb-alert--question">
        Do you know who I am?
    </div>
                                    

                                        
    <button class="adb-button" type="button">
        Normal
    </button>
    <button class="adb-button adb-button--success" type="button">
        Success
    </button>
    <button class="adb-button adb-button--danger" type="button">
        Danger
    </button>
    <button class="adb-button adb-button--warning" type="button">
        Warning
    </button>
    <button class="adb-button adb-button--primary" type="button">
        Primary
    </button>
                                    

                                        
    <!--without button-->
        <div class="adb-card">
            <img class="card-image-top" src="" alt="Card image cap">
            <div class="body">
                <h5 class="title">
                    Hey Astroneer !
                </h5>
                <p class="content">
                    Astroneer is a sandbox adventure game developed by System Era Softworks. 
                    The game was released through early access in December 2016 before a full release in 2019. 
                </p>
            </div>
    </div>
                        
    <!-- with button -->
    <div class="adb-card">
        <img class="card-image-top" src="" alt="Card image cap">
        <div class="body">
            <h5 class="title">
                Hey Astroneer !
            </h5>
            <p class="content">
                Astroneer is a sandbox adventure game developed by System Era Softworks. 
                The game was released through early access in December 2016 before a full release in 2019. 
            </p>
            <a class="adb-button adb-button--primary">
                Read more
            </a>
        </div>
    </div>
                        
    <!--without image-->
    <div class="adb-card">
        <div class="body">
            <h5 class="title">
                Hey Astroneer !
            </h5>
            <p class="content">
                Astroneer is a sandbox adventure game developed by System Era Softworks. 
                The game was released through early access in December 2016 before a full release in 2019. 
            </p>
            <a class="adb-button adb-button--primary">
                Read more
            </a>
        </div>
    </div>
                                    

                                        
    <div class="adb-progressbar w-100">
        <div class="adb-progressbar__inner" style="width: 25%">
            <span>25%</span>
        </div>
    </div>
    <div class="adb-progressbar adb-progressbar--theme-2 w-100">
        <div class="adb-progressbar__inner" style="width: 50%">
            <span>50%</span>
        </div>
    </div>
    <div class="adb-progressbar adb-progressbar--theme-3 w-100">
        <div class="adb-progressbar__inner" style="width: 75%">
            <span>75%</span>
        </div>
    </div>