Step 1 :

Please add the following css stylesheet link tag before your style.css file. (Please adjust the css file path according to your folder structure).

<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 blog">
<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 :

If a block has html script then just copy all the script tags of that block section and paste it before the ending body tag at the bottom of your html file. For example:

<script src="vendor/js/parallaxie.min.js"></script>
<script> 
if ($(window).width() > 992) { 
$(".ui-block-02.quote.parallax").parallaxie({ speed: 0.55, offset: 0,}); }
</script>

That's It, You are done.