Elements

Elements

Portfolio UI Blocks

Power up your pages with these elements. Each element comes with a variety of options for your choice.

© 2024 MegaOne. Made With Love by Themesindustry

How to add these portfolio blocks?

Follow the instructions below to add blocks into your templates

Step 1 :

Please add the all css stylesheet link tags of that specific block. For example:(Please adjust the css file path according to your folder structure).

<link href="vendor/css/bundle.min.css" rel="stylesheet">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<link href="vendor/css/elements.css" rel="stylesheet">

Step 2 :

Please copy block html code from starting block comment to the ending block comment of required block and paste it in your template at your desired location. For example:

<!-- UI-Block-02 start -->
<section class="half-section p-0 bg-change bg-yellow ui-block-02 portfolio">
<h2 class="d-none">heading</h2>
   <div class="container-fluid">
       <div class="row align-items-center">
          <div class="col-lg-6 col-md-12 p-0">.....</div>
      </div>
   </div>
</section>
<!-- UI-Block-02 End -->

Step 3 :

Please add the all js script tags of that specific block and paste it before the ending body tag at the bottom of your html file. For example:

<script src="vendor/js/bundle.min.js" rel="stylesheet">
<script src="vendor/js/appear.js" rel="stylesheet">
<script src="vendor/js/cubeportfolio.min.js" rel="stylesheet">

That's It, You are done.