arashtad-online-crypto-data-table's Introduction

Arashtad Online Crypto Data Table

We have used the Sci-Fi Games UI Elements Pack repository to create the crypto prices table. Custom.css has been added to the css folder as well as the crypto.html file in the templates folder. The main focus of our project is on the crypto.html file.

Sci-Fi Games UI Elements Pack

Product Name: Sci-Fi Game UI
Description: UI elements pack for Sci-Fi games.
Author: Arashtad
Author URI: https://arashtad.com
Version: 1.0.0
Creation Date: Nov 21, 2022
License: GNU General Public License V3
Copyright: (C) 2022 - Arashtad.com. All Rights Reserved.

Demo

To see the product in action Visit the Live Demo.

Purpose

This is a Sci-Fi style UI elements pack that can be used for web based games, applications, and pages. Using any component is as easy as possible. See below to find out how can you use a tabs component for unlimited times on a page:

<div class="ar-tabs">
    <ul class="ar-tabs-buttons">
        <li>Tab Button 1</li>
        <li>Tab Button 2</li>
        <li>Tab Button 3</li>
        <li>Tab Button 4</li>
    </ul>
    <ul class="ar-tabs-content">
        <li>
            <h3 class="warning">
                Tab Content 1
            </h3>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit...
            </p>
        </li>
        <li>
            <h3 class="warning">
                Second Tab Content
            </h3>
            <p>
                Reprehenderit ab laborum, iste modi odio, consectetur suscipit...
            </p>
        </li>
        <li>
            <h3 class="warning">
                The Third Tab Content
            </h3>
            <p>
                Optio quibusdam consequatur alias, tenetur iusto natus nihil magni modi...
            </p>
        </li>
        <li>
            <h3 class="warning">
                4th Tab Content
            </h3>
            <p>
                Iure reprehenderit unde quasi optio suscipit voluptatum distinctio eaque...
            </p>
        </li>
    </ul>
</div>