Thank you for purchasing our template

Version: 0.1.0
Create: August 08, 2023
Last Updated: August 08, 2023

In this document, we provide all kinds of good information with all the details you need to use our template. We hope you have fun and enjoy working with our template

If you have any question need support create ticket id https://themesflat.ticksy.com/ I will ready support for you. Thank so much

Getting Started

Introduction

Open9 is perfectly suitable for non-fungible tokens, crypto-collectibles, fashion, digital art, crypto art, and many many more. Use the template to create an online marketplace: buy, sell, trade, and auction items in the NFT game easily.

This template is designed specifically for NFT game item market with all the necessary features: Dark/Light Version, Item (Auctions), Item Detail, Creators, Authors, Create Item, Login, Signup, and Wallet-connect.

It has 45+ Screens, including 07 Homepages, 04 Explore Styles, 04 Blog Style, login, Sign up, Dashboard, and more layouts. You can customize it very easily to fit your NFT Marketplace needs.

Features

Below are some features of this web app template:

  • 07 Home Pages
  • 45+ All Pages
  • HTML5 & CSS3
  • Based on Bootstrap Latest Version
  • Parallax Effect
  • Free Google Fonts
  • Detailed Documentation
  • Super Clear and Clean Layout
  • Fully responsive and mobile friendly
  • Pixel Perfect
  • Every page is fully layered and organized with proper names
  • Coded to be developer friendly
  • Free Font Based Icons
  • Retina Ready
  • Complete Mobile UI App
  • Excellent Support
  • Cross Browser Compatible
  • And many more…

Structure

Unzip the downloaded package and open the /HTML folder to find all the template files. You will need to upload these files to your hosting web server using FTP in order to use it on your website.

Below is the folder structure and needs to be uploaded to your website root directory.

File & Folder Structure

open9
├── assets
	├── css 
	├── font
	├── icon
	├── images
	├── javascript
├── index.html
└── ...

HTML Structure

Open9 | NFT Marketplace HTML Template
Below is Open9 basic structure:
<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>Open9 | NFT Marketplace HTML Template </title>
							
	<!-- Mobile Specific Metas -->
							
	<!-- Theme Style  -->
							
	<!-- Reponsive -->
							
	<!-- Favicon and Touch Icons -->
							
</head>
							
<body>

	<!-- preload -->	
	
	<!-- Header -->	
							
	<!-- Slider -->
							
	<!-- Section -->
	<section class="tf-section"> </section>
							
	<!-- Footer -->
	<footer class="footer"> </footer>
							
	<!-- Modal Popup Bid -->
	<div class="modal fade popup"> </popup_bid>
							
							   
	<!-- Javascript -->
	<script type="text/javascript" src="assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="assets/js/popper.min.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap.bundle.min.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="assets/js/swiper-bundle.min.js"></script>
	<script type="text/javascript" src="assets/js/swiper.js"></script>   
	<script type="text/javascript" src="assets/js/count-down.js"></script>    
	<script type="text/javascript" src="assets/js/simpleParallax.min.js"></script>   
	<script type="text/javascript" src="assets/js/gsap.js"></script>
	<script type="text/javascript" src="assets/js/SplitText.js"></script>
	<script type="text/javascript" src="assets/js/wow.min.js"></script>
	<script type="text/javascript" src="assets/js/ScrollTrigger.js"></script>
	<script type="text/javascript" src="assets/js/gsap-animation.js"></script>
	<script type="text/javascript" src="assets/js/tsparticles.min.js"></script>
	<script type="text/javascript" src="assets/js/tsparticles.js"></script>
	<script type="text/javascript" src="assets/js/main.js"></script>
</body>
							
</html>

CSS System

style.css is the main CSS file located in style/ folder of the package. Whole CSS file is well indexed with topic and its related code.

The Norstar CSS System contains 2 parts:
  • Template style
  • Shortcodes style
  • Animation - Bootstrap style


Your_template/asset/css/style.scss ( Template style )


/**
* Reset Browsers
* General
* Elements
* Forms
* Typography
* Extra classes
* link style
* header
* footer
* header section
* mobile
* cusor
* preload
*/


Your_template/asset/css/shortcodes.css ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/**
* button
* pagetitle
* tf card article 
* tf-card-box
* wishlist-button
* button-place-bid
* tf-card-collection
* side-bar
* widget-comment
* swiper-container
* featured-item
* tf-author-box
* collector
* grid-box-icon
* grid-author-box
* tf-box-icon
* action__body
* tf-category
* logo-rotate
* swiper-rotate-3
* counter
* widget-pagination
* widget-category-checkbox
* market-page
* admin_active
* flat-tabs
* widget-tabs
* widget-term-condition
* wrap-accordion
* widget-box-icon
* widget-our-team
* widget-income
* gg-map
* widget-login
* popup
* section-single-page
* select-day
* widget-bg-animation
* widget-bg-line
* tsparticles
*/


Animation - Bootstrap style


/** 
* animate.min.css
* animate.css
* bootstrap.css
* responsive.css
* shortcodes.css
* style.css
* swiper-bundle.min.css
*/

Javascript Custom

You can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

main.js ( assets/js/main.js )


/**
* headerFixed
* buttonHeart
* avatar_popup1
* avatar_popup2
* tabs
* buttonfollow
* tabs1
* termcondition
* connectwallet
* flcustominput
* flatAccordion
* flatAccordion2
* password
* btnmenu
* loadmore
* dropdown
* listmenu
* categorycheckbox
* cursor
* gotop
* parallax
* dashboard
* sticky
* retinaLogo
* preloader
*/

Credits & Official Documentation

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

  • Photos
    • All images are just used for preview purpose only and NOT included in the final purchase files.
  • Fonts & Icons
  • Javascript

    • Support

    If you have any questions or need support please create a ticket id at https://themesflat.ticksy.com/. I will ready support for you. Thank so much

    Stay Awesome!

    Themesflat

    Changelog

    "Version": "0.1.0",     August 08 2023

    • Initial released

    Copyright © 2023 Themesflat.