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

Sofash is a perfect, innovative and responsive point of arrival format for programming , new companies and versatile applications. This presentation page format has diverse shading , header and design varieties. Efficient, recorded and simple to modify, Sofash is the most ideal approach to introduce and advance your start-up programming or portable application site.

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: 

Sofash/
├── 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>

	<!-- loader -->
        <div class="loader-wrapper">
                .. .. ..
        </div>	                                

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

        <!-- Start Home -->
        <section class="home-bg" id="home">
    		.. .. ..
        </section>
        <!-- End Home -->

        <!-- Start About -->
        <section class="section mt-5" id="services">
        	.. .. ..
        </section>
        <!-- End About -->

        <!-- Start Features -->
        <section class="section bg-light" id="features">
            .. .. ..
        </section>
        <!-- End Features -->   

        <!-- Start How It Work -->
        <section class="section">
        	.. .. ..
        </section>
        <!-- End How It Work -->   

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

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

        <!-- Start Client Logo -->
        <section class="section bg-light">
        	.. .. ..
        </section>
        <!-- End Client Logo -->

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

        <!-- Start Pricing -->
        <section class="section bg-light" id="price">
        	.. .. ..
        </section>
        <!-- End Pricing -->

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

        <!-- Start Contact -->
        <section class="section bg-light" id="download">
        	.. .. ..
        </section>
        <!-- End Contact -->

        <!-- Start Footer -->
        <footer class="footer pt-5">
        	.. .. ..
        </footer>
        <!-- End Footer -->  

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

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

</body>

CSS

Files are explained below:

File Description
bootstrap.min.css Sofash uses the bootstrap v5.3.3. The core bootstrap file is being used in all the pages.
materialdesignicons.min.css Materialdesign icon css file
pe-icon-7.css pe-icon css file
magnific-popup.css Magnific popup css file
owl.carousel.css owl carousel css file
owl.theme.css owl theme css file
owl.transitions.css owl transitions css file
style.css This file is containing all common styles for all the pages.

SCSS

Install Live Sass Compiler extention in your Visual Code Editor. Click the Watch Sass button at the right side footer of visual studio code. Contact us via Support any issues

Javascript

Files are explained below:

File Description
jquery.min.js Jquery v3.7.1 js file
popper.min.js Popper js file
bootstrap.bundle.min.js Bootstrap v5.3.3 js file
jquery.easing.min.js Jquery easing js file
scrollspy.min.js Scrollspy js file
owl.carousel.min.js Owl carousel js file
jquery.magnific-popup.min.js Jquery magnific popup js file
contact.js Contact js file
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 - support

Version 2.1.0 - 19 March 2024

  • Upgraded to latest bootstrap (v5.3.3)
  • jQuery v3.4.1 to v3.7.1

Version 2.0.0 - 1 September 2023

  • Upgraded to latest bootstrap (v5.3.1) Add Scss Support

Version 1.2 - 10 January 2020

  • Upgraded to latest bootstrap (v4.4.1)
  • jQuery v3.3.1 to v3.4.1

Version 1.1 - 8 January 2019

  • Updated bootstrap to 4.2.1

Version 1.0.0 - 1 January 2019

  • Initial released

Copyright © 2018 Sofash-Theme.