“MU Material”

Created : 05/11/2015

By : MarkUps

Email : contact@markups.io

Thank you for downloading our Template. If you have any questions that are beyond the scope of this help file, please feel free to contact via template comment section from download page. Thanks so much!


Table of Contents

  1. Introduction
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScripts
  5. Navigation and Logos
  6. Fonts used
  7. Sources and Credits

A) Introduction - top

Thank you so much for downloading this template called MU Material - Material Design Personal Portfolio Responsive Template. Please feel free to contact us if you have question or problem about this template. No guarantees, but we will do our best to provide you with the best possible assistance.

Template Features


B) HTML Structure - top

HTML Files

Total 4 HTML file included in this Template. These are index.html, blog-archive.html, blog-single.html, blog-single-left-sidebar.html

Here jsut Home "index.hthml" HTML structure

This template is a Material Design based responsive layout and index.html file seperated by Nine (09) section. Here is the general structure.

		

			
					
			

			
			

C) CSS Files and Structure - top

Styles

		

		        
	      
	      
	      
	      
	      
	      
	      
	      
	           
	      
	      

	      
	      

		

We're using 6 CSS files in this template. we have separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you merge all stylesheets in one file (for decreasing http queries).

Lets take a look closely at our stylesheet files.

materialize.css

This Stylesheet contains responsive grid system, default element style based on Materialize. It is Materialize framework main css file.

font-awesome.min.css

Base styles for FontAwesome icon fonts.

pro-bar.css

Styles for Skill Progress bar.

owl.carousel.css

Styles for owl carousel slider.

default-theme.css

This is default theme color file for this template.

style.css

Common css style and structures for this template.


		/* Style.css File Table of Content
		==================================================
		#BASIC TYPOGRAPHY
		#HOME 
		#ABOUT SECTION
		#RESUME SECTION
		#PORTFOLIO SECTION
		#FACTS SECTION
		#TESTIMONIAL SECTION
		#HOME BLOG  
		#FOOTER 
		#BLOG PAGE  
		#RESPONSIVE CSS

		

Some of stylesheets (Totally 9 themes color) contain different theme color for easily changed your desired theme color. You find these theme in css/themes folder.


D) JavaScript - top

This template imports 9 Javascript files.

			
	  	
		
		
		
		
		
		
		
		      
		    
		
		
		
		
		     

		
		 
		

Lets take a look closely at our javascript files.

jquery.min/js

Initialize jQuery Library.

materialize.min.js

Materialize framework main jquery file.

appear.min.js

Element appears js File for Skill Progress Bar.

pro-bars.min.js

Stylish progress bars main jQuery file.

owl.carousel.min.js

Owl.carousel Slider jQuery File.

mixitup.min.js

Mixitup portfolio filter jQuery CDN File.

waypoints.min.js

Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.

jquery.counterup.min.js

For Counter main jQuery File

custom.js

We put initialisation of many plugins here.


The navigation materialize based menu. It will show different view for desktop and mobile device./P>

The Logo is a tag with class of brand-logo. As you can see there are two kind of logos: Text based (by default) and Image based. You can choose prefered variant by removing html comments. Don't forget to comment or delete another variant.

Here shown structure layout of Navigation and logos.

		
	     
	     
		

F) Fonts Used - top

We have used materialize default fonts Roboto and Google Material Icon Web Fonts in this template.



G) Sources and Credits - top


Once again, thank you so much for Downloading this item. As we said at the beginning, we would be glad to help you if you have any questions relating to this item. No guarantees, but we'll do our best to assist. If you have a more general question relating to the item, you might consider visiting the item download page and asking your question in the "Item Comment" section.

MarkUps

Go To Table of Contents