1. Home
  2. Docs
  3. Hardy
  4. File Structure

File Structure

Template File Structure

All the file are well organized, its so easy to work with the template.
1. Unzip the files.
2. Open “Hardy” folder.
You will find the two folder one is for lite version and other is for dark version file on the root that will be edited.
Also you will see 4 directories, css, js, fonts, img and images.
In the first folder Content you will find style.css and other styling files the all the other files expect the htmls.
Js folder contain only the jquery library. Fonts folder contain essential font files for fonts.

                     Hardy/
                    ├── assets/css/
                    |    └── all.min.css
                    |    └── bootstrap.min.css
                    |    └── flaticon.css
                    |    └── fontawesome.min-v5.12.1.css
                    |    └── jquery.fancybox.min.css
                         └── jquery.rprogessbar.min.css
                    |    └── slick.css
                    |    └── responsive.css
                    |    └── style.css
                    ├── assets/sass/global
                    |    └── _global.scss
                    |    └── _mixins.scss
                    |    └── _gutenberg.scss
                    |    └── _variables.scss
                    ├── assets/sass/sections
                    |    └── 
                    |    └── _about_me.scss
                    |    └── _awesome_journey.scss
                    |    └── _blog_details_single.scss
                    |    └── _comments.scss
                    |    └── _footer.scss
                    |    └── _get_in_touch.scss
                    |    └── _header.scss
                    |    └── _latest_updates.scss
                    |    └── _latest_update-single_page.scss
                    |    └── _my_expertise_area.scss
                    |    └── _navbar.scss
                    |    └── _project_on_mind.scss
                    |    └── _recent_works.scss
                    |    └── _testimonial.scss
                    |    └── _top_bar.scss
                    |    └── _what_i_offer.scss
                    |    └── _widgets.scss
                    ├── assets/sass/elements
                    |    └── _accordion.scss
                    |    └── _back_top.scss
                    |    └── _icon_box.scss
                    |    └── _button.scss
                    |    └── _preloader.scss
                    ├── assets/fonts
                    |
                    ├── assets/js/
                    │   ├── active.rProgressbar.min.js
                    │   ├── bootstrap.min.js
                    │   ├── isotope_v3.0.6.pkgd.min.js
                    │   ├── jquery.fancybox.min.js
                    │   ├── jQuery.rProgressbar.min.js
                    │   ├── jquery.waypoints.js
                    │   ├── jquery-3.5.1.min.js
                    │   ├── main.js
                    │   ├── popper.min.js
                    │   ├── slick.min.js
                    │
                    ├── index.html
                    ├── index-orange.html
                    ├── latest-updates.html
                    ├── latest-updates-Orange.html
                    ├── blog-details.html
                    ├── blog-details-orange.html
                

Was this article helpful to you? Yes No

How can we help?