Monteno - NFT Portfolio HTML Template (TailWind CSS)

  • Version: 1.0.0
  • Last Updated: May 10 23
  • Author: themesflat
Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates.
You need file PSD or images please contact
Email: helpdeskthemesflat@gmail.com
Skype id: helpdeskthemesflat
Create ticket id : https://themesflat.ticksy.com/ticket

Template features:

  • HTML5 & Tailwind CSS
  • Responsive Template
  • XD files included
  • Animate everything you want
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Home Page
  • Services Page
  • Service Detail
  • Price List
  • Parallax Effect
  • & much more...

HTML Structure

Monteno - NFT Portfolio HTML Template

Below is Monteno basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Monteno - NFT Portfolio HTML Template (TailWind CSS) </title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="assets/js/jquery.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/main.js"></script>
</body>

</html>

CSS System

The Monteno CSS System contains 3 parts:
  • Template style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/**
* Reset Browsers
* General
* Elements
* Forms
* Typography
* Extra classes
* Header Fixed
* Scroll Top
* Widget
*/

Javascript - Fonts - Animation - Bootstrap style

/**  
*	bootstrap.css
*   swiper-bundle.min.css
*   font-awesome.css
*   style.css
*/

Javascript Custom

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

Main.js ( js/main.js )


/**
  * Dark Light Mode
  * Dark To Light
  * dropdown
  * headerFixed
  * flatAccordion
  * flatCounter
  * flattabs
  * loadmore
  * progress
  * preloader
 */

Shortcodes System

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

    
/**
* isMobile
* Parallax
* flatCounter
* flatAccordion
* buttonHeart
* goTop
* toggleMenu
* flatProgressBar
* Preloader
* dropdown
* tabs
* copycode
*/

How to edit tailwind css on your computer

To use Tailwind CSS on your computer, you will need to install it as a development dependency in your project. Do the following steps to do this

  1. Make sure you have Node.js and npm installed on your computer.
    If you don't have them already, you can download and install them from the official website https://nodejs.org.
  2. Open project on your editor
  3. Open the terminal as a root directory
  4. Run the command to install node module package 
        
npm i

//===== or

yarn
  5. To build css run the command in your terminal 
        
npm run build 

//===== or

yarn run build

=========================================

Changing Hero Slider Image

You can change the hero slider image

Changing Portfolio Image

You can change the portfolio image

Credits