University - Education, Event and Course HTML Template

University - Education, Event and Course HTML Template

  • Version: 1.0.0
  • Last Updated: 27/12/2016
  • Author: Themesflat
Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates. You need file PSD or images please contact via skyper:themesflat or email themesflat@gmail.com we will send this for you.

Template features:

  • HTML5 & CSS3
  • Responsive Template
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Boxed or Wide layout
  • Ajax Contact Form
  • Parallax Effect
  • & much more...

HTML Structure

University - Education, Event and Course HTML Template is a Modern, Creative, Responsive. Template Design suitable for Educational Institutions like Universities and Colleges, Online Courses / Online Learning and Events. Clean, crisp and simple design that can easily be adapted and used for variety of similar niche websites. This HTML Template has dark & light versions, boxed & wide versions, Singlepage & Multipage versions, & Unlimited Colors. 
<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>University - Education, Event and Course HTML Template</title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Template Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
     	<i class="fa fa-angle-up"></a>
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="javascript/jquery.min.js"></script>
   <script type="text/javascript" src="javascript/bootstrap.min.js"></script>
   <script type="text/javascript" src="javascript/jquery.easing.js"></script>
   <script type="text/javascript" src="javascript/jquery-waypoints.js"></script>
   <script type="text/javascript" src="javascript/owl.carousel.js"></script>
   <script type="text/javascript" src="javascript/parallax.js"></script>
   <script type="text/javascript" src="javascript/jquery.cookie.js"></script>   
   <script type="text/javascript" src="javascript/jquery-countTo.js"></script>
   <script type="text/javascript" src="jquery.sticky.js"></script>
   <script type="text/javascript" src="javascript/main.js"></script>
</body>

</html>

CSS System

The University CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/**
  * Reset
  * Repeatable Patterns    
  *	Preload 
  *	Course meta review
  * Header
  * Pagination
  * widget  
  * Footer  
  * Bottom
  * Parallax
  * Revolution Slider
  * Home 1 
  * Contact page
  * Have sidebar
  * Flat team page
  * Boxed 
  * Switcher
*/

Shortcodes.css ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/** 
*	Row
*	Button
*	Title section
*	Flat divider
*	Iconbox
*	Icon box left
*	Flat contact us
*	Flat list
*	Flat title box
*	Flat price table
*	Flat accordion
*	Flat tabs
*	Content box
*	Flat information box
*	Contact form
*	flat-counter
*	flat portfolio
*	Portfolio Detail
*	Related-portfolio
*	flat-testimonials
*	Progress Bar
*	flat-team
*	flat-socials
*/

Javascript - Fonts - Animation - Bootstrap style

/**  
  * font-awesome.css
  * owl.carousel.css

  * animate.css
  * shortcodes.css

  * bootstrap.css 
  * revolution-slider.css
*/

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( javascript/main.js )


/**
  * courseCarousel
  * responsiveMenu
  * partnersCarousel
  * testimonialCarousel
  * teacherCarousel
  * certificatesCarousel
  * flatAccordion
  * detectViewport
  * counter
  * portfolioIsotope
  * googleMap
  * ajaxContactForm
  * alertBox
  * tabs
  * goTop
  * flatAccordion
  * selectLayout
  * flatSearch
  * swClick
  * headerFixed
  * removePreloader
 */

Shortcodes System

You can easily use the shortcodes to create your own page.

    
/** 
  *	Row
  *	Button
  *	Title section
  *	Flat divider
  *	Iconbox
  *	Icon box left
  *	Flat contact us
  *	Flat list
  *	Flat title box
  *	Flat price table
  *	Flat accordion
  *	Flat tabs
  *	Content box
  *	Flat information box
  *	Contact form
  *	flat-counter
  *	flat portfolio
  *	Portfolio Detail
  *	Related-portfolio
  *	flat-testimonials
  *	Progress Bar
  *	flat-team
  *	flat-socials
*/

Contact Form

To edit the contact form to send mails to your email box, you can look for the config.php. You need to edit yourname@yourdomain.com to your email.

contact-process.php ( contact/contact-process.php )


$address = "themesflat@gmail.com";

Photoshop files included

You can easily use 10 layered photoshop files



    01_home.psd
    02_about.psd
	03_blog.psd
	04_blog-single.psd
	05_contact.psd
	06_courses-grid.psd
	07_courses-grid-sidebar.psd
	08_courses-list-sidebar.psd
	09_courses-single.psd
	10_team.psd

Credits