Hire Us For Customization

Cryptor - NFT Marketplace & Cryptocurrency ICO Landing Page HTML Template

Introduction

Cryptor is Responsive NFT Marketplace & Cryptocurrency Landing Page Template. It's a fully responsive, super flexible, powerful, clean, and complete solution for your NFT Digital Assets Marketplace and Cryptocurrency ICO start-up agency. Every crypto business and NFT Digital Asset Marketplace have a different crowd sales process for the token sale. If you are working with any type of Digital Cryptocurrency business, NFT Marketplace, Blockchain Consulting, and Development Firm for every industry then Cryptor is the best NFT Marketplace & Cryptocurrency ICO Landing Page HTML Template to launch your website. We have added a lot of modern creative and interesting sections like Features, About us, Whitepaper, Roadmap, Items Explore, Items Collections, Creators, Team, Tokens with Countdown, and User pages like Login, Signup and Reset password and also added special pages like coming soon and 404 error page. It is 100% responsive and looks stunning on all types of screens and devices. Users will love your site because it gives them a unique user experience (UX), clean, modern & beautiful design. They are also easy to customize and combine with other components.

We have added a Light and Dark version.

Please feel free to get back to me in case if you are having any question or feedback.

Structure

I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

File & Folder Structure
Cryptor v1.2.0
|
├──  html files
│   └── Something 38 html pages
│
├──  css/
│   └──  colors
│   │
│   └──  bootstrap.css
│   └──  tobii.css
│   └──  materialdesignicons.min.css
│   └──  selectr.min.css
│   └──  tiny-slider.css
│   └──  style-dark.css
│   └──  style.css
│
├──  fonts/
│   └──  All fonts
│
├──  images/
│   └──  All dummy and .png images
│
├──  scss/
│   └──  dark
│   │	│
│   │	└──  _bootstrap-custom.scss
│   │	└──  _components.scss
│   │	└──  _general.scss
│   │	└──  _helper.scss
│   │	└──  _menu.scss
│   │	└──  _variables.scss
│   │
│   └──  _blog.scss
│   └──  _bootstrap-custom.scss
│   └──  _components.scss
│   └──  _countdown.scss
│   └──  _features.scss
│   └──  _filter.scss
│   └──  _footer.scss
│   └──  _general.scss
│   └──  _helper.scss
│   └──  _home.scss
│   └──  _menu.scss
│   └──  _price-chart.scss
│   └──  _team.scss
│   └──  _testi.scss
│   └──  _variables.scss
│   └──  style-dark.scss
│   └──  style.scss
│
└──  js/
    └──  bootstrap-bundle.min.js
    └──  plugins.init.js
    └──  feather.min.js
    └──  tobii.js
    └──  tiny-slider.js
    └──  apexcharts.min.js
    └──  areachart.init.js
    └──  app.js
HTML Structure
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title> Cryptor - Bitcoin & Cryptocurrency ICO Landing Page HTML Template </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/colors/default.css" rel="stylesheet" id="color-opt" />
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/plugins.init.js"></script>
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>
CSS

Files are explained below:

File Description
bootstrap.min.css Cryptor uses the latest bootstrap v5.3.0-alpha2. The core bootstrap file is being used in all the pages.
style.css This file is containing all common styles for all the pages.
style-dark.css In order to have Dark mode enabled, replace the reference of style.css to style-dark.css
Javascript

Files are explained below:

File Description
bootstrap.bundle.min.js These files are used at core of the theme.
app.js This is a main js file. All important javascript like page loader, menu, sticky menu, menu-toggler, one page menu etc.
plugins.init.js All init js like tiny slider, counter, countdown, lightbox, aos animation etc.

SCSS & SASS Live Compile Process

  • Downloads the visual studio code https://code.visualstudio.com/download
  • Now goto Files -> Preferences -> Settings.
  • Type in the search box "live sass compile".
  • Now you wil able to very first option "Live Sass Compile > Settings: Autoprefix" option. Click on the below "Edit in settings.json" link.
  • It will open a settings.json file in a new tab. Please put the below code in the file.
  • 	{
		"workbench.colorTheme": "Monokai",
		"workbench.iconTheme": "material-icon-theme",
		"liveServer.settings.donotShowInfoMsg": true,
		"explorer.confirmDelete": false,
		"workbench.sideBar.location": "left",
		"window.zoomLevel": 0,

		"liveSassCompile.settings.formats":[
			// More Complex
			{
				"format": "expanded",
				"extensionName": ".css",
				"savePath": "~/../css/"
			},

			{
				"format": "compressed",
				"extensionName": ".min.css",
				"savePath": "~/../css/"
			},
		],
		"files.autoSave": "off",
		"liveSassCompile.settings.excludeList": [
			



			"**/node_modules/**",
			".vscode/**"
		],
		"terminal.integrated.shellArgs.windows": "null",
		"liveSassCompile.settings.autoprefix": [],
		"workbench.welcomePage.hiddenCategories": [
			"Beginner",
			"Setup"
		],
	}

Loader

To add loader you need to add the below code after the <body> tag.

<-- loader start -->
<div id="preloader"">
   <div id="status">
     <div class="spinner">
       <div class="double-bounce1"></div>
       <div class="double-bounce2"></div>
     </div>
   </div>
</div>
<-- loader end -->

Credits & Official Documentation

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

Supports

Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Stay awesome

- Shreethemes
- Support Email: support@shreethemes.in

Changelog

Version v1.2.0 - 3rd April 2023

  • Update: Update Latest Bootstrap v5.3.0-alpha2
  • Update: Update Latest Tiny Slider Plugin
  • Update: Update Latest Material Design Icons
  • Update: Update Latest Apex Chart
  • Update: Update Latest Tobii Js Plugin
  • Added: Add a New 2 home demo for Cryptocurrency
  • Added: Add a New Halpcenter Pages
  • Added: Add a New 2 home demo for NFT Marketplace
  • Added: Add a New Becomw Creator for NFT Marketplace
  • Fixed: Fix some issues in single NFT detail
  • Fixed: Fix and add a data counter js in plugin.init.js
  • Fixed: Fixed some menu issues
  • Fixed: Fixed some Responsive issues

Version v1.1.0 - 4th July 2022

  • Update Latest Bootstrap 5.2.0 Beta 1
  • Update Latest Material Design Icons
  • Fixed Some Responsive Issues in Cryptocurrency Demos
  • Update & Fixed some Tables in HTML Files

Version v1.0 - 9th June 2021

  • Initial Released