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 our Support Page : Support

Introduction

Elvish 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: 


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

HTML Structure

<body>

    	<!-- START PRELOADER -->
        <nav id="preloader">
                .. .. ..
        </nav>
        <!-- END PRELOADER -->

        <!-- START NAVBAR -->
        <nav class="navbar navbar-expand-lg fixed-top custom-nav sticky">
                .. .. ..
        </nav>
        <!-- END NAVBAR -->

        <!-- START HOME -->
        <section class="home-bg section h-100vh" id="home">
    		.. .. ..
        </section>
        <!-- END HOME -->

        <!-- START ABOUT -->
        <section class="section" id="about">
        	.. .. ..
        </section>
        <!-- END ABOUT -->

        <!-- START SERVICES -->
        <section class="section bg-light" id="services">
        	.. .. ..
        </section>
        <!-- END SERVICES -->

        <!-- START FUNFACTS -->
        <section class="section bg-funfact">
        	.. .. ..
        </section>
        <!-- END FUNFACTS -->

        <!-- START EXP. & EDU. -->
        <section class="section" id="education">
        	.. .. ..
        </section>
        <!-- END EXP. & EDU. -->

        <!-- START CTA -->
        <section class="section bg-cta">
        	.. .. ..
        </section>
        <!-- END CTA -->

        <!-- START WORK -->
        <section class="section text-center" id="work">
        	.. .. ..
        </section>
        <!-- END WORK -->

        <!-- START CLIENT -->
        <section class="section bg-client" id="client">
        	.. .. ..
        </section>
        <!-- END CLIENT -->

        <!-- START GREAT PEOPLE -->
        <section class="section bg-light">
        	.. .. ..
        </section>
        <!-- END GREAT PEOPLE -->

        <!-- START SUBCRIBE -->
        <section class="section">
        	.. .. ..
        </section>
        <!-- END SUBCRIBE -->

        <!-- START BLOG -->
        <section class="section bg-light" id="blog">
        	.. .. ..
        </section>
        <!-- END BLOG -->

        <!-- START CONTACT FORM -->
        <section class="section" id="contact">
        	.. .. ..
        </section>
        <!-- END CONTACT FORM -->

        <!-- START CONTACT -->
        <section class="section" id="contact">
        	.. .. ..
        </section>
        <!-- END CONTACT -->

        <!-- START FOOTER -->
        <footer class="bg-light">
             © Elvish.
        </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 Elvish uses the bootstrap v5.3.3 The core bootstrap file is being used in all the pages.
materialdesignicons.min.css Materialdesign icon css file
mobiriseicons.css Mobiriseicons icon css file
magnific-popup.css Magnific popup css file
animate.min.css Animate css file
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. Contact us via Support any issues

Javascript

Files are explained below:

File Description
jquery.min.js Jquery v3.7.1 js file
bootstrap.bundle.min.js Bootstrap v5.3.3 js file
popper.min.js Popper js file
jquery.easing.min.js Jquery easing js file
scrollspy.min.js Scrollspy js file
typed.js Typed js file
jquery.magnific-popup.min.js Jquery magnific popup js file
isotope.js Isotope js file
contact.js Contact js file
custom.js All Custom js files

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.

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 Regards,

- ThemesBoss

Version 2.0.1 - 20 March 2024

  • Update Bootstrap to v5.3.3
  • Update Jquery 3.7.1

Version 2.0.1 - 26 Octomber 2023

  • Update Bootstrap to v5.3.3
  • Fixed Bug Issue

Version 2.0.0 - 17 August 2023

  • Added SCSS Support
  • Update Bootstrap to v5.3.1

Version 1.0.0 - 26 March 2023

  • Initial released

Copyright © 2023 Elvish-Theme.