Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Introduction

Ternig is a portfolio center html format. It gives responsive perfect and insignificant html format for your imaginative portfolio site. You can utilize this portfolio format for: office, individual portfolio, modeler office, consultant, photography studios, sound and music, musican, painter portfolio, fine arts, craftsmanship, craftsman portfolio, website architecture works, artists, coach, ventures, independent fashioner. You can discover this layout reasonable for their requirements.

All complemented by Dark Mode and RTL support for an enhanced user experience. Additionally, the <body data-bs-theme="dark" > tag and <html dir="rtl"> tag includes the attribute.

You are important for us and so please feel free to get back to me with any question or feedback.

Structure

I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

Folder Structure

I have tried to follow the standards and modular structure while developing the theme. Let's take a look at the package structure: 

Tering/
├── HTML/
│   ├── assets/
│   │   ├── css/
│   │   │   └── All css files
│   │   ├── fonts/
│   │   │   └── All font files
│   │   ├── images/
│   │   │   └── All images files
│   │   ├── js
│   │   │   └── All javascript files
│   │   └── scss
│   │       └── All scss files
│   └── *.html
│       └── ALL HTML files
└── Documentation/
	└── index.html - documentation file for documentation.

HTML Structure

<body>

        <!-- Navbar Start -->
        <nav class="navbar navbar-expand-lg fixed-top custom-nav">
                .. .. ..
        </nav>
        <!-- Navbar End -->

        <!-- Start Home -->
        <section class="home-bg-img h-100vh z-1" id="home">
    		.. .. ..
        </section>
        <!-- End Home -->

        <!-- Start About -->
        <section class="section" id="about">
        	.. .. ..
        </section>
        <!-- End About -->

        <!-- Start Services -->
        <section class="section bg-light" id="services">
        	.. .. ..
        </section>
        <!-- End Services -->

        <!-- Start Funfacts -->
        <section class="section">
        	.. .. ..
        </section>
        <!-- End Funfacts -->

        <!-- Start Portfolio -->
        <section class="section bg-light" id="portfolio">
        	.. .. ..
        </section>
        <!-- End Portfolio -->

        <!-- Start Client -->
        <section class="section client_section" id="client">
        	.. .. ..
        </section>
        <!-- End Client -->

        <!-- Start Trusted People -->
        <section class="section bg-light">
        	.. .. ..
        </section>
        <!-- End Trusted People -->

        <!-- Start Contact -->
        <section class="section" id="contact">
        	.. .. ..
        </section>
        <!-- End Contact -->

        <!-- Start Footer -->
        <footer class="footer_detail pt-5 pb-5 z-1">
        	.. .. ..
        </footer>
        <!-- End Footer -->

	<!-- Modal -->
        <div class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        	.. .. ..
        </div>

	<!-- Dark and RTL Button -->
        <div class="position-fixed end-0 top-50 translate-middle-y rounded-start-2 z-3">
        	.. .. ..
        </div>

        <!-- Back To Top -->
        <a href="#" class="back_top">
            	.. .. ..
        </a>

        <!-- scripts -->
        <script type="text/javascript">
            	...
        </script>

</body>

CSS & SCSS

Scss is a CSS pre-processor and it extends the CSS language, adding features that allow variables, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Scss runs inside Node, in the browser and inside Rhino.

Files are explained below:

File Description
bootstrap.min.css Ternig uses the bootstrap v5.3.3. The core bootstrap file is being used in all the pages.
style.scss/style.css This is main style file. The scss version is importing all the custom scss files.

Javascript

Files are explained below:

File Description
custom.js This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc.

Credits & Official Documentation

I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.

Support

Once again thank you for purchasing the theme. I am always avaialble to help you. If you have any suggestion or feature to make it more better, I am requesting you to contact me, I'll try my best to add them in future updates.

Best,

- ThemesBoss

Version 2.0.0 - 20 March 2024

  • Updated Bootstrap_v5.3.3
  • Updated jquery 3.7.1
  • Added Dark Mode support.
  • Added RTL Layout support.
  • Minor issue fixed.

Version 1.0.0 - 21 AUG 2018

  • Initial released

Copyright © 2025 Ternig-Theme.