IRHAS HTML Documentation by Themes Awesome v1.0
IRHAS - Multiconcept Digital Agency HTML Template
Created: 8 january 2021
By: Themes Awesome
Support: Ask support access HERE
Thank you for purchasing IRHAS HTML. If you have any questions that aren't covered in the documentation, then please send me a PM and I'll be happy to help. Thanks again!
Table of Contents
IRHAS HTML - top
IRHAS
IRHAS Logo is
Tips
Use Firebug or Chrome Developer Tools.
Do not start from scratch, use an existing page from the demo and modify it to learn how it works.
Getting an error message? Someone might have seen it too, try a google search for a quick fix.
Explore the live demo for pages ideas and sample code.
Files Structure
- css (Template CSS ) - fonts (All Fonts & Icons) - img (All Images) - js (jQuery file and all plugin js file)
Html Structure
The default grid system utilizes 12 columns, making for a 1080px wide
depending on your viewport. Below 640px viewports, the columns become fluid and stack vertically.
Create a .grid and add the appropriate number of .col-span-*.
HTML Markup
<div class="thaw-container">
<div class="grid gap-12 grid-cols-12">
<div class="col-span-1">
Level 1 column
<div class="col-span-2">Level 2</div>
<div class="col-span-2>Level 2</div>
</div>
</div>
</div>
If you need more information, please visit this site: http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem
Head Script (Default)
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Stylesheets
============================================= -->
<link rel="stylesheet" href="css/aos.css" type="text/css" />
<link rel="stylesheet" href="css/plugin.css" type="text/css" />
<link rel="stylesheet" href="css/swiper-bundle.min.css" type="text/css">
<link rel="stylesheet" href="css/thaw-flexgrid.css" type="text/css" />
<link rel="stylesheet" href="css/font.css" type="text/css" />
<link rel="stylesheet" href="css/all.min.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<link rel="stylesheet" href="css/lightgallery.min.css" type="text/css">
<!-- External Styles
============================================= -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Document Title
=============================================-->
<title>Irhas1 | Irhas HTML Themes</title>
</head>
Header Markup
<!-- HEADER IRHAS 1
============================================= -->
<!-- HEADER START
============================================= -->
<header id="header">
<div class="subheader ">
<div class="thaw-container">
<div class="flex justify-between flex-wrap items-center">
<div class="subheader-content-left">
<p><strong>Digital Software</strong> <span>For Startup>l/span></p>
</div>
<div class="subheader-content-right justify-end flex flex-wrap items-stretch">
<nav class="subheader-list flex">
<ul id="menu-top" class="flex sm sm-clean the-subheader">
<li class="menu-item"><a href="#">Privacy Policy</a></li>
<li class="menu-item"><a href="#">Cookie Policy</a></li>
<li class="menu-item"><a href="#">Terms And Condition</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="header-style-1">
<div class="thaw-container">
<div class="header-style1-wrap grid grid-cols-12">
<div class="header-content-left col-span-9 res:col-span-12 sm:col-span-12 grid grid-cols-12">
<!-- LOGO START
============================================= -->
<div class="logo col-span-3">
<a href="index.html">
<img src="img/irhas1.png" alt=Irhas Logo" />
</a>
</div>
<!-- LOGO END -->
<!-- NAVIGATION START
============================================= -->
<nav class="main-nav col-span-9 sm:col-span-12">
<!-- Mobile menu toggle button (hamburger/x icon) -->
<input id="main-menu-state" type="checkbox" />
<label class="main-menu-btn" for="main-menu-state">
<span class="main-menu-btn-icon"></span> Toggle main menu visibility
</label>
<!-- Sample menu definition -->
<ul id="main-menu" class="sm sm-clean">
<li class="menu-item has-submenu">
<a href="index.html">Home</a>
<ul class="sub-menu">
<li class="menu-item-sub"><a href="index.html">Home 1</a></li>
<li class="menu-item-sub"><a href="home2.html">Home 2</a></li>
<li class="menu-item-sub"><a href="home3.html">Home 3</a></li>
</ul>
</li>
<li class="menu-item ">
<a href="service.html">Service</a>
</li>
<li class="menu-item has-submenu">
<a href="projects.html">Projects</a>
</li>
<li class="menu-item has-submenu">
<a href="about.html">About</a>
<ul class="sub-menu">
<li class="menu-item-sub"><a href="about.html">About 1</a&tl;</li>
<li class="menu-item-sub"><a href="about2.html">About 2</a></li>
<li class="menu-item-sub"><a href="about3.html">About 3</a></li>
>/ul<
</li>
<li class="menu-item">
<a href="blog.html">Blog</a>
</li>
<li class="menu-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!-- NAVIGATION END -->
</div>
<div class="header-content-right col-span-3">
<div class="content-right-area">
<ul class="right-area-menu">
<li class="right-area-item">
<span class="phone-number">+62 800 1402&t;/span>
</li>
<li class="right-area-item">
<a href="#" class="button button-head-item">Get Started</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- HEADER END -->
<!-- END HEADER IRHAS 1 -->
<!-- HEADER IRHAS 2
============================================= -->
<header>
<div class="header-style-2">
<div class="thaw-container">
<div class="header-style2-wrap grid grid-cols-12">
<div class="header-content-left col-span-9 res:col-span-12 sm:col-span-12 grid grid-cols-12">
<!-- LOGO START
============================================= -->
<div class="logo col-span-3">
<a href="index.html">
<img src="img/irhas2.png" alt=Irhas Logo" />
</a>
</div>
<!-- LOGO END -->
<!-- NAVIGATION START
============================================= -->
<nav class="main-nav col-span-9 sm:col-span-12">
<!-- Mobile menu toggle button (hamburger/x icon) -->
<input id="main-menu-state" type="checkbox" />
<label class="main-menu-btn" for="main-menu-state">
<span class="main-menu-btn-icon"></span> Toggle main menu visibility
</label>
<!-- Sample menu definition -->
<ul id="main-menu" class="sm sm-clean">
<li class="menu-item has-submenu">
<a href="index.html">Home</a>
<ul class="sub-menu">
<li class="menu-item-sub"><a href="index.html">Home 1</a></li>
<li class="menu-item-sub"><a href="home2.html">Home 2</a></li>
<li class="menu-item-sub"><a href="home3.html">Home 3</a></li>
</ul>
</li>
<li class="menu-item has-submenu">
<a href="projects.html">Projects</a>
</li>
<li class="menu-item ">
<a href="service.html">Service</a>
</li>
<li class="menu-item has-submenu">
<a href="about.html">About</a>
<ul class="sub-menu">
<li class="menu-item-sub"><a href="about.html">About 1</a&tl;</li>
<li class="menu-item-sub"><a href="about2.html">About 2</a></li>
<li class="menu-item-sub"><a href="about3.html">About 3</a></li>
>/ul<
</li>
<li class="menu-item">
<a href="blog.html">Blog</a>
</li>
<li class="menu-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!-- NAVIGATION END -->
</div>
<div class="header-content-right col-span-3">
<div class="content-right-area">
<ul class="right-area-menu">
<li class="right-area-item">
<span class="phone-number">+62 800 1402&t;/span>
</li>
<li class="right-area-item">
<a href="#" class="button button-head-item">Get Started</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END HEADER IRHAS 2 -->
<!-- HEADER IRHAS 3
============================================= -->
<header>
<div class="header-style-3">
<div class="thaw-container">
<div class="header-style3-wrap grid grid-cols-12">
<div class="header-content-left col-span-9 res:col-span-12 sm:col-span-12 grid grid-cols-12">
<!-- LOGO START
============================================= -->
<div class="logo col-span-3">
<a href="index.html">
<img src="img/irhas3.png" alt=Irhas Logo" />
</a>
</div>
<!-- LOGO END -->
<!-- NAVIGATION START
============================================= -->
<nav class="main-nav col-span-9 sm:col-span-12">
<!-- Mobile menu toggle button (hamburger/x icon) -->
<input id="main-menu-state" type="checkbox" />
<label class="main-menu-btn" for="main-menu-state">
<span class="main-menu-btn-icon"></span> Toggle main menu visibility
</label>
<!-- Sample menu definition -->
<ul id="main-menu" class="sm sm-clean">
<li class="menu-item has-submenu">
<a href="index.html">Home</a>
<ul class="sub-menu">
<li class="menu-item-sub"><a href="index.html">Home 1</a></li>
<li class="menu-item-sub"><a href="home2.html">Home 2</a></li>
<li class="menu-item-sub"><a href="home3.html">Home 3</a></li>
</ul>
</li>
<li class="menu-item has-submenu">
<a href="projects.html">Projects</a>
</li>
<li class="menu-item ">
<a href="service.html">Service</a>
</li>
<li class="menu-item has-submenu">
<a href="about.html">About</a>
<ul class="sub-menu">
<li class="menu-item-sub"><a href="about.html">About 1</a&tl;</li>
<li class="menu-item-sub"><a href="about2.html">About 2</a></li>
<li class="menu-item-sub"><a href="about3.html">About 3</a></li>
>/ul<
</li>
<li class="menu-item">
<a href="blog.html">Blog</a>
</li>
<li class="menu-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!-- NAVIGATION END -->
</div>
<div class="header-content-right col-span-3">
<div class="content-right-area">
<ul class="right-area-menu">
<li class="right-area-item">
<span class="phone-number">+62 800 1402&t;/span>
</li>
<li class="right-area-item">
<a href="#" class="button button-head-item">Get Started</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END HEADER IRHAS 3 -->
Template
IRHAS have 9 template but in different style(IRHAS 1, IRHAS 2 and IRHAS 3)
- Home
- Project
- Single Project
- Service
- Single Service
- About
- Blog
- Single Post
- Contact
so how to identify each style? it's simple, you will spot the different just look at each .html file example:
- about.html for IRHAS1 About Page
- about2.html for IRHAS2 About Page
- about3.html for IRHAS3 About Page
Then How to identify each style,in html file itself?
it's quite simple too, just look at body class each style have uninque class- IRHAS 1
<body class="irhas1"> <!--- content goes here ---> </body> - IRHAS 2
<body class="irhas2"> <!--- content goes here ---> </body> - IRHAS 3
<body class="irhas3"> <!--- content goes here ---> </body>
Footer Script Markup
<!---IRHAS FOOTER 1 ==================================-->
<!-- Footer -->
<footer class="footer">
<!-- Footer Widgets -->
<div class="footer-widgets-holder">
>div class="thaw-container"<
>div class="footer-widgets2 grid grid-cols-12 gap-24"<
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_text">
<div class="textwidget">
<p class="logo-footer"><img src="img/irhas1white.png" alt=""></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore dolore. Nam tincidunt, tellus quis maximus consequat. et
malesuada nibh lorem vel.</p>
</div>
</div>
>div id="irhas_icon-widget-2" class="widget-footer widget_irhas_icon"<
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_irhas_servicepost">
<div class="title">
<h4 class="widget-title">Our Service</h4>
</div>
<div class="sidebar-recent-post">
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Referral Service Management</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Personal Service Development</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Strategy Business Management</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Partnership Quality Member</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
</div>
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_irhas_newestpostthumb">
<div class="title">
<h4 class="widget-title">Newest Post</h4>
</div>
<div class="custom-post-widget clearfix">
<div class="custom-post-wrap">
<!-- widget-news -->
<div class="post-item clearfix">
<div class="post-content clearfix">
<div class="post-thumb-wrap">
<div class="post-thumb">
<a href="single-post.html">
<img src="img/newest-post-footer-1.png" alt="latestwid-img">
<div class="irhas-overlay"><div>
</a>
</div>
</div>
<!-- thumbnail-->
<div class="post-inner-content has-thumb clearfix">
<h5><a href="single-post.html">How to surviving on the great
industry age</a></h5>
<div class="meta-latest-news">
<div class="meta-info">
<span class="date span-head">
<a href="#">
<span>July 14, 2020</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item clearfix">
<div class="post-content clearfix">
<div class="post-thumb-wrap">
<div class="post-thumb">
<a href="single-post.html">
<img src="img/newest-post-footer-1.png" alt="latestwid-img">
<div class="irhas-overlay"></div>
</a>
</div>
</div>
<!-- thumbnail-->
<div class="post-inner-content has-thumb clearfix">
<h5><a href="single-post.html">Teamwork as a team is the best way to
do the job</a>
</h5>
<div class="meta-latest-news">
<div class="meta-info">
<span class="date span-head">
<a href="#">
<span>July 14, 2020</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- widget-news end -->
</div>
</div>
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_text">
<div class="title">
<h4 class="widget-title">Get In Touch</h4>
</div>
<div class="textwidget">
<p><strong>+62 828 111 96 75</strong></p>
<p>Jl. Maleer Indah II, Maleer, Batununggal, Kota Bandung, Jawa Barat 40274.</p>
<p>irhas@contact.com<br>
info@irhas.com
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Widgets --<
<div class="footer-bottom-holder"<
<div class="thaw-container">
<div class="footer-bottom grid grid-cols-12">
<div class="footer-bottom-lisensi col-span-6 res:col-span-12 sm:col-span-12 self-center">
<!-- COPYRIGHT START-->
<p class="copyright-footer">Built by <a href="https://themesawesome.com/">Themes Awesome</a>
</p>
<!-- COPYRIGHT END -->
</div>
<div
class="footer-bottom-contact col-span-6 res:col-span-12 sm:col-span-12 self-center flex justify-end flex-wrap items-stretch items-center">
<div class="contact-footer items-center">
<div class="contact-footer-menu">
<ul class="sm">
<li class="menu-item"><a href="#">Privacy Policy</a>>/li<
<li class="menu-item"><a href="#">Cookie Policy</a></li>
<li class="menu-item"><a href="#">Terms And Condition</a></li>
</ul>
</div>
<ul class="footer-socials">
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!--END IRHAS1 FOOTER-->
<!---IRHAS FOOTER 2 ==================================-->
<!-- Footer -->
<footer class="footer">
<!-- Footer Widgets -->
<div class="footer-widgets-holder-home2">
>div class="thaw-container"<
>div class="footer-widgets2 grid grid-cols-12 gap-24"<
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_text">
<div class="textwidget">
<p class="logo-footer"><img src="img/irhas2.png" alt=""></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore dolore. Nam tincidunt, tellus quis maximus consequat. et
malesuada nibh lorem vel.</p>
</div>
</div>
>div id="irhas_icon-widget-2" class="widget-footer widget_irhas_icon"<
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_irhas_servicepost">
<div class="title">
<h4 class="widget-title">Our Service</h4>
</div>
<div class="sidebar-recent-post">
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Referral Service Management</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Personal Service Development</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Strategy Business Management</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Partnership Quality Member</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
</div>
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_irhas_newestpostthumb">
<div class="title">
<h4 class="widget-title">Newest Post</h4>
</div>
<div class="custom-post-widget clearfix">
<div class="custom-post-wrap">
<!-- widget-news -->
<div class="post-item clearfix">
<div class="post-content clearfix">
<div class="post-thumb-wrap">
<div class="post-thumb">
<a href="single-post.html">
<img src="img/newest-post-footer-1.png" alt="latestwid-img">
<div class="irhas-overlay"><div>
</a>
</div>
</div>
<!-- thumbnail-->
<div class="post-inner-content has-thumb clearfix">
<h5><a href="single-post.html">How to surviving on the great
industry age</a></h5>
<div class="meta-latest-news">
<div class="meta-info">
<span class="date span-head">
<a href="#">
<span>July 14, 2020</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item clearfix">
<div class="post-content clearfix">
<div class="post-thumb-wrap">
<div class="post-thumb">
<a href="single-post.html">
<img src="img/newest-post-footer-1.png" alt="latestwid-img">
<div class="irhas-overlay"></div>
</a>
</div>
</div>
<!-- thumbnail-->
<div class="post-inner-content has-thumb clearfix">
<h5><a href="single-post.html">Teamwork as a team is the best way to
do the job</a>
</h5>
<div class="meta-latest-news">
<div class="meta-info">
<span class="date span-head">
<a href="#">
<span>July 14, 2020</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- widget-news end -->
</div>
</div>
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_text">
<div class="title">
<h4 class="widget-title">Get In Touch</h4>
</div>
<div class="textwidget">
<p><strong>+62 828 111 96 75</strong></p>
<p>Jl. Maleer Indah II, Maleer, Batununggal, Kota Bandung, Jawa Barat 40274.</p>
<p>irhas@contact.com<br>
info@irhas.com
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Widgets --<
<div class="footer-bottom-holder"<
<div class="thaw-container">
<div class="footer-bottom grid grid-cols-12">
<div class="footer-bottom-lisensi col-span-6 res:col-span-12 sm:col-span-12 self-center">
<!-- COPYRIGHT START-->
<p class="copyright-footer">Built by <a href="https://themesawesome.com/">Themes Awesome</a>
</p>
<!-- COPYRIGHT END -->
</div>
<div
class="footer-bottom-contact col-span-6 res:col-span-12 sm:col-span-12 self-center flex justify-end flex-wrap items-stretch items-center">
<div class="contact-footer items-center">
<div class="contact-footer-menu">
<ul class="sm">
<li class="menu-item"><a href="#">Privacy Policy</a>>/li<
<li class="menu-item"><a href="#">Cookie Policy</a></li>
<li class="menu-item"><a href="#">Terms And Condition</a></li>
</ul>
</div>
<ul class="footer-socials">
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!--END IRHAS2 FOOTER-->
<!---IRHAS FOOTER 3 ==================================-->
<!-- Footer -->
<footer class="footer">
<!-- Footer Widgets -->
<div class="footer-widgets-holder">
>div class="thaw-container"<
>div class="footer-widgets2 grid grid-cols-12 gap-24"<
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_text">
<div class="textwidget">
<p class="logo-footer"><img src="img/irhas3.png" alt=""></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore dolore. Nam tincidunt, tellus quis maximus consequat. et
malesuada nibh lorem vel.</p>
</div>
</div>
>div id="irhas_icon-widget-2" class="widget-footer widget_irhas_icon"<
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_irhas_servicepost">
<div class="title">
<h4 class="widget-title">Our Service</h4>
</div>
<div class="sidebar-recent-post">
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Referral Service Management</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Personal Service Development</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Strategy Business Management</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item">
<div class="latest-post-content">
<h4>
<a href="single-service.html">
<i class="fa fa-chevron-right"></i>
<span>Partnership Quality Member</span>
</a>
</h4>
</div>
</div>
<!-- widget-news end -->
</div>
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_irhas_newestpostthumb">
<div class="title">
<h4 class="widget-title">Newest Post</h4>
</div>
<div class="custom-post-widget clearfix">
<div class="custom-post-wrap">
<!-- widget-news -->
<div class="post-item clearfix">
<div class="post-content clearfix">
<div class="post-thumb-wrap">
<div class="post-thumb">
<a href="single-post.html">
<img src="img/newest-post-footer-1.png" alt="latestwid-img">
<div class="irhas-overlay"><div>
</a>
</div>
</div>
<!-- thumbnail-->
<div class="post-inner-content has-thumb clearfix">
<h5><a href="single-post.html">How to surviving on the great
industry age</a></h5>
<div class="meta-latest-news">
<div class="meta-info">
<span class="date span-head">
<a href="#">
<span>July 14, 2020</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- widget-news end -->
<!-- widget-news -->
<div class="post-item clearfix">
<div class="post-content clearfix">
<div class="post-thumb-wrap">
<div class="post-thumb">
<a href="single-post.html">
<img src="img/newest-post-footer-1.png" alt="latestwid-img">
<div class="irhas-overlay"></div>
</a>
</div>
</div>
<!-- thumbnail-->
<div class="post-inner-content has-thumb clearfix">
<h5><a href="single-post.html">Teamwork as a team is the best way to
do the job</a>
</h5>
<div class="meta-latest-news">
<div class="meta-info">
<span class="date span-head">
<a href="#">
<span>July 14, 2020</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- widget-news end -->
</div>
</div>
</div>
</div>
<div class="footer-widget item col-span-3 sm:col-span-12 res:col-span-12">
<div class="widget-footer widget_text">
<div class="title">
<h4 class="widget-title">Get In Touch</h4>
</div>
<div class="textwidget">
<p><strong>+62 828 111 96 75</strong></p>
<p>Jl. Maleer Indah II, Maleer, Batununggal, Kota Bandung, Jawa Barat 40274.</p>
<p>irhas@contact.com<br>
info@irhas.com
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Widgets --<
<div class="footer-bottom-holder"<
<div class="thaw-container">
<div class="footer-bottom grid grid-cols-12">
<div class="footer-bottom-lisensi col-span-6 res:col-span-12 sm:col-span-12 self-center">
<!-- COPYRIGHT START-->
<p class="copyright-footer">Built by <a href="https://themesawesome.com/">Themes Awesome</a>
</p>
<!-- COPYRIGHT END -->
</div>
<div
class="footer-bottom-contact col-span-6 res:col-span-12 sm:col-span-12 self-center flex justify-end flex-wrap items-stretch items-center">
<div class="contact-footer items-center">
<div class="contact-footer-menu">
<ul class="sm">
<li class="menu-item"><a href="#">Privacy Policy</a>>/li<
<li class="menu-item"><a href="#">Cookie Policy</a></li>
<li class="menu-item"><a href="#">Terms And Condition</a></li>
</ul>
</div>
<ul class="footer-socials">
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!--END IRHAS3 FOOTER-->
CSS Structure
The organization of the CSS is one of our priorities.
These are the CSS file we're using in the template:
- aos.css - (Animated on scrooling)
- font.css - (Font styles)
- all.min.css - (Fontawesome styles)
- lightgallery.min.css - (Lightbox gallery styles)
- plugin.css - (This stylesheet contains any libraries css)
- responsive.css - (For media query)
- thaw-flexgrid - (For grid column)
- swiper.min.css - (Swiper style)
-style.css - (Generic styles, resets & normalization)
Javascript
jQuery - is a Javascript library that greatly reduces the amount of code that you
must write.
For more information, please visit http://www.jquery.com/
The initialization of the elements, libs and features is made by the file main.js, in the JS
folder.
Take a look at the "build" function to see what it does.
Customization & Styles
Fonts
To change the font, please take a look in the head part of the website and you will find this tag:
We use Poppins, Roboto, Architects Daughter, Prata, Karla, Hind, Montserrat, irhas font family in IRHAS. You can check the font at root > assets > css > fonts
To change the font, install it manually with convert the download zipped font to transfonter.org
Responsive
The template supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions.
Here's what's included:
Label: Large display
Layout width: 1200px and up
Column width: 70px
Gutter width: 30px
Label: Default
Layout width: 980px and up
Column width: 60px
Gutter width: 20px
Label: Portrait tablets
Layout width: 768px and above
Column width: 42px
Gutter width: 20px
Label: Phones to tablets
Layout width: 767px and below
Column width: Fluid columns, no fixed widths
Label: Phones
Layout width: 480px and below
Column width: Fluid columns, no fixed widths
Source & Credits
The images included in preview are for demonstration purposes and should always be replaced with your own work.
- Resources Used:
Once again, thank you for purchasing this theme. Customer satisfaction is our #1 priority, which is why we always endeavour to provide the best service we can. We’re only an email away if you ever need us!
Themes Awesome Team