Thank you for purchasing our template

Version: 0.1.0
Create: July 17, 2023
Last Updated: July 17, 2023

In this document, we provide all kinds of good information with all the details you need to use our template. We hope you have fun and enjoy working with our template

If you have any question need support create ticket id https://themesflat.ticksy.com/ I will ready support for you. Thank so much

Getting Started

Introduction

Norstar is a professional and modern HTML template designed specifically for freelancers and personal experts to showcase their services.

With the one-page website design, Norstar helps you effectively introduce your services and attract potential customers. Norstar is easy to use and customize so you can add your own distinctive details to your website.

This template is designed to be compatible with various devices, from desktop computers to mobile phones, to ensure that your website will look beautiful on all devices. With Norstar, you can create a professional and unique website to introduce yourself and your services to potential customers, helping you increase revenue and develop your freelance career.

Features

Below are some features of this web app template:

  • 26 Homepages
  • Reusable Components
  • Valid HTML5
  • Based on Bootstrap Latest Version
  • Based On Sass
  • Working Contact Form PHP
  • Modern and Clean Design
  • Awesome Unique Look
  • Parallax Effect
  • Free Google Fonts
  • Detailed Documentation
  • Pixel Perfect
  • Coded to be developer friendly
  • Free Font Based Icons
  • Retina Ready
  • Complete Mobile UI App
  • Excellent Support
  • Cross Browser Compatible
  • And many more…

Structure

Once downloaded, unzip the compressed folder and you'll see something like this:

File & Folder Structure

norstar html
├── app
	├── bootstrap
	├── dist
	├── js
	├── scss
	├── swiper
├── assets
	├── font
	├── images
├── contact
├── mail
├── Home-Corperate.html
└── ...

HTML Structure

Norstar | Onepage Personal Portfolio HTML Template
Below is Norstar basic structure:
<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>Norstar | Onepage Personal Portfolio HTML Template Documentation </title>
							
	<!-- Mobile Specific Metas -->
							
	<!-- Bootstrap  -->
							
	<!-- swiper -->
							
	<!-- Style -->
							
	<!-- Favicon and Touch Icons -->
							
	<!-- Responsive -->
							
	<!-- colors -->    						
							
	<!-- Font  -->
</head>
							
<body>
	<!-- Header -->	
							
	<!-- Slider -->
							
	<!-- Section -->
	<section class="flat-row"> </section>
							
	<!-- Footer -->
	<footer class="footer"> </footer>
							
	<!-- Bottom -->
	<div class="bottom"> </bottom>
							
							   
	<!-- Javascript -->
	<script type="text/javascript" src="assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="assets/js/jquery.easing.js"></script>
	<script type="text/javascript" src="assets/js/jquery-validate.js"></script>
	<script type="text/javascript" src="assets/js/parallax.js"></script>
	<script type="text/javascript" src="assets/js/jquery.cookie.min.js"></script>   
	<script type="text/javascript" src="assets/js/switcher.js"></script>      
	<script type="text/javascript" src="assets/js/app.js"></script>
</body>
							
</html>

CSS System

app.css is the main CSS file located in style/ folder of the package. Whole CSS file is well indexed with topic and its related code.

The Norstar CSS System contains 2 parts:
  • Template style
  • Shortcodes style


Your_template/app/scss/style.scss ( Template style )


/**
* Header Fixed
* widget
* xrotate-1 
* xtype 
* xrotate-2 
* xloading-bar 
* xslide 
* xclip 
* xzoom 
* xrotate-3 
* xscale  
* xpush 
* progess
* Scroll Top 
* PreLoad
* Switcher
*/

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


/**
* animate
* box
* accordion
* button
* header
* home
* menu
* modal
* progess-bar
* responsive 
* section
* swiper
* tab
* tf-section
* blog
* footer
*magnific-popup
*/

Javascript Custom

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

app.js ( app/js/app.js )


/**
* headerFixed
* eventLoad
* ajaxContactForm
* alertBox
* tabs
* tabs2
* goTop
* AOS
* flatAccordion
* flatAccordions2
* popupVideo
* dropdown
* no_link
* flatCounter
* ButtonSlide
* parallax
* loadmore
* Preloader
*/

Credits & Official Documentation

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

  • Photos
    • All images are just used for preview purpose only and NOT included in the final purchase files.
  • Fonts & Icons
  • Javascript

    • Support

    If you have any questions or need support please create a ticket id at https://themesflat.ticksy.com/. I will ready support for you. Thank so much

    Stay Awesome!

    Themesflat

    Changelog

    "Version": "0.1.0",     July 17 2023

    • Initial released

    Copyright © 2023 Themesflat.