Welcome to Risum ! Get familiar with the Stripe products and explore their features:
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
Sass - CSS with superpowers. Handle CSS with Sass. The most stable and powerful professional grade CSS extension language.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
Responsive with a sharp and pixel perfect design that makes it look perfect in every device.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
HTML5 offers multiple storage options, such as an SQL database, application cache, and web storage.
Welcome to Risum
Risum is a one-page responsive personal portfolio layout with three additional detailed pages, perfect for showcasing your creativity. Whether you're a designer, freelancer, developer, architecture, content writer, photographer, Fitness instructor, cooking chef, video editor and personal or any other professional, Risum offers an ideal platform to represent your skills and creative work. It boasts thorough documentation, effortless usability, easy customization, faster loading times, and enhanced performance. Risum – is highly customizable – looks awesome on tablets and mobile devices. We have included best web development practices – you can create a great website layout based on Bootstrap or Grid 1350px.
After purchasing Risum template on templateforest.net with your account, go to your Download page. You can choose to download Risum template only or the entire Risum template package which contains the following files:
Installing a Risum template is not like WordPress or CMS theme installation, actually, installation keyword does not go with Risum template. Why? because you don’t install anything, yes Risum or HTML templates are automatically rendered by the browser.
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.
First of all, If you don’t have your template on your computer, download Risum template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).
This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.
/*********************************************************************************
Template Name: Risum || Personal Portfolio Template
Description: A perfect Template For Personal Portfolio. It comes with nice and clean design.
Version: 1.0.0
Note: This is style css.
**********************************************************************************/
/*---------------------------
CSS Index
****************************
STYLESHEET INDEXING
|
|
|___ Default Styles
| |
| |__Variables
| |__Typography
| |__Spacing
| |__Reset
| |__Forms
| |__mixins
| |__Shortcode
| |__Common
| |__Animations
| |__Text Animation
| |__ extend
| |__custom-animation
| |__preloader
| |__offcanvas
|
|
|___Header Styles
| |___ header-top
| |___ header-fixed
| |___ header-common
|
|
|___Elements Styles
| |___ about
| |___ award
| |___ backtotop
| |___ banner
| |___ blog
| |___ brand
| |___ breadcrumb
| |___ button
| |___ common
| |___ contact
| |___ counterup
| |___ demo
| |___ discount
| |___ event
| |___ instagram
| |___ intro
| |___ model
| |___ portfolio
| |___ pricing
| |___ product
| |___ progress
| |___ qualification
| |___ schedule
| |___ section-title
| |___ service
| |___ sidebar
| |___ skill
| |___ slider
| |___ social-icon
| |___ swiper
| |___ team
| |___ text-animation
| |___ timeline
| |___ video-play
|
|
|___menu
| |___ meanmenu
| |___ menu
|
|
|___Template Style
| |___ blog-details
| |___ portfolio
| |___ service-details
|
|
|___footer
| |___ footer
| |___ copyright
***************************************************************/
We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:
/*********************************************************************************
Template Name: Risum || Personal Portfolio Template
Description: A perfect Template For Personal Portfolio. It comes with nice and clean design.
Version: 1.0.0
Note: This is style css.
**********************************************************************************/
/*---------------------------
CSS Index
****************************
STYLESHEET INDEXING
|
|
|___ Default Styles
| |
| |__Variables
| |__Typography
| |__Spacing
| |__Reset
| |__Forms
| |__mixins
| |__Shortcode
| |__Common
| |__Animations
| |__Text Animation
| |__ extend
| |__custom-animation
| |__preloader
| |__offcanvas
|
|
|___Header Styles
| |___ header-top
| |___ header-fixed
| |___ header-common
|
|
|___Elements Styles
| |___ about
| |___ award
| |___ backtotop
| |___ banner
| |___ blog
| |___ brand
| |___ breadcrumb
| |___ button
| |___ common
| |___ contact
| |___ counterup
| |___ demo
| |___ discount
| |___ event
| |___ instagram
| |___ intro
| |___ model
| |___ portfolio
| |___ pricing
| |___ product
| |___ progress
| |___ qualification
| |___ schedule
| |___ section-title
| |___ service
| |___ sidebar
| |___ skill
| |___ slider
| |___ social-icon
| |___ swiper
| |___ team
| |___ text-animation
| |___ timeline
| |___ video-play
|
|
|___menu
| |___ meanmenu
| |___ menu
|
|
|___Template Style
| |___ blog-details
| |___ portfolio
| |___ service-details
|
|
|___footer
| |___ footer
| |___ copyright
***************************************************************/
There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="bd-header-logo pt-10 pb-10">
<a href="index.html">
<img src="assets/img/logo/logo-dark.png" alt="logo not found">
</a>
</div>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-01.png" alt="Logo"></a>
</div>
We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.
Have a look at the following image for a visual description:
Welcome to Risum Header Elements! You can choose 3 Types of header package for creating you website.
If you remove nav border then. remove border-nav class in nav <nav class="main-menu border-nav" id="mobile-menu">
<!-- Header area start -->
<header>
<div id="header-sticky" class="header-area header-transparent border--bottom">
<div class="container">
<div class="mega-menu-wrapper p-relative">
<div class="header-main">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-01.png" alt="Logo"></a>
</div>
<div class="header-menu">
<nav class="main-menu border-nav" id="mobile-menu">
<ul class="onepage-menu ">
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<div class="home-menu-item">
<a href="home-designer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Designer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-freelancer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Freelancer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-developer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Developer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-architecture.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Architecture Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-content-writer.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Content Writer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-photographer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-6.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Photographer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-fitness-instructor.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-7.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Fitness Instructor Portfolio
</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-cooking-chef.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-8.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Cooking Chef Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-video-editor.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-9.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Video Editor Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-personal.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-10.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Personal Portfolio</h6>
</div>
</a>
</div>
</li>
</ul>
</li>
<li><a href="#about">About</a></li>
<li><a href="#service">Service</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Page</a>
<ul class="submenu last-children">
<li class="menu-item-has-children">
<a href="portfolio-details.html">Portfolio Details</a>
</li>
<li class="menu-item-has-children">
<a href="services-details.html">Services Details</a>
</li>
<li class="menu-item-has-children">
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
<li><a href="#testimonial">testimonial</a></li>
<li><a href="#blog">blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="header-right d-flex align-items-center gap-30">
<div class="header-btn d-none d-sm-block">
<a class="bd-btn is-bg-gradient rotate-0" href="#contact" target="_blank">
<i class="fa-sharp fa-light fa-envelope"></i>
<span class="btn-text">frank@risum.com</span>
</a>
</div>
<div class="header-hamburger ml-20 d-xl-none">
<div class="sidebar-toggle">
<a class="bar-icon" href="avascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
Change Hover Color in Header nav then add class in <nav class="main-menu color-variation">
<!-- Header area start -->
<header>
<div class="header-top-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-9">
<div class="header-info">
<ul class="info-wrapper">
<li>
Welcome To Kitchen Of Chef
</li>
<li class="d-none d-md-block">
<a href="mailto:frank@risum.com">
<i class="icon icon-email"></i>
<span>frank@risum.com</span>
</a>
</li>
<li>
<a href="tel:777 888 999 00">
<i class="icon icon-phone"></i>
<span>+777 888 999 00</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="social-icon-wrapper d-none d-lg-block">
<ul class="social-icon social-icon-54 horizontal-icon">
<li>
<a class="bg-primary-2" href="#">
<i class="icon icon-facebook"></i>
</a>
</li>
<li>
<a class="bg-primary-2" href="#">
<i class="icon icon-linkdin"></i>
</a>
</li>
<li>
<a class="bg-primary-2" href="#">
<i class="icon icon-twitter"></i>
</a>
</li>
<li>
<a class="bg-primary-2" href="#">
<i class="icon icon-social-02"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="header-sticky" class="header-area header-transparent has-top-bar">
<div class="container">
<div class="mega-menu-wrapper p-relative">
<div class="header-main">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-02.png" alt="Logo"></a>
</div>
<div class="header-menu">
<nav class="main-menu header-with-top color-variation" id="mobile-menu">
<ul class="onepage-menu ">
<li class="has-mega-menu">
<a href="index.html">Home</a>
</li>
<li><a href="#service">Service</a></li>
<li><a href="#about">About</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#testimonial">Testimonial</a></li>
<li><a href="#blog">Blog</a></li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Page</a>
<ul class="submenu last-children">
<li class="menu-item-has-children">
<a href="portfolio-details.html">Portfolio Details</a>
</li>
<li class="menu-item-has-children">
<a href="services-details.html">Services Details</a>
</li>
<li class="menu-item-has-children">
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="header-right d-flex align-items-center gap-30">
<div class="header-btn d-none d-sm-block">
<a class="bd-btn is-brown-border" href="contact.html"> Contact Me <span
class="icon-box"> <i class="fa-regular fa-arrow-right first"></i> <i
class="fa-regular fa-arrow-right second"></i></span></a>
</div>
<div class="header-hamburger ml-20 d-xl-none">
<div class="sidebar-toggle">
<a class="bar-icon" href="avascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
Change Hover Color in Header nav then add class in <nav class="main-menu color-variation-two">
<!-- Header area start -->
<header>
<div id="header-sticky" class="header-area header-transparent">
<div class="container">
<div class="mega-menu-wrapper p-relative">
<div class="header-main">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-01.png" alt="Logo"></a>
</div>
<div class="header-menu">
<nav class="main-menu color-variation-two" id="mobile-menu">
<ul class="onepage-menu ">
</ul>
</nav>
</div>
<div class="header-right d-flex align-items-center gap-30">
<div class="header-btn d-none d-sm-block">
<a class="bd-btn is-bg-orange" href="contact.html"> Know More <span class="icon-box"> <i
class="fa-regular fa-arrow-right first"></i> <i
class="fa-regular fa-arrow-right second"></i></span></a>
</div>
<div class="header-hamburger ml-20 d-xl-none">
<div class="sidebar-toggle">
<a class="bar-icon" href="avascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
There is two header in header right. one is right side position fixed another one is offcanvas header
<!-- fixed header area start -->
<header class="header-area is-header-fixed header-transparent">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="header-wrapper">
<div class="header-right">
<div class="hamberger">
<div class="header-hamburger">
<div class="sidebar-toggle">
<a class="bar-icon" href="avascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
<div class="nav-iconic">
<a class="nav-item" href="#banner">
<i class="icon icon-home"></i>
<span class="nav-text">Home</span>
</a>
<a class="nav-item" href="#about">
<i class="icon icon-contact"></i>
<span class="nav-text">About</span>
</a>
<a class="nav-item" href="#experiance">
<i class="icon icon-setting"></i>
<span class="nav-text">experiance</span>
</a>
<a class="nav-item" href="#skill">
<i class="icon icon-cart"></i>
<span class="nav-text">skills</span>
</a>
<a class="nav-item" href="#service">
<i class="icon icon-no-1"></i>
<span class="nav-text">service</span>
</a>
<a class="nav-item" href="#portfolio">
<i class="icon icon-person-star"></i>
<span class="nav-text">Projects</span>
</a>
<a class="nav-item" href="#contact">
<i class="icon icon-support-1"></i>
<span class="nav-text">Contact</span>
</a>
<a class="nav-item" href="#">
<i class="fa-light fa-square-arrow-down"></i>
<span class="nav-text">Download</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- fixed header area end -->
<!-- Offcanvas Header area start -->
<header>
<div id="header-sticky" class="header-area header-transparent border--bottom header-freelancer">
<div class="container">
<div class="mega-menu-wrapper p-relative">
<div class="header-main">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-01.png" alt="Logo"></a>
</div>
<div class="header-menu">
<nav class="main-menu" id="mobile-menu-2">
<ul class="onepage-menu ">
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<div class="home-menu-item">
<a href="home-designer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Designer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-freelancer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Freelancer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-developer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Developer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-architecture.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Architecture Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-content-writer.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Content Writer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-photographer-portfolio.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-6.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Photographer Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-fitness-instructor.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-7.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Fitness Instructor Portfolio
</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-cooking-chef.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-8.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Cooking Chef Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-video-editor.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-9.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Video Editor Portfolio</h6>
</div>
</a>
</div>
</li>
<li>
<div class="home-menu-item">
<a href="home-personal.html">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-10.jpg"
alt="thumb not found">
</div>
<div class="home-menu-content">
<h6 class="home-menu-title">Personal Portfolio</h6>
</div>
</a>
</div>
</li>
</ul>
</li>
<li><a href="#about">About</a></li>
<li><a href="#service">Service</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Page</a>
<ul class="submenu last-children">
<li class="menu-item-has-children">
<a href="portfolio-details.html">Portfolio Details</a>
</li>
<li class="menu-item-has-children">
<a href="services-details.html">Services Details</a>
</li>
<li class="menu-item-has-children">
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
<li><a href="#testimonial">testimonial</a></li>
<li><a href="#blog">blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="header-right d-flex align-items-center gap-30">
<div class="header-btn d-none d-sm-block">
<a class="bd-btn is-bg-gradient rotate-0" href="#contact" target="_blank">
<i class="fa-sharp fa-light fa-envelope"></i>
<span class="btn-text">frank@risum.com</span>
</a>
</div>
<div class="header-hamburger ml-20 d-xl-none">
<div class="sidebar-toggle">
<a class="bar-icon" href="avascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Offcanvas Header area end -->
Welcome to Risum Footer You can select any footer & customize easily and build your website.
Awesome Footer styles. See below image and code for more information.
<!-- footer area start -->
<footer class="theme-bg-primary">
<section class="bd-footer-area style-six bd-section-gap ">
<div class="container">
<div class="row g-5">
<div class="col-xl-3 col-lg-4 col-md-5 col-sm-6">
<div class="footer-widget footer-6-col-1">
<div class="footer-widget-logo">
<a href="index.html">
<img src="assets/images/logo/logo-01.png" alt="logo not found">
</a>
</div>
<div class="footer-widget-content">
<p class="footer-widget-description">
I'm generally available during to regular business hours,
</p>
<div class="footer-social">
<div class="theme-social">
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a class="youtube" href="#"><i class="icon-youtube"></i></a>
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin"></i></a>
<a class="behance" href="#"><i class="fa-brands fa-behance"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3 col-sm-6">
<div class="footer-widget footer-6-col-2">
<h5 class="footer-widget-title">Navigation</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
<div class="footer-widget footer-6-col-3">
<h5 class="footer-widget-title">Pages</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Faq</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="footer-widget footer-6-col-4">
<h5 class="footer-widget-title">Service</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Website </a></li>
<li><a href="#">Branding </a></li>
<li><a href="#">Blog </a></li>
<li><a href="#">Digital</a></li>
<li><a href="#">Marketing </a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-8">
<div class="footer-widget footer-6-col-5">
<h5 class="footer-widget-title">Newsletter</h5>
<div class="footer-widget-content">
<div class="footer-subscribe">
<p>Register now to get latest updates Promotion & Coupons</p>
<form action="#">
<div class="footer-input-box">
<div class="footer-input">
<input type="email" placeholder="Join My Newsletter">
<i class="icon icon-email"></i>
</div>
<button type="submit" class="footer-btn">
Subscribe
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="footer-copyright-area style-one">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-lg-6 col-md-6">
<div class="footer-copyright clr-priamry">
<p>Copyright @ 2025 <a href="https://account.templatemonster.com/profile"
target="_blank">Risum</a>.
All
Right Reserved</p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="footer-copyright-link text-md-end text-center clr-primary">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Use</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer area end -->
Awesome Footer Two styles. See below image and code for more information.
<!-- footer area start -->
<footer>
<section class="bd-footer-area style-five bd-section-gap">
<div class="container">
<div class="row g-5">
<div class="col-xl-3 col-lg-4 col-md-5 col-sm-6">
<div class="footer-widget footer-5-col-1">
<div class="footer-widget-logo">
<a href="index.html">
<img src="assets/images/logo/logo-01.png" alt="logo not found">
</a>
</div>
<div class="footer-widget-content">
<p class="footer-widget-description">
I'm generally available during to regular business hours,
</p>
<div class="footer-social">
<div class="theme-social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="icon-youtube"></i></a>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-behance"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3 col-sm-6">
<div class="footer-widget footer-5-col-2">
<h5 class="footer-widget-title">Navigation</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
<div class="footer-widget footer-5-col-3">
<h5 class="footer-widget-title">Pages</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Faq</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div class="footer-widget footer-5-col-4">
<h5 class="footer-widget-title">Service</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Website </a></li>
<li><a href="#">Branding </a></li>
<li><a href="#">Blog </a></li>
<li><a href="#">Digital</a></li>
<li><a href="#">Marketing </a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
<div class="footer-widget footer-5-col-5">
<h5 class="footer-widget-title">Get In Touch</h5>
<div class="footer-widget-contact">
<ul>
<li>
<span>Address:
</span>
<div class="footer-location">
<a href="#">1770 Davisson Street Modoc, IN 47358
</a>
</div>
</li>
<li>
<span>Booking Contact:</span>
<div class="footer-meta-title">
<a href="mailto:frank@risum.com">frank@risum.com</a>
<a href="tel:+172908 454 231">(+172) 908 454 231</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="footer-copyright-area style-one">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="footer-copyright clr-priamry">
<p>Copyright @ 2025 <a href="https://account.templatemonster.com/profile"
target="_blank">Risum</a>.
All
Right Reserved</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="footer-copyright-link text-md-end text-center clr-primary">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Use</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer area end -->
Awesome Footer Three styles. See below image and code for more information.
<!-- Start Footer Area -->
<footer>
<section class="bd-footer-area style-one bd-section-gap">
<div class="container">
<div class="row g-5">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-7">
<div class="footer-widget footer-1-col-1">
<div class="footer-widget-logo">
<a href="index.html">
<img src="assets/images/logo/logo-01.png" alt="logo not found">
</a>
</div>
<div class="footer-widget-content">
<p class="footer-widget-description">
I'm generally available during to regular business hours,
</p>
<h5 class="footer-subscribe-title">Let's Talk Your Work</h5>
<form action="#">
<div class="footer-input-box">
<div class="footer-input">
<input type="email" placeholder="Join My Newsletter">
<i class="icon icon-email"></i>
</div>
<button type="submit" class="footer-btn">
Subscribe
</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-2 col-md-6 col-sm-5">
<div class="footer-widget footer-1-col-2">
<h5 class="footer-widget-title">Navigation</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-2 col-md-6 col-sm-6">
<div class="footer-widget footer-1-col-3">
<h5 class="footer-widget-title">Pages</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Faq</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="footer-widget footer-1-col-4">
<h5 class="footer-widget-title">Recent Posts</h5>
<div class="footer-widget-content">
<div class="footer-widget-blog">
<div class="footer-blog-item">
<div class="footer-blog-thumb">
<a href="blog-details.html"><img src="assets/images/footer/footer-01.png" alt="footer"></a>
</div>
<div class="footer-widget-content">
<div class="footer-blog-title">
<h6 class="footer-blog-title">
<a href="blog-details.html">Provide Best Cameras</a>
</h6>
</div>
<div class="footer-blog-meta">
<span>July 26, 2022</span>
</div>
</div>
</div>
<div class="footer-blog-item">
<div class="footer-blog-thumb">
<a href="blog-details.html"><img src="assets/images/footer/footer-02.png" alt="footer"></a>
</div>
<div class="footer-widget-content">
<div class="footer-blog-title">
<h6 class="footer-blog-title">
<a href="blog-details.html">Editor Who Changed the View </a>
</h6>
</div>
<div class="footer-blog-meta">
<span>July 26, 2022</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="footer-copyright-area style-one">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="footer-copyright">
<p>Copyright @ 2025 <a href="https://account.templatemonster.com/profile" target="_blank">Risum</a>.
All
Right Reserved</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="footer-social">
<div class="theme-social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="icon-youtube"></i></a>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-behance"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Start Footer Area -->
Awesome Footer Four styles. See below image and code for more information.
<!-- Start Footer Area -->
<footer>
<section class="bd-footer-area style-three bd-section-gap">
<div class="container">
<div class="row g-5">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget footer-3-col-1">
<div class="footer-widget-logo">
<a href="index.html">
<img src="assets/images/logo/logo-02.png" alt="logo not found">
</a>
</div>
<div class="footer-widget-content">
<p class="footer-widget-description">
Understanding testy well-food style it often involves a combination of ingredients,
cooking techniques, and cultural influence the balance.
</p>
<div class="footer-social">
<div class="theme-social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="icon-youtube"></i></a>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-behance"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="footer-widget footer-3-col-2">
<h5 class="footer-widget-title">Opening Time</h5>
<div class="footer-widget-time">
<ul>
<li>Mon - Fri : 10:00am - 21:00pm</li>
<li>Sat: 09:00am - 22:00pm</li>
<li>Sun: 6:00pm - 20:00pm</li>
<li>Holidays: Closed</li>
<li>Happy Hours: 12:00pm - 19:00pm</li>
</ul>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-2 col-lg-4 col-md-6 col-sm-6">
<div class="footer-widget footer-3-col-3">
<h5 class="footer-widget-title">Locations</h5>
<div class="footer-widget-locations">
<ul>
<li>
<span>Address:
</span>
<a href="#">1770 Davisson Street Modoc, IN 47358
</a>
</li>
<li>
<span>Booking Contact:</span>
<a href="mailto:frank@risum.com">frank@risum.com</a>
<a href="tel:+172908 454 231">(+172) 908 454 231</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget footer-3-col-4">
<h5 class="footer-widget-title">Newsletter</h5>
<div class="footer-widget-content">
<div class="footer-subscribe">
<p>Register now to get latest updates Promotion & Coupons</p>
<form action="#">
<div class="footer-input-box">
<div class="footer-input">
<input type="email" placeholder="Join My Newsletter">
<i class="icon icon-email"></i>
</div>
<button type="submit" class="footer-btn">
Subscribe
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="footer-copyright-area style-one">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-lg-6 col-md-6">
<div class="footer-copyright clr-brown">
<p>Copyright @ 2025 <a href="https://account.templatemonster.com/profile" target="_blank">Risum</a>.
All
Right Reserved</p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="footer-copyright-link text-md-end text-center">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Use</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Start Footer Area -->
Awesome Footer Five styles. See below image and code for more information.
<!-- Start Footer Area -->
<footer>
<section class="bd-footer-area style-two bd-section-gap">
<div class="footer-bg include-bg" data-background="assets/images/all-bg-img/footer-bg-01.png"></div>
<div class="container">
<div class="row g-5">
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="footer-widget footer-2-col-1">
<div class="footer-widget-logo">
<a href="index.html">
<img src="assets/images/logo/logo-03.png" alt="logo not found">
</a>
</div>
<div class="footer-widget-content">
<p class="footer-widget-description">
I'm generally available during to regular business hours,
</p>
<div class="footer-contact-info">
<div class="footer-contact-item">
<span class="footer-contact-icon">
<i class="fa-light fa-envelope"></i>
</span>
<div class="footer-contact-text">
<p>Email:</p>
<h6><a href="mailto:frank@risum.com">frank@risum.com</a></h6>
</div>
</div>
<div class="footer-contact-item">
<span class="footer-contact-icon">
<i class="fa-solid fa-phone"></i>
</span>
<div class="footer-contact-text">
<p>Phone:</p>
<h6><a href="tel:+908454231">(+172) 908 454 231</a></h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="footer-widget footer-2-col-2">
<h5 class="footer-widget-title">Navigation</h5>
<div class="footer-widget-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-2 col-lg-2 col-md-4 col-sm-5">
<div class="footer-widget footer-2-col-3">
<h5 class="footer-widget-title">Services</h5>
<div class="footer-widget-links">
<ul>
<li><a href="service-details.html">Planning</a></li>
<li><a href="service-details.html">Interior</a></li>
<li><a href="service-details.html">Exterior</a></li>
<li><a href="service-details.html">Decoration</a></li>
<li><a href="service-details.html">Furniture</a></li>
<li><a href="service-details.html">Exclusively</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6 col-sm-7">
<div class="footer-widget footer-2-col-4">
<h5 class="footer-widget-title">Newsletter</h5>
<div class="footer-widget-content">
<div class="footer-subscribe">
<p>Register now to get latest updates Promotion & Coupons</p>
<form action="#">
<div class="footer-input-box">
<div class="footer-input">
<input type="email" placeholder="Search here">
<i class="icon icon-email"></i>
</div>
<button type="submit" class="footer-btn">
Subscribe
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="footer-copyright-area style-one">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="footer-copyright clr-orange">
<p>Copyright @ 2025 <a href="https://account.templatemonster.com/profile" target="_blank">Risum</a>.
All
Right Reserved</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="footer-social clr-orange">
<div class="theme-social">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="icon-youtube"></i></a>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-behance"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Start Footer Area -->
We've used the following fonts, free icons and plugins as listed:
Thank you for purchasing my template.
Update Change log View Changelog Here
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact Us
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact
