First of all, thank you for purchasing the Jobi Asp.Net Core 9 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 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:
Documentation (Documentation for main template)Template (Main Template)Figma file (Free Figma File Download link)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. Finder is build in Asp.Net mvc web app using Visual Studio 2022. Please follow below steps to install and setup all prerequisites:
Please follow below steps to install and setup all prerequisites:
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:
Open Solution file
Open Jobi.sln file with Visual studio and make sure to check assets folder contain libs folder.
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/
βββJobi/
βββπControllers/
βββ Added all Controllers
βββπModels/
βββπobj/
βββπProperties/
βββπViews/
βββ Added all Pages
βββπwwwroot/
βββπassets/
βββ πcss/
βββ All css related files
βββ πdashboard
βββ All dashboard images
βββ πfonts/
βββ All fonts files
βββ πimages/
βββ All images files
βββ πjs/
βββ πvendor/
βββ All vendor files
βββ All scss files
βββ appsettings.Development.json
βββ appsettings.json
βββ Jobi.csproj
βββ Jobi.csproj.user
βββ Jobi.sln
βββ Program.cs
The code block above is powered by SyntaxHighlighter.
Favicon Will be found in head section.
<link rel="icon" type="image/png" sizes="56x56" href="images/fav-icon/icon.png">
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.
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');
The style.css file contains all of the specific stylings for the page. The file is separated
into sections using:
This file includes core bootstrap styles
SourceThis file contains bootstrap icon library
Source
<i class="bi bi-person"></i>
This file contains styles about Fontawesome icon library
Source
<i class="fab fa-facebook-square"></i>
This file contains styles about fancybox
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in
projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
<div class="wow fadeInUp">
...
</div>
This file contains styles about slick carousel plugin
SourceAll styles about template
jQuery is a fast, small, and feature-rich JavaScript library.
SourceCore bootstrap js file
SourcejQuery carousel plugin from Slick
SourceA lightweight script to animate scrolling.Reveal Animations When You Scroll.
SourcefancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
SourceThis file contains all script about site.
dd/mm/yy