Jobi - Responsive Job Board Asp.net MVC Template

Thank you


First of all, thank you for purchasing the Jobi Asp.Net MVC 5 Template. You can find the detailed information about the template in this document. If there is anything you cannot find in this document, you can send an e-mail via the profile page.

Jobi In A Brief

Jobi is a multi-purpose, powerful, beautiful and high-performance website template which is Designed for job board websites
In download folder you will find Three folder:


Remember, when you want to use the shortcode/element in any pages you need to adjust the section spacing by giving margin or padding. Don't get panic if you messed up anything when you edit the template. We are always available to support our customer.
You can contact our developer directly by email or in Fiverr. or in Upwork or in PPH

1Installation

Introduction

Finder is build in Asp.Net mvc web app using Visual Studio 2022. Please follow below steps to install and setup all prerequisites:

Prerequisites

Please follow below steps to install and setup all prerequisites:

Visual Studio

Make sure to have the Latest Visual Studio installed & running on your computer. If you already have installed latest Visual Studio on your computer, you can skip this step.

After you finished with the above steps, you can run the following commands to run the project locally or build for production use:

Command

Open Solution file

Description

Open Jobi.sln file with Visual studio and make sure to check asstes folder contain libs folder.

2Floder Structure

We are used Bootstrapv5.1.3 framework in this template.
The general template structure is the same throughout the template. Here is the general structure.

📁Jobi
    ├──Documentation/
    ├──Admin/
    ├──📁App_Data/
    ├──📁App_Start/
        ├──📁assets/
            ├── 📁css/
                └── All css related files
            ├── 📁dashboard
                └── All dashboard images
            ├── 📁fonts/
                └── All fonts files
            ├── 📁images/
                └── All images files
            ├── 📁js/
            ├── 📁scss/
                └── All scss files
            ├── 📁vendor/
                    └── All vendor files
            └── All scss files
        ├──📁Content/
        ├──📁Controllers/
            └── Added all Controllers
        ├──📁Models/
        ├──📁obj/
        ├──📁packages/
        ├──📁Properties/
        ├──📁Scripts/
        ├──📁Views/
            └── Added all Pages
        ├── Jobi.csproj
        ├── Jobi.csproj.user
        ├── Jobi.sln
        ├── favicon.ico
        ├── Global.asax
        ├── Global.asax.cs
        ├── packages.config
        ├── Web.config
        ├── Web.Debug.config
        └── Web.Release.config

The code block above is powered by SyntaxHighlighter.

3Favicon Settings

Favicon Will be found in head section.

        
        <link rel="icon" type="image/png" sizes="56x56" href="images/fav-icon/icon.png">

4Logo Settings

The Logo will be found in the Theme Main Menu section.

        <div class="logo order-lg-0"><a href="index.html" class="d-flex align-items-center"><img src="images/logo/logo_01.png" alt="" ></a></div>

You can replace any .jpg .png .svg logo. And set the width according to your logo size.

5Fonts Settings

In jobi we use gordita and EB Garamond font.
You can change both fonts form scss/base.scss file: 

            @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap');
            @import url('../fonts/gordita/stylesheet.css');

7CSS Structure

The style.css file contains all of the specific stylings for the page. The file is separated into sections using:

8JavaScripts

9Credits

10Changelog:

Dates are formated in dd/mm/yy
v1.0.0 - 05 August 2024