Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Introduction

Dhrums is a Creative & Modern Parallax Personal One Page Portfolio Template is a perfect template for Business Portfolio, web studio and creative agencies. Responsive based on Bootstrap. This is one page for placing your information. All files and code has been well organized and nicely commented for easy to customize.

You are important for us and so please feel free to get back to me with any question or feedback.

Structure

I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

Folder Structure

I have tried to follow the standards and modular structure while developing the theme. Let's take a look at the package structure: 

Dhrums/
├── HTML/
│   ├── assets/
│   │   ├── css/
│   │   │   └── All css files
│   │   ├── fonts/
│   │   │   └── All font files
│   │   ├── images/
│   │   │   └── All images files
│   │   ├── js
│   │   │   └── All javascript files
│   │   ├── php
│   │   │   └── contect.php file
│   │   └── scss
│   │       └── All scss files
│   └── *.html
│       └── ALL HTML files
└── Documentation/
	└── index-wb.html - documentation file for documentation.

HTML Structure

<body>

    	<!-- Start loader -->
        <div id="loader-wrapper">
                .. .. ..
        </div>
        <!-- End loader -->

        <!-- Start Navbar -->
        <nav class="navbar navbar-expand-lg fixed-top custom-nav sticky">
                .. .. ..
        </nav>
        <!-- End Navbar -->

        <!-- Start Home -->
        <section class="home-bg-img h-100vh" id="home">
    		.. .. ..
        </section>
        <!-- End Home -->

        <!-- Start About -->
        <section class="section" id="about">
        	.. .. ..
        </section>
        <!-- End About -->

        <!-- Start Cta -->
        <section class="section bg-cta">
            .. .. ..
        </section>
        <!-- End Cta -->

        <!-- Start Services -->
        <section class="section bg-light" id="services">
        	.. .. ..
        </section>
        <!-- End Services -->

        <!-- Start Education -->
        <section class="section" id="resume">
            .. .. ..
        </section>
        <!-- End Education -->

        <!-- Start Funfacts -->
        <section class="section bg-funfact">
        	.. .. ..
        </section>
        <!-- End Funfacts -->

        <!-- Start Work -->
        <section class="section" id="work">
            .. .. ..
        </section>
        <!-- End Work -->

        <!-- Start Client -->
        <section class="section bg-client" id="client">
            .. .. ..
        </section>
        <!-- End Client -->

        <!-- Start Blog -->
        <section class="section bg-light" id="blog">
        	.. .. ..
        </section>
        <!-- End Blog -->

        <!-- Start Footer -->
        <footer class="footer_bg section pb-0" id="contact">
            2018 © Dhrums.
        </footer>
        <!-- End Footer -->

        <!-- Start Back To Top -->
        <a href="#" class="back_top">
            .. .. ..
        </a>
        <!-- End Back To Top -->

        <!-- scripts -->
        <script type="text/javascript">
            ...
        </script>

</body>

CSS

Files are explained below:

File Description
bootstrap.min.css Dhrums uses the bootstrap v5.3.3 The core bootstrap file is being used in all the pages.
style.css This file is containing all common styles for all the pages.

Scss

Install Live Sass Compiler extention in your Visual Code Editor. Click the Watch Sass button at the right side footer of visual studio code.

Javascript

Files are explained below:

File Description
custom.js This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc.

Credits & Official Documentation

I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.

File Source / Link
Bootstrap http://getbootstrap.com
Jquery https://jquery.com
Popper Js https://github.com/FezVrasta/popper.js
Pe 7s Icons https://themes-pixeden.com/font-demos/7-stroke/
Materialdesign Icons https://materialdesignicons.com
Magnific-Popup https://github.com/dimsemenov/Magnific-Popup
Scrollspy https://github.com/makotot/scrollspy
Unsplash Images https://unsplash.com/
Pexels Images https://pexels.com
Particles Js https://github.com/VincentGarreau/particles.js
Typed Js https://github.com/mattboldt/typed.js
YTPlayer Js https://github.com/pupunzi/jquery.mb.YTPlayer
Simple Text Rotate Js https://github.com/peachananr/simple-text-rotator
Client Logo https://graphicburger.com/6-vintage-logo-badges-2/
Aos Js https://github.com/michalsnik/aos
Swiper Slider https://swiperjs.com/demos

Support

Once again thank you for purchasing the theme. I am always avaialble to help you. If you have any suggestion or feature to make it more better, I am requesting you to contact me, I'll try my best to add them in future updates.

Best,

- ThemeBoss

Version 2.1.0 - 19 March 2024

  • Bootstrap Update 5.3.3
  • Jquery Update 3.7.1

Version 2.0.0 - 26 January 2024

  • Bootstrap Update 5.3.3
  • Add Scss
  • Add Swiper Plugins

Version 1.0.0 - 9 April 2019

  • Initial released

Copyright © 2017 Dhrums-Theme.