Morex Documentation

welcome to Morex HTML Personal Portfolio. Morex is a portfolio Tailwind CSS HTML Template that is modern, trendy, and creative. It has a much faster loading speed and provides a lot of conformability. Morex creates your website much faster, with easy-to-use and well-documented code for customization.

Vanilla JavaScript

We used Vanilla JavaScript. No jQuery dependencies. It is a really strong feature to get the best performance.

Tailwind CSS v3+

Tailwind CSS is a modern, trending, and utility-first CSS framework for quickly creating custom user interfaces.

HTML5

HTML5 improved the code structure, Also helped you with many more features and tags like cross-browser compatibility.

Perfect Responsive

This is a responsive website. We've made very clean designs for mobile, tablet, laptop, and desktop devices.

Fast Loading Speed

Morex main important feature is faster loading. We've followed the latest lighthouse performance matrix.

24 Support System

We provide 24 hours support for our customers. Our main goal is client satisfaction as well as high-quality services provided.

Getting Started

Welcome To Morex : Morex - Tailwind CSS Personal Portfolio HTML Template is a modern as well as a responsive website.

Item Name : Morex - Tailwind CSS Personal Portfolio HTML Template

Item Version : v2.1.0

Author : Hooktheme

Support Forum : hooktheem@gmail.com

Files Included

Do not directly upload the zip file you downloaded from Themeforest. To begin, unzip the ThemeForest file you just downloaded.
html-structures-img

Template Structures

File Structures

Morex Files Structure. You can easily find any file.

HTML Files

  • 21 html pages

assets/css - Css Folder

  • mobilemenu.css
  • style.css

assets/js - Js Folder

  • isotope.pkgd.min.js
  • script.js

Files Structure

html-structures-img

HTML Structure

html-structures-img

CSS Files Structure

html-structures-img

Google Fonts Include

html-structures-img

JavaScript Structure

html-structures-img

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. Here are the steps you can follow to do this:

  • Make sure you have Node.js and npm (the package manager for Node.js) installed on your computer. If you don't have them already, you can download and install them from the official website (https://nodejs.org).
  • Open project on your editor
  • Open the terminal as a root directory
  • Run the command to install node module package
    npm i 
    
    //===== or
    
    yarn
                          
  • To build css run the command in your terminal
    npm run build 
    
    //===== or
    
    yarn run build
                        
=========================================
  • Open project on your editor
    changing-content-img
  • Open the terminal as a root directory and run the command npm i
    changing-content-img
  • To build css run the command in your terminal npm run build
    changing-content-img

Changing Contents

Changing Portfolio Image

changing-content-img

Changing Testimonial Image

changing-content-img

Changing Blog Image

changing-content-img

Sources and Credits

Change Log

07-05-2023

  • Fixed Light To Dark Switcher JavaScript Issue
  • Improved Responsive design

04-03-2023

  • Added A Brand New Home Page (Demo 3)
  • Added Better designed for desktop and mobile
  • Added Pricing table section
  • Added Counter up section
  • Added Brand logo list new design (one row)

01-01-2023

  • Release Initial release

Support Desk

After purchasing, If you have any further questions about this template, feel free to contact us via hooktheem@gmail.com. We will be more than happy to assist you.