Tubex - Responsive Html Portfolio For Vlogger and Youtuber

  • Template Name: Tubex - Personal Portfolio Responsive HTML Template with Free PSD
  • Version: 1.0.0
  • Last Updated On: 31 May 2019
  • Author: Enventer

Thank you so much for choosing this template. Your comments and ratings would be highly appreciated. You have purchased this template so, you will get full support from us. We will update this template time to time and we want to hear from you for the future updates or for complete new templates. If you have any questions that are beyond the scope of this document, feel free to email at enventer2019@gmail.com

Template Features

  • HTML5 & CSS3
  • Bootstrap v4.1.3
  • Font-awesome
  • jQuery
  • 3 Awesome Homepage
  • Responsive Design
  • Pixel Perfect Design
  • Clean Code & Unique Design
  • Easy to Customize
  • Blog Details Page
  • Massonary Grid
  • Video Background
  • Polygon Particle Background
  • Background Move Background

Installing Template.

  1. After unzip the download pack, you'll found a Template Folder with all the files.
  2. You can view this Template in any browser, you can display or edit the Template without an internet connection.(May not wotrk fonts).
  3. The only section that will not work is the Contact Section which is not dynamic
  4. Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server's root directory.
  5. Once the files are done uploading go to www.yourdomainname.com/index.html

Template Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).

		                

CSS Files and Structure

These are the css files that are loaded into templates in Head Section.

    
    
    
    
    
    
    
    
    
    
    
					

Google Web Fonts

By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.

						
		                 
		            

Remember to change the font into main.css

Javascript Files and Structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

    
						
    
    
    
    
    
	
	
	
	
	
    
    
    
    
    
    
    
		            

Main.js File Structure

This is a js file to activate different animations and functionality of this template

/*----------------------------
    Animation js active
    ------------------------------ */
/*----------------------------
    Counter Js Active
    ------------------------------ */
/*----------------------------
    Scroll Active JS
    ----------------------------*/
/*-----------------------------
     Project Carousel
     ------------------------------*/
/*----------------------------
     Video Popup JS
     ----------------------------*/
/* ------------------------------
         Blog filtering
     -----------------------------*/
/*----------------------------
    Smooth Scrool
    ------------------------------ */
/*-----------------
    Scroll-Up
    -----------------*/
/*----------------------------
    Preloader
    ------------------------------ */
/*-------------
	Move Background
	-------------------- */
/*------------------
	Circle Magic Background 
	-----------------------*/
		            

Template Customization

You can customize this template with your own content. Here are some basic changes you need.

Logo & Profile Picture Change

Just replace the image with your own image and replace the file name in the code

			
            
            
            
		            

Menu Items Customize

You need to change the menu items text in the code to change the menu. Change the text home, about, work, expertise, blog, contact (if you want)

			
            
		            

Background Video Change

Just change the video.mp4 file and replace the name in the code

        
        

I leadlovekick MY LIFE in MY way

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
consectetur adipiscing elit.

About Section Image Change

Just change the about.jpg file with your own image and replace the name in the code

                        
                        

Footer Copyright Change

Just change the copyright text in the code

        
        
		            

Source and Credit

Note:

  • While images and illustration are not included in the download package – but if you need the images and illustration please feel free to contact with us.
  • This Template is not WordPress Theme, and can’t be installed in WordPress.