TIA - Modern Portfolio Template for Artists

Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to Contact Me Here eng.mahmoudbayomy@gmail.com. Thanks so much!

Files & Directories ( all files are sorted alphabetically )

HTML FILES INCLUDED ( 32 Files ) :

Structure

TIA Template is well commented to easily understand, every page has
  1. < head > < /head >
    area which contains the meta tags and css files
  3. < body >< /body >
    area which contains the site and divided into
  5. < header >< /header >
    with class of "header" and includes menu, logo area
  7. < div class="main-content" >< /div >
    area which contains all website section
  9. < section >< /section >
    and this differs from one to another
  11. < footer >< /footer >
    includes all footer content .

CSS Structure

  1. Main CSS Style File ••► style.css
  2. Main LESS Style File ••► style.less
  3. Bootstrap CSS Style File ••► css/bootstrap.css
  4. Animations CSS Style File ••► css/animate.css
  5. FontAwesome ( Font Icon ) CSS Style File ••► css/font-awesome.css
  6. stroke gap ( Font Icon ) CSS Style File ••► css/stroke-gap.css
  7. Skins
    • blue CSS Style File ••► css/skins/blue.css
    • blue LESS Style File ••► css/skins/blue.less
    • cyan CSS Style File ••► css/skins/cyan.css
    • cyan LESS Style File ••► css/skins/cyan.less
    • deep-purple CSS Style File ••► css/skins/deep-purple.css
    • deep-purple LESS Style File ••► css/skins/deep-purple.less
    • green CSS Style File ••► css/skins/green.css
    • green LESS Style File ••► css/skins/green.less
    • indigo CSS Style File ••► css/skins/indigo.css
    • indigo LESS Style File ••► css/skins/indigo.less
    • orange CSS Style File ••► css/skins/orange.css
    • orange LESS Style File ••► css/skins/orange.less
    • teal CSS Style File ••► css/skins/teal.css
    • teal LESS Style File ••► css/skins/teal.less

Skins

< link rel="stylesheet" href="css/skins/skins.css" >

This line is the responsible for change the color skin of the template all you need is to replace the word " skins " to your favourite color from the list of the skins in the css structure

Javascript

You Have alot of awesome and creative javascript libraries

you will find the main js files after the end of .all-wrapper DIV it will be like that 

		        
		        < script src="js/min/jquery.min.js" type="text/javascript" >< /script >
		        
		        < script src="js/compiler.js" type="text/javascript" >< /script >
		        < script src="js/scripts.js" type="text/javascript" >< /script >


as you see you have 3 main files :


Contact Form

TIA is providing an activated contact form

contact page

the two highlighted lines are the options that you need to control the contact form you will yout it in this path ('php/contact-form.php')

$toEmail = 'eng.mahmoudbayomy@gmail.com';
- it's your email area just type your email to direct any message to your Email

$toName = 'TIA Theme';
- it's your website title

Credits