College Education

By: ChimpStudio

Contents

Introduction ............................................................................................................................................ 2 A) HTML Structure and Files ................................................................................................................... 2 B) HEADER AND INCLUDES...................................................................................................................... 4 C) Navigation and LOGOS........................................................................................................................ 4 D) Template: Index.html ......................................................................................................................... 5 E) PSD Files .............................................................................................................................................. 9 F) Fonts Used .......................................................................................................................................... 9 G) Resources & Credit ............................................................................................................................. 9

Introduction
Thank you so much for purchasing this file called (College Education). This is an HTML AND
CSS template. Please feel free to contact us if you have any question or problem about this file. No guarantees, but we will do our best to provide you with the best possible assistance. Alternatively if you have more general questions relating to this file please consider visiting the forums and asking your questions in the Item Discussion section.

A) HTML Structure and Files

1. Template Files index.html : static.html: news.html: gallery.html: blog.html: course.html: contact.html: blogdetail.html:

Homepage (contain all other pages) Static Page News page Gallery Page Blog Page Courses Page Contact detail page including enquiry form Blog detail Page

2. General HTML structure This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with id of content_section

B) HEADER AND INCLUDES

1. INCLUDES Style: css/style.css Default stylesheet for full website css/ddsmoothmenu.css For Main Navigation css/jquery.fancybox-1.3.4.css For gallery styles Javascript: js/jquery.min.js Jquery libraries to use with multipul functions js/ddsmoothmenu.js For Top Navigation js/menu.js For Top Navigation js/contentslider.js For Home Page Banner js/cufon-yui.js For headings js/jcarousellite_1.0.1.js For content Pages js/jquery.easing.1.1.js Jquery libraries to use with multipul functions js/DIN_500.font.js For Headings js/tabs.js For Tabs js/jquery.mousewheel-3.0.4.pack.js For Gallery Page js/jquery.fancybox-1.3.4.pack.js For Gallery Page

C) Navigation and LOGOS

1. Header Logo The logo is nested within a div with class of logo.

2. Navigation Menu The page navigation links such as Home, About US, Admissions etc are included within a div with class of navigation.

D) Template: Index.html
1. Sliding Banner (HomePage Section) This is the part which you can use to promote your work. You can see the general structure below.

2. Columns There are four main divs in the main content section. The content in the 1st div is included within a div with class of news_updates which is nested within a div with an id of content_section. The content on the left side within the main content area is nested within a div with class of col1 which is nested within a div with an id of content_section. There are four main divs in this section. The content in the 1st div is included within a div with id of banner. The content in the 2nd div is included within a div with class of content_links. The content in the 3rd div is included within a div with class of content_heading. The content in the 4th div is included within a div with class of contentblock. The content on the right side within the main content area is nested within a div with a class of col2 which is nested within div with a class of content_section. There are four main divs in this section. The content in the 1st div is included within a div with class of ads. The content in the 2nd div is included within a div with class of rtab.

The content in the 3rd div is included within a div with class of college_gallery. The content in the 4th div is included within a div with class of image_scroll. The general column structure is as follow.

The footer area content is included within a div with an id of footer which is nested withina div with an id of bottom_seciton. This file is available in different colour schemes. You can implement the colour scheme of your choice by implementing the right colour scheme.

E) PSD Files
I've included 8 PSDs with this template in case you might want to add/replace Later: 1. 2. 3. 4. 5. 6. 7. 8. Home About Us News Gallery Blog Blog detail Course Contact

If you'd like to change the logo on the main layout, please open the PSD and find the Folder called header, replace it with your own make sure the logo you replacing with should be the same size as the original. Remember to edit the StyleSheet if your replaced logo has different dimensions.

F) Fonts Used
I have used four types of fonts in this template which are system pre installed fonts and are totally free. 1. 2. 3. 4. Arail Din sans-serif Tahoma : : : : System Font(Free) System Font(Free) System Font(Free) System Font(Free)

G) Resources & Credit

1. 2. 3. 4. 5. http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm http://cufon.shoqolate.com/ http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm http://fancybox.net/

6. http://www.onextrapixel.com/2009/04/28/jquery-jcarousel-lite-with-pretty-imagecaptions-that-appear-on-rollover/

Once again, thank you so much for downloading this theme. As I said earlier while giving your feedback and rating please provide us with the best feedback and rating, as we will really appreciate your positive feedback and ratings. If you are unhappy with anything for some reason please do consider sending us an email before leaving any negative feedback or rating and we would try to do our best to solve your issue. Regards, Chimp Studio Team.