Arashtad-IP-Location-Data

We have used the Sci-Fi Games UI Elements Pack repository to create the IP Location web page. Custom.css has been added to the css folder as well as the iplocation.html file in the templates folder. The main focus of our project is on the iplocation.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>

Technologies

HTML5
SCSS/CSS3
jQuery

Credit

This product uses some open source tools such as: