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 our Support Page : Support

Introduction

Sofash GatsBy 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.

Installation Steps

Follow these simple steps to install and set up Sofash Landing Template:

  • Step 1: Unzip
    Unzip The Downloaded Folder and open it in vscode or any other code editor you use.

  • Step 2: Navigate to the Project Directory
    Run the command cd ./Sofash/Landing in the Terminal

  • Step 3: Install node_modules
    Run the following command to install the node_modules:
    npm i / yarn

  • Step 4: Install Dependencies
    Run the following command to install the project dependencies:
    npm run develop / yarn run develop

  • Step 5: Build And Run
    Run the following command to run the project. It will first build and than run the project.
    yarn run build / npm run build

Visit http://localhost:8000 in your browser to view your Sofash Landing Template.

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, js 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/
├── Landing/
│   ├── public/
│   ├── src/
│   │   ├── assets/
│   │   │   └── All assets files
│   │   ├── components/
│   │   	├── Common/
│   │   │   └── All components files
│   │   ├── Layouts/
│   │   │   └── All Layouts files
│   │   ├── pages/
│   │   │   └── All index files
│   └── .gitignore
│   └── gatsby-config.js
│   └── package.json
│   └── README.md
└── Documentation/
	└── index.html - documentation file for documentation.

CSS

Files are explained below:

File Description
bootstrap.min.css Sofash uses the bootstrap v5.3.1. 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
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

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 Regards,

- ThemesBoss

Version 1.0.0 - 22 February 2024

  • Initial released

Copyright © 2023 Sofash-Theme.