Jobplanet - Responsive Job Board HTML Template - Documentation by “yobi” v1.0.0

Jobplanet - Responsive Job Board HTML Template

Created: 03/03/2015
By: Yobi Bina Setiawan
Skype: yobi.setiawan

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. HTML Structure
  2. CSS Files and Structure
  3. JavaScript
  4. Sources and Credits
  5. Change Log

A) HTML Structure - top

This theme is a responsive layout and using Bootstrap v3.3.2 as css frameworks.

Here is the general structure of HTML page.

  1. <!DOCTYPE html>
  2. <html lang="en" >
  3. <head>
  4. <!-- Css load -->
  5. </head>
  6. <body>
  7. <!-- wrapper page -->
  8. <div class="wrapper">
  9. <!-- main-header -->
  10. <header class="main-header">
  11. <!-- navbar -->
  12. </header><!-- end main-header -->
  13. <!-- body-content -->
  14. <div class="body-content clearfix" >
  15. </div><!--end body-content -->
  16. <!-- main-footer -->
  17. <footer class="main-footer">
  18. </footer><!-- end main-footer -->
  19. </div><!-- end wrapper page -->
  20. <!-- JS LOAD -->
  21. </body>
  22. </html>

B) CSS Files - top

This theme imports CSS files.

  1. bootstrap.min.css (frameworks css)
  2. font-awesome.min.css (font icons)
  3. magnific-popup.css (plugin)
  4. theme.css (theme)
  5. theme-custom.css (your custom styles)

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

C) JavaScript - top

This theme imports Javascript files.

  1. jquery.js
  2. jquery.easing-1.3.pack.js
  3. bootstrap.min.js
  4. jquery.magnific-popup.min.js
  5. theme.js
  6. gmap3.min.js
  7. map-detail.js
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write
  2. jquery.easing is a script that give advanced easing options
  3. bootstrap contain all plugins of features bootstrap in a single file.
  4. magnific-popup is Light and open source responsive lightbox plugin with focus on performance, for jQuery
  5. theme.js is all configuration code in this template
  6. gmap3.min.js is jquery plugin for maps
  7. map-detail.js simple map config for single location

D) Sources and Credits - top

I've used the following images, icons or other files as listed.

Css framework

Image link


E) Change Log - top


Initial Released

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Best Regrads
Yobi Bina Setiawan

Go To Table of Contents