Josephin Doe

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Share your thoughts

#### Button FAB

##### ToolBar

##### Code Explanation for Button Toolbar

                                        */ use for Button Toolbar */

                                        <div class="fab-icon-main">
                                            <div class="fab-icon p-absolute c-pointer">
                                                <i class="icofont icofont-user bg-danger"></i>
                                            </div>
                                        </div>

##### Speed Dial

##### Code Explanation for Speed Dial

                                        */ use for Speed Dial Button FAB */

                                          <div id="vertical-fab">
                                          </div>

##### Radial Action Button

##### Code Explanation for Radial Action Button

                                        */ use for Radial Button */

                                        <div class="radial">
                                            <button class="icofont icofont-paper-plane fa-3x" id="fa-1"></button>
                                            <button class="icofont icofont-home fa-3x" id="fa-2"></button>
                                            <button class="icofont icofont-search-alt-1 fa-3x" id="fa-3"></button>
                                            <button class="icofont icofont-users fa-3x" id="fa-4"></button>
                                            <button class="icofont icofont-wrench fa-3x" id="fa-5"></button>
                                            <button class="icofont icofont-ui-file fa-3x" id="fa-6"></button>
                                            <button class="fab">
                                                <div class="icofont icofont-plus fa-3x" id="plus"></div>
                                            </button>
                                        </div>

##### Floating Action Button

##### Code Explanation for Floating Action Button

                                        */ use for Floating Button */

                                        <div class="popout">
                                            <div class="btn">
                                                <i class="icon icofont icofont-plus"></i>
                                            </div>
                                            <div class="panel">
                                                <div class="panel-header">
                                                    Literature adds to reality, it does not simply describe it. It enriches the necessary competencies that daily life requires and provides; and in this respect, it irrigates the deserts that our lives have already become.
                                                </div>
                                                <div class="panel-body">
                                                    C.S. Lewis
                                                </div>
                                            </div>
                                        </div>

Literature adds to reality, it does not simply describe it. It enriches the necessary competencies that daily life requires and provides; and in this respect, it irrigates the deserts that our lives have already become.
C.S. Lewis

##### fab-expand-animation

##### Code Explanation for Fab Expand Animation Button

                                        */ use for Fab Expand Animation Button */

                                        <div id="main-display">
                                            <div class="fab-expand" id="fab-expand">
                                                <span class="fab-expand-icon icofont icofont-plus"></span>
                                            </div>
                                        </div>