FNC - Finance & Consulting, Accounting H Template

  • Version: 1.0
  • Last Updated: 15/03/2018
  • 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.

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
  • 3 Portfolio page
  • Portfolio Masonry
  • Portfolio grid alt
  • Four types of header
  • 2 Blog Page
  • Parallax Effect
  • & much more...

HTML Structure

FNC is a HTML Template exclusively built for finance, accounting, financial, brokerage, coaching, law office, bussines planning and consulting websites.

Based on our super-flexible framework, FNC is responsive Template allowing you to setup your own web page with its outstanding feature such as a varied header with 4+ styles 08 Home Page

Get FNC now along with our whole-hearted support!

Below is FNC basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>FNC Template</title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme 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.isotope.min.js"></script>
   <script type="text/javascript" src="javascript/imagesloaded.min.js"></script>
   <script type="text/javascript" src="javascript/owl.carousel.js"></script>
   <script type="text/javascript" src="javascript/jquery.fancybox.js"></script>
   <script type="text/javascript" src="javascript/jquery-waypoints.js"></script>   
   <script type="text/javascript" src="javascript/jquery.flexslider-min.js"></script>   
   <script type="text/javascript" src="javascript/jquery-countTo.js"></script>   
   <script type="text/javascript" src="javascript/jquery.cookie.js"></script>
   <script type="text/javascript" src="javascript/jquery.magnific-popup.min.js"></script>
   <script type="text/javascript" src="javascript/parallax.js"></script>
   <script type="text/javascript" src="javascript/jquery.countdown.js"></script>
   <script type="text/javascript" src="javascript/switcher.js"></script>
   <script type="text/javascript" src="javascript/main.js"></script>
</body>

</html>

CSS System

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

Style.css ( Theme style )


/**
  *	Reset
  *	Repeatable Patterns
  *	Top
  * Boxed
  * Header
  * Main Menu
  * Page Title
  * Main Content
  * Blog Pagination
  * Footer
  * Footer Bottom
  * Blog
  * Parallax
  * Go top
  * Preload
  * Switcher
*/

Shortcodes.css ( Shortcodes - Elements style )

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


/** 
  * Effect
  * Color
  * Flat Button
  * Row
  * Divider
  * Title-Section
  * Flat Quote
  * Flat Counter
  * Video
  * Flat-Accordion
  * Flat Tab
  * Countdown
  * IconBox
  * ImageBox
  * Form Request
  * InfoBox
  * Maps
  * Testimonials
  * Pricing
  * Teammember
*/

Javascript - Fonts - Animation - Bootstrap style

/**  
  * font-awesome.css
  * magnific-popup.css

  * owl.carousel.css
  * flexslider.css
  * justifiedGallery.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 )


/**
  * isMobile
  * responsiveMenu
  * headerFixed
  * ajaxContactForm
  * alertBox
  * portfolioSlider
  * generalSlider
  * flatTestimonial
  * detectViewport
  * flatCounter
  * googleMap
  * swClick
  * popupGallery
  * flatAccordion
  * portfolioIsotope
  * flatTabs
  * goTop
  * progressBar
  * menuActive
  * retinaLogos
  * parallax
  * videoPopup
  * removePreloader 
*/

Shortcodes System

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

    
/**
  * Flat Title
  * Related Post
  * Flat Error
  * Main About
  * Histoty
  * Team Member
  * Partner 
  * Flat FAQ
  * Flat About
  * Flat Accordion
  * Flat Progress
  * Flat Team
  * Flat Partner
  * Flat Imagebox
  * Flat Call Back
  * Main Services
  * Flat Iconbox
  * Flat Services
  * Flat Tab Services
  * Flat Submit
*/

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";

appoinment 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.

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


$address = "themesflat@gmail.com";

Credits