First of all, thank you for purchasing the Jano
Laravel 11 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.
Jano is a multi-purpose, powerful, beautiful and high-performance website template which is Designed for Business and Corporate 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. Follow the steps below to setup your site template:
Template
folder to find all the template files. You wil get Jano
folder in there. You need to upload this folder to your hosting web server using FTP or cPanel in order to use it on your website after following the below steps.
It will run the project at http://localhost:8000
We are used Blade files and components in this template.
The general template structure is the same throughout the template. Here is the general structure.
The code block above is powered by SyntaxHighlighter.
Favicon Will be found in head
section in the /resources/views/components/head.blade.php file.
<link rel="icon" type="image/png" sizes="56x56" href="{{ asset('assets/images/fav-icon/icon.png')}}">
The Logo will be found in the Theme Main Menu
section in the /resources/views/components/headers/menu1.blade.php file.
<div class="logo order-lg-0"><a href="index" class="d-block"><img src="{{ asset('assets/images/logo/logo_04.png') }}" alt="" width="95"></a></div>
You can replace any .jpg
.png
.svg
logo. And set the width
according to your logo size.
In Jano
we use gordita
and recoleta
font.
You can change both fonts form public/assets/css/style.css
file:
@import url('../fonts/gordita/stylesheet.css'); @import url('../fonts/recoleta/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
----- (10/08/2024) ------ - Added Figma File ________________________________ ----- (17/07/2024) ------ - First Published