<!-- =========={ SERVICE }========== -->
<div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
<div class="container">
<!-- row -->
<div class="row text-center">
<div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up">
<!-- service block -->
<div class="p-4 mb-5 shadow-sm rounded-3 bg-body hover-box-up">
<div class="display-4 text-primary mb-3">
<!-- icon -->
<!-- <i class="fab fa-bootstrap"></i> -->
<svg class="bi bi-bootstrap" width="2.5rem" height="2.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12 1H4a3 3 0 00-3 3v8a3 3 0 003 3h8a3 3 0 003-3V4a3 3 0 00-3-3zM4 0a4 4 0 00-4 4v8a4 4 0 004 4h8a4 4 0 004-4V4a4 4 0 00-4-4H4z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M8.537 12H5.062V3.545h3.399c1.587 0 2.543.809 2.543 2.11 0 .884-.65 1.675-1.483 1.816v.1c1.143.117 1.904.931 1.904 2.033 0 1.488-1.084 2.396-2.888 2.396zM6.375 4.658v2.467h1.558c1.16 0 1.764-.428 1.764-1.23 0-.78-.569-1.237-1.541-1.237H6.375zm1.898 6.229H6.375V8.162h1.822c1.236 0 1.887.463 1.887 1.348 0 .896-.627 1.377-1.811 1.377z" clip-rule="evenodd"></path>
</svg>
</div>
<h3 class="h5">Latest Bootstrap</h3>
<p class="text-muted">Bootstrap 4 the world’s most popular front-end component library.</p>
<a href="#">Learn More
<!-- <i class="fas fa-arrow-right ms-1"></i> -->
<svg class="bi bi-arrow-right" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L12.793 8l-2.647-2.646a.5.5 0 010-.708z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M2 8a.5.5 0 01.5-.5H13a.5.5 0 010 1H2.5A.5.5 0 012 8z" clip-rule="evenodd"></path>
</svg>
</a>
</div> <!-- end service block -->
</div>
<div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<!-- service block -->
<div class="p-4 mb-5 shadow-sm rounded-3 bg-body hover-box-up">
<div class="display-4 text-primary mb-3">
<!-- icon -->
<!-- <i class="fab fa-npm"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><rect x="227.6" y="213.1" width="28.4" height="57.1" style="fill:currentColor"/><path d="M0,156V327.4H142.2V356H256V327.4H512V156ZM142.2,298.9H113.8V213.2H85.3v85.7H28.4V184.6H142.2Zm142.2,0H227.5v28.6H170.6V184.6H284.4V298.9Zm199.2,0H455.2V213.2H426.8v85.7H398.4V213.2H370v85.7H313.1V184.6H483.8V298.9Z" style="fill:currentColor"/></svg>
</div>
<h3 class="h5">NPM Software</h3>
<p class="text-muted">Enjoy with the public registry tools you already love to use.</p>
<a href="#">Learn More
<!-- <i class="fas fa-arrow-right ms-1"></i> -->
<svg class="bi bi-arrow-right" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L12.793 8l-2.647-2.646a.5.5 0 010-.708z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M2 8a.5.5 0 01.5-.5H13a.5.5 0 010 1H2.5A.5.5 0 012 8z" clip-rule="evenodd"></path>
</svg>
</a>
</div><!-- end service block -->
</div>
<div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<!-- service block -->
<div class="p-4 mb-5 shadow-sm rounded-3 bg-body hover-box-up">
<div class="display-4 text-primary mb-3">
<!-- icon -->
<!-- <i class="fab fa-gulp"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 256 512"><path style="fill:currentColor" d="M209.8 391.1l-14.1 24.6-4.6 80.2c0 8.9-28.3 16.1-63.1 16.1s-63.1-7.2-63.1-16.1l-5.8-79.4-14.9-25.4c41.2 17.3 126 16.7 165.6 0zm-196-253.3l13.6 125.5c5.9-20 20.8-47 40-55.2 6.3-2.7 12.7-2.7 18.7.9 5.2 3 9.6 9.3 10.1 11.8 1.2 6.5-2 9.1-4.5 9.1-3 0-5.3-4.6-6.8-7.3-4.1-7.3-10.3-7.6-16.9-2.8-6.9 5-12.9 13.4-17.1 20.7-5.1 8.8-9.4 18.5-12 28.2-1.5 5.6-2.9 14.6-.6 19.9 1 2.2 2.5 3.6 4.9 3.6 5 0 12.3-6.6 15.8-10.1 4.5-4.5 10.3-11.5 12.5-16l5.2-15.5c2.6-6.8 9.9-5.6 9.9 0 0 10.2-3.7 13.6-10 34.7-5.8 19.5-7.6 25.8-7.6 25.8-.7 2.8-3.4 7.5-6.3 7.5-1.2 0-2.1-.4-2.6-1.2-1-1.4-.9-5.3-.8-6.3.2-3.2 6.3-22.2 7.3-25.2-2 2.2-4.1 4.4-6.4 6.6-5.4 5.1-14.1 11.8-21.5 11.8-3.4 0-5.6-.9-7.7-2.4l7.6 79.6c2 5 39.2 17.1 88.2 17.1 49.1 0 86.3-12.2 88.2-17.1l10.9-94.6c-5.7 5.2-12.3 11.6-19.6 14.8-5.4 2.3-17.4 3.8-17.4-5.7 0-5.2 9.1-14.8 14.4-21.5 1.4-1.7 4.7-5.9 4.7-8.1 0-2.9-6-2.2-11.7 2.5-3.2 2.7-6.2 6.3-8.7 9.7-4.3 6-6.6 11.2-8.5 15.5-6.2 14.2-4.1 8.6-9.1 22-5 13.3-4.2 11.8-5.2 14-.9 1.9-2.2 3.5-4 4.5-1.9 1-4.5.9-6.1-.3-.9-.6-1.3-1.9-1.3-3.7 0-.9.1-1.8.3-2.7 1.5-6.1 7.8-18.1 15-34.3 1.6-3.7 1-2.6.8-2.3-6.2 6-10.9 8.9-14.4 10.5-5.8 2.6-13 2.6-14.5-4.1-.1-.4-.1-.8-.2-1.2-11.8 9.2-24.3 11.7-20-8.1-4.6 8.2-12.6 14.9-22.4 14.9-4.1 0-7.1-1.4-8.6-5.1-2.3-5.5 1.3-14.9 4.6-23.8 1.7-4.5 4-9.9 7.1-16.2 1.6-3.4 4.2-5.4 7.6-4.5.6.2 1.1.4 1.6.7 2.6 1.8 1.6 4.5.3 7.2-3.8 7.5-7.1 13-9.3 20.8-.9 3.3-2 9 1.5 9 2.4 0 4.7-.8 6.9-2.4 4.6-3.4 8.3-8.5 11.1-13.5 2-3.6 4.4-8.3 5.6-12.3.5-1.7 1.1-3.3 1.8-4.8 1.1-2.5 2.6-5.1 5.2-5.1 1.3 0 2.4.5 3.2 1.5 1.7 2.2 1.3 4.5.4 6.9-2 5.6-4.7 10.6-6.9 16.7-1.3 3.5-2.7 8-2.7 11.7 0 3.4 3.7 2.6 6.8 1.2 2.4-1.1 4.8-2.8 6.8-4.5 1.2-4.9.9-3.8 26.4-68.2 1.3-3.3 3.7-4.7 6.1-4.7 1.2 0 2.2.4 3.2 1.1 1.7 1.3 1.7 4.1 1 6.2-.7 1.9-.6 1.3-4.5 10.5-5.2 12.1-8.6 20.8-13.2 31.9-1.9 4.6-7.7 18.9-8.7 22.3-.6 2.2-1.3 5.8 1 5.8 5.4 0 19.3-13.1 23.1-17 .2-.3.5-.4.9-.6.6-1.9 1.2-3.7 1.7-5.5 1.4-3.8 2.7-8.2 5.3-11.3.8-1 1.7-1.6 2.7-1.6 2.8 0 4.2 1.2 4.2 4 0 1.1-.7 5.1-1.1 6.2 1.4-1.5 2.9-3 4.5-4.5 15-13.9 25.7-6.8 25.7.2 0 7.4-8.9 17.7-13.8 23.4-1.6 1.9-4.9 5.4-5 6.4 0 1.3.9 1.8 2.2 1.8 2 0 6.4-3.5 8-4.7 5-3.9 11.8-9.9 16.6-14.1l14.8-136.8c-30.5 17.1-197.6 17.2-228.3.2zm229.7-8.5c0 21-231.2 21-231.2 0 0-8.8 51.8-15.9 115.6-15.9 9 0 17.8.1 26.3.4l12.6-48.7L228.1.6c1.4-1.4 5.8-.2 9.9 3.5s6.6 7.9 5.3 9.3l-.1.1L185.9 74l-10 40.7c39.9 2.6 67.6 8.1 67.6 14.6zm-69.4 4.6c0-.8-.9-1.5-2.5-2.1l-.2.8c0 1.3-5 2.4-11.1 2.4s-11.1-1.1-11.1-2.4c0-.1 0-.2.1-.3l.2-.7c-1.8.6-3 1.4-3 2.3 0 2.1 6.2 3.7 13.7 3.7 7.7.1 13.9-1.6 13.9-3.7z"/></svg>
</div>
<h3 class="h5">Built with Gulp</h3>
<p class="text-muted">Gulp making your project automatic and easy to running.</p>
<a href="#">Learn More
<!-- <i class="fas fa-arrow-right ms-1"></i> -->
<svg class="bi bi-arrow-right" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L12.793 8l-2.647-2.646a.5.5 0 010-.708z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M2 8a.5.5 0 01.5-.5H13a.5.5 0 010 1H2.5A.5.5 0 012 8z" clip-rule="evenodd"></path>
</svg>
</a>
</div><!-- end service block -->
</div>
<div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up">
<!-- service block -->
<div class="p-4 mb-5 shadow-sm rounded-3 bg-body hover-box-up">
<div class="display-4 text-primary mb-3">
<!-- icon -->
<!-- <i class="fab fa-sass"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path style="fill:currentColor" d="M511.78,328.07v0c-1.47-11.92-7.51-22.26-18-30.77a3.58,3.58,0,0,0-.43-.44l0,0-.53-.38-.17-.12-5.57-4-.19-.14-.71-.5,0,0a3.5,3.5,0,0,0-.83-.35c-17.62-10.49-46.79-17.84-91.42-2.09C383.28,271.36,382.07,257,389.2,235c1.27-3.83.09-6.36-3.71-8-7.64-3.25-18.1-1.59-25.52.37-3.46.9-5.54,2.86-6.2,5.83-4.7,22-18.36,42.1-31.57,61.5l-.78,1.14c-8.14-17.26-6.45-30.63-.78-47.38,1.13-3.34.24-5.56-2.89-7.22-8.74-4.51-21.85-1.41-27.07.13-6.62,1.93-13.72,19.82-21.65,41.24-2,5.39-3.72,10-4.75,12.15-2.45,5-4.79,10.7-7.27,16.75-5.6,13.69-11.91,29.1-20.93,38.78-3.28-7.25,1.88-18.68,6.89-29.77,5.93-13.11,11.53-25.5,5.08-33.41a11.82,11.82,0,0,0-8.33-4.32,13.26,13.26,0,0,0-6.15,1c.67-5.65.7-10.11-.95-15.5-2.36-7.69-8.49-12-16.93-11.77-19.22.56-35.48,14.88-45.75,26.8-6.84,8-22,14.1-35.31,19.45C129.37,305,124.37,307,120.2,309c-6.65-5.62-15.1-11.29-24-17.28-25-16.78-53.33-35.81-54.31-61.61-1.4-38.11,42-65.14,79.88-84.43,28.71-14.6,53.67-24.28,76.31-29.57,31.8-7.43,58.66-5.93,79.82,4.44,11.58,5.67,17,18,13.56,30.68-9,32.95-46.29,55.53-78.18,65.69-19.21,6.12-35.56,8.68-50,7.84-18.1-1.05-32.88-10.13-39.2-14a21.18,21.18,0,0,0-3.2-1.8l-.29-.07a3.21,3.21,0,0,0-3.19,1c-1.3,1.55-.84,4-.37,5.24,6.15,16.07,18.85,26.22,37.74,30.17a92.09,92.09,0,0,0,18.78,1.79c44.21,0,100.62-25.49,121.34-46.48,14.13-14.3,24.42-29,28.68-54.35,4.45-26.55-13.55-45-31.89-53.5-44.57-20.57-95.19-12.44-129.81-2-40.5,12.21-82.4,34.41-114.94,60.93-40.12,32.67-54.62,63-43.12,90.25,11.81,27.93,40.61,45.4,68.46,62.3,9,5.45,17.56,10.64,25.27,16-2.32,1.13-4.69,2.28-7.1,3.43C67.06,335,40.54,347.75,25.83,368.82c-10.68,15.35-12.68,30.63-5.94,45.42,3.6,7.87,10,13.21,18.89,15.87A50,50,0,0,0,53,432c17.31,0,36.36-7,46.73-13.47,18.32-11.5,30.19-26.94,35.29-45.89,4.54-16.86,3.45-33.61-3.15-48.56l22.45-11.32c-10.83,36-2.53,57.5,6.59,69.36,3.36,4.37,9.42,7,16.19,7.12s13-2.43,16.52-6.77c6.66-8.25,11.58-17.9,16.11-27.55-.24,6.3.06,12.68,2.21,18.09,1.93,4.87,5.11,8.1,9.21,9.34,4.36,1.33,9.47.21,14.39-3.15,22.17-15.17,37.33-51.58,49.51-80.85,1.73-4.16,3.39-8.16,5-11.9a152.5,152.5,0,0,0,12.5,31.07c1.18,2.14,1.08,3.08-.52,4.84-2.41,2.64-5.77,5.83-9.33,9.21-10.78,10.23-24.2,23-26,34.23-.7,4.5,2.4,8.6,7.21,9.53,14.47,2.88,31.9-1.33,46.64-11.25,13.4-9,18.44-21.55,15-37.19-3.33-15.06,4.27-33.76,22.59-55.62,3,12.53,7,22.66,12.52,31.53l-.15.12c-13.34,11.65-31.62,27.6-28.78,46.95a13.35,13.35,0,0,0,5.58,9.22,14.22,14.22,0,0,0,11.2,2.06c17.47-3.67,30.62-11.06,40.18-22.57s6.07-24.27,2.85-34.17c25-6.78,47.26-6.61,68.1.5,11.7,4,20.09,10.57,24.93,19.64,6.09,11.41,2.8,21.94-9.29,29.65-3.71,2.37-5.5,3.82-5.61,5.65a2.65,2.65,0,0,0,1,2.23c1.4,1.15,5.72,3.15,15.49-3,9-5.65,14.28-13.34,15.63-23A39,39,0,0,0,511.78,328.07ZM112.05,353.13l-.1,1.28c-1.56,14.64-9,27.4-22.15,38-8.26,6.66-17.23,10.75-25.25,11.53-5.6.54-9.67-.22-12.09-2.27-1.81-1.53-2.78-3.82-3-7-1.64-25.48,38.32-50.8,60.81-59.13A51.39,51.39,0,0,1,112.05,353.13ZM214.4,281.27h0c-3.7,21.09-14.49,60.9-31.45,76.35-.81.74-1.49,1-1.8.93s-.55-.44-.8-1c-5.66-13.12-3.57-35.28,5-52.69,6.59-13.42,16-22.31,26.52-25a5.29,5.29,0,0,1,1.34-.19,1.58,1.58,0,0,1,1,.27A1.64,1.64,0,0,1,214.4,281.27Zm83.49,76.88c-3.19,3.33-7.56,2.88-6.53,1.66l16.24-17.24C306.29,348.5,302.42,353.41,297.89,358.15Zm67.37-14.91a14.07,14.07,0,0,1-4.93,1.39c-.46-9.07,8.33-19.28,17-26.09C379.66,328,374.89,338,365.26,343.24Z"/></svg>
</div>
<h3 class="h5">Built with Sass</h3>
<p class="text-muted">Change one variable from scss and the theme adapts.</p>
<a href="#">Learn More
<!-- <i class="fas fa-arrow-right ms-1"></i> -->
<svg class="bi bi-arrow-right" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L12.793 8l-2.647-2.646a.5.5 0 010-.708z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M2 8a.5.5 0 01.5-.5H13a.5.5 0 010 1H2.5A.5.5 0 012 8z" clip-rule="evenodd"></path>
</svg>
</a>
</div><!-- end service block -->
</div>
<div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<!-- service block -->
<div class="p-4 mb-5 shadow-sm rounded-3 bg-body hover-box-up">
<div class="display-4 text-primary mb-3">
<!-- icon -->
<!-- <i class="fab fa-firefox"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path style="fill:currentColor" d="M471.46,194.62v-.07c-.22-.76-.45-1.52-.68-2.28-.05-.19-.11-.38-.17-.56-.43-1.44-.87-2.88-1.33-4.31l-.06-.2a223.24,223.24,0,0,0-10-25.56,191.77,191.77,0,0,0-12.9-23.8A225.15,225.15,0,0,0,371.58,64.1h0A222.9,222.9,0,0,0,256,32c-7,0-14,.34-20.82,1-24.12,2.54-64.78,11.21-97.77,40.18C257.5,11.86,417.94,85.7,404.29,223c-4.86,49-46.46,82.67-85.19,88.35a73.73,73.73,0,0,1-20.8.21c-94.59-13.15-88.8-90.68-60.06-123.83-38-.24-67.47,46.79-53.15,93l0,0c-32.95-61.18.35-157,70.93-186-82.95-12-160.71,28.2-185.7,98.07A330.23,330.23,0,0,1,88.07,118s-45.22,35.74-54.44,110.9c-.14,1.16-.27,2.32-.39,3.49-.05.4-.09.8-.13,1.21q-.53,5.25-.8,10.57c0,.27,0,.54,0,.81-.07,1.48-.13,3-.17,4.46l0,1.25c0,1.76-.07,3.52-.07,5.29,0,123.71,100.29,224,224,224S480,379.71,480,256A224,224,0,0,0,471.46,194.62Z"/></svg>
</div>
<h3 class="h5">Browsersync</h3>
<p class="text-muted">Make your browser automatic reload after make changes from html or css file.</p>
<a href="#">Learn More
<!-- <i class="fas fa-arrow-right ms-1"></i> -->
<svg class="bi bi-arrow-right" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L12.793 8l-2.647-2.646a.5.5 0 010-.708z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M2 8a.5.5 0 01.5-.5H13a.5.5 0 010 1H2.5A.5.5 0 012 8z" clip-rule="evenodd"></path>
</svg>
</a>
</div><!-- end service block -->
</div>
<div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<!-- service block -->
<div class="p-4 mb-5 shadow-sm rounded-3 bg-body hover-box-up">
<div class="display-4 text-primary mb-3">
<!-- icon -->
<!-- <i class="fab fa-node-js"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path style="fill:currentColor" d="M429.76,130.07,274.33,36.85a37,37,0,0,0-36.65,0L82.24,130.06A38.2,38.2,0,0,0,64,162.83V349a38.26,38.26,0,0,0,18.24,32.8L123,406.14l.23.13c20.58,10.53,28.46,10.53,37.59,10.53,32.14,0,52.11-20.8,52.11-54.29V182a8.51,8.51,0,0,0-8.42-8.58H182.13a8.51,8.51,0,0,0-8.42,8.58V362.51a15,15,0,0,1-6.85,13.07c-5.9,3.6-14.47,2.84-24.14-2.15l-39.06-23.51a1.1,1.1,0,0,1-.48-.92V165.46a1.32,1.32,0,0,1,.59-1.06l151.84-93a.82.82,0,0,1,.73,0l151.93,93a1.34,1.34,0,0,1,.55,1.1V349a1.28,1.28,0,0,1-.45,1L256.31,440.65a1.22,1.22,0,0,1-.8,0l-38.83-23.06a7.8,7.8,0,0,0-7.83-.41l-.34.2c-10.72,6.35-13.6,8-23.54,11.62-1.62.59-5.43,2-5.76,5.77s3.29,6.45,6.51,8.32l51.9,31.87a35.67,35.67,0,0,0,18.3,5.07l.58,0h0a35.87,35.87,0,0,0,17.83-5.07l155.43-93.13A38.37,38.37,0,0,0,448,349V162.83A38.21,38.21,0,0,0,429.76,130.07Z"/><path style="fill:currentColor" d="M307.88,318.05c-37.29,0-45.24-10.42-47.6-27.24a8.43,8.43,0,0,0-8.22-7.32h-19.8a8.44,8.44,0,0,0-8.26,8.58c0,14.58,5.12,62.17,83.92,62.17h0c24.38,0,44.66-5.7,58.63-16.49S388,311.26,388,292.55c0-37.55-24.5-47.83-72.75-54.55-49.05-6.82-49.05-10.29-49.05-17.89,0-5.47,0-18.28,35.46-18.28,25.23,0,38.74,3.19,43.06,20a8.35,8.35,0,0,0,8.06,6.67h19.87a8.24,8.24,0,0,0,6.16-2.86,8.91,8.91,0,0,0,2.12-6.44c-2.57-35.55-28.56-53.58-79.24-53.58-46.06,0-73.55,20.75-73.55,55.5,0,38.1,28.49,48.87,71.29,53.33,50,5.17,50,12.71,50,19.37C349.46,304.2,345.15,318.05,307.88,318.05Z"/></svg>
</div>
<h3 class="h5">Node Js</h3>
<p class="text-muted">Tools that executes JavaScript code outside of a web browser.</p>
<a href="#">Learn More
<!-- <i class="fas fa-arrow-right ms-1"></i> -->
<svg class="bi bi-arrow-right" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L12.793 8l-2.647-2.646a.5.5 0 010-.708z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M2 8a.5.5 0 01.5-.5H13a.5.5 0 010 1H2.5A.5.5 0 012 8z" clip-rule="evenodd"></path>
</svg>
</a>
</div><!-- end service block -->
</div>
</div><!-- end row -->
</div>
</div>
<!-- end section -->
24 Hour Access
Access to your work space for 24 hour with 3 level security.
Meeting Rooms
Two 6-pax and one 12-pax meeting room are 24-hour accessible.
High Speed Internet
Every room is equipped with high speed wired LAN connection.
Office Furniture
Each room is fully furnished with desks and chairs.
Telephone & Fax
Private phone booth and Fax for your company.
Electricity supply
There is backup power generator in the office.
<!-- =========={ SERVICE }========== -->
<div id="service" class="section py-6 py-md-7 bg-body">
<div class="container">
<!-- row -->
<div class="row text-center g-0">
<div class="col-12 col-md-6 col-lg-4" data-aos="fade-up">
<!-- service block -->
<div class="bg-body p-6">
<div class="display-1 text-primary mb-2">
<!-- icon -->
<svg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 512 512'><path stroke="currentColor" d='M416.07,272a160,160,0,1,0-160,160A160,160,0,0,0,416.07,272Z' style='fill:none;stroke-miterlimit:10;stroke-width:32px'/><path stroke="currentColor" d='M142.12,91.21A46.67,46.67,0,0,0,112,80l-2.79.08C83.66,81.62,64,104,64.07,131c0,13.21,4.66,19.37,10.88,27.23A4.55,4.55,0,0,0,78.19,160h.88a3.23,3.23,0,0,0,2.54-1.31L142.38,99a5.38,5.38,0,0,0,1.55-4A5.26,5.26,0,0,0,142.12,91.21Z' style='fill:none;stroke-miterlimit:10;stroke-width:32px'/><path stroke="currentColor" d='M369.88,91.21A46.67,46.67,0,0,1,400,80l2.79.08C428.34,81.62,448,104,447.93,131c0,13.21-4.66,19.37-10.88,27.23a4.55,4.55,0,0,1-3.24,1.76h-.88a3.23,3.23,0,0,1-2.54-1.31L369.62,99a5.38,5.38,0,0,1-1.55-4A5.26,5.26,0,0,1,369.88,91.21Z' style='fill:none;stroke-miterlimit:10;stroke-width:32px'/><polyline stroke="currentColor" points='256.07 160 256.07 272 176.07 272' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line stroke="currentColor" x1='416.07' y1='432' x2='376.07' y2='392' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line stroke="currentColor" x1='96.07' y1='432' x2='136.07' y2='392' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/></svg>
<!-- <i class="fas fa-clock"></i> -->
</div>
<h3 class="h5">24 Hour Access</h3>
<p class="text-muted">Access to your work space for 24 hour with 3 level security.</p>
</div><!-- end service block -->
</div>
<div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<!-- service block -->
<div class="bg-light-dark p-6">
<div class="display-1 text-primary mb-2">
<!-- icon -->
<svg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 512 512'><rect stroke="currentColor" x='48' y='80' width='416' height='272' rx='32' ry='32' style='fill:none;stroke-linejoin:round;stroke-width:32px'/><line stroke="currentColor" x1='256' y1='416' x2='256' y2='352' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line stroke="currentColor" x1='256' y1='80' x2='256' y2='48' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line stroke="currentColor" x1='400' y1='464' x2='368' y2='352' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line stroke="currentColor" x1='112' y1='464' x2='144' y2='352' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/></svg>
<!-- <i class="fas fa-user"></i> -->
</div>
<h3 class="h5">Meeting Rooms</h3>
<p class="text-muted">Two 6-pax and one 12-pax meeting room are 24-hour accessible.</p>
</div><!-- end service block -->
</div>
<div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<!-- service block -->
<div class="bg-body p-6">
<div class="display-1 text-primary mb-2">
<!-- icon -->
<svg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 512 512'><path stroke="currentColor" d='M332.41,310.59a115,115,0,0,0-152.8,0' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><path stroke="currentColor" d='M393.46,249.54a201.26,201.26,0,0,0-274.92,0' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><path d='M447.72,182.11a288,288,0,0,0-383.44,0' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><path fill="currentColor" d='M256,416a32,32,0,1,1,32-32A32,32,0,0,1,256,416Z'/></svg>
<!-- <i class="fas fa-wifi"></i> -->
</div>
<h3 class="h5">High Speed Internet</h3>
<p class="text-muted">Every room is equipped with high speed wired LAN connection.</p>
</div><!-- end service block -->
</div>
<div class="col-12 col-md-6 col-lg-4" data-aos="fade-up">
<!-- service block -->
<div class="bg-light-dark p-6">
<div class="display-1 text-primary mb-2">
<!-- icon -->
<svg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 512 512'><rect stroke="currentColor" x='32' y='96' width='448' height='272' rx='32.14' ry='32.14' style='fill:none;stroke-linejoin:round;stroke-width:32px'/><line stroke="currentColor" x1='128' y1='416' x2='384' y2='416' style='stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px'/></svg>
<!-- <i class="fas fa-tv"></i> -->
</div>
<h3 class="h5">Office Furniture</h3>
<p class="text-muted">Each room is fully furnished with desks and chairs.</p>
</div><!-- end service block -->
</div>
<div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<!-- service block -->
<div class="bg-body p-6">
<div class="display-1 text-primary mb-2">
<!-- icon -->
<svg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 512 512'><path stroke="currentColor" d='M451,374c-15.88-16-54.34-39.35-73-48.76C353.7,313,351.7,312,332.6,326.19c-12.74,9.47-21.21,17.93-36.12,14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48,5.41-23.23,14.79-36c13.22-18,12.22-21,.92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9,44,119.9,47,108.83,51.6A160.15,160.15,0,0,0,83,65.37C67,76,58.12,84.83,51.91,98.1s-9,44.38,23.07,102.64,54.57,88.05,101.14,134.49S258.5,406.64,310.85,436c64.76,36.27,89.6,29.2,102.91,23s22.18-15,32.83-31a159.09,159.09,0,0,0,13.8-25.8C465,391.17,468,391.17,451,374Z' style='fill:none;stroke-miterlimit:10;stroke-width:32px'/></svg>
<!-- <i class="fas fa-phone"></i> -->
</div>
<h3 class="h5">Telephone & Fax</h3>
<p class="text-muted">Private phone booth and Fax for your company.</p>
</div><!-- end service block -->
</div>
<div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<!-- service block -->
<div class="bg-light-dark p-6">
<div class="display-1 text-primary mb-2">
<!-- icon -->
<svg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 512 512'><path stroke="currentColor" d='M315.27,33,96,304H224L192.49,477.23a2.36,2.36,0,0,0,2.33,2.77h0a2.36,2.36,0,0,0,1.89-.95L416,208H288L319.66,34.75A2.45,2.45,0,0,0,317.22,32h0A2.42,2.42,0,0,0,315.27,33Z' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/></svg>
<!-- <i class="fas fa-flash"></i> -->
</div>
<h3 class="h5">Electricity supply</h3>
<p class="text-muted">There is backup power generator in the office.</p>
</div><!-- end service block -->
</div>
</div><!-- end row -->
</div>
</div><!-- End Service -->
Payment Gateways
Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.
Shipment Tracking
Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.
Sales Report
Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.
Professional Design
Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.
Unlimited Products
Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.
Invoice Generator
Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.
<!-- =========={ SERVICE }========== -->
<div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up">
<!-- features block -->
<div class="four-service p-4 bg-body mb-5 rounded-3 shadow-sm">
<div class="four-service-icon text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><rect stroke="currentColor" x="48" y="96" width="416" height="320" rx="56" ry="56" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="48" y1="192" x2="464" y2="192" style="fill:none;stroke-linejoin:round;stroke-width:60px"/><rect stroke="currentColor" x="128" y="300" width="48" height="20" style="fill:none;;stroke-linejoin:round;stroke-width:60px"/></svg>
<!-- <i class="fas fa-credit-card text-primary"></i> -->
</div>
<div class="four-service-content">
<h3 class="h5">Payment Gateways</h3>
<p class="text-muted">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
</div>
<div class="line"></div>
</div><!-- end features block -->
</div>
<div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="100">
<!-- features block -->
<div class="four-service p-4 bg-body mb-5 rounded-3 shadow-sm">
<div class="four-service-icon text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/><line stroke="currentColor" x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>
<!-- <i class="fas fa-shipping-fast text-primary"></i> -->
</div>
<div class="four-service-content">
<h3 class="h5">Shipment Tracking</h3>
<p class="text-muted">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
</div>
<div class="line"></div>
</div><!-- end features block -->
</div>
<div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="200">
<!-- features block -->
<div class="four-service p-4 bg-body mb-5 rounded-3 shadow-sm">
<div class="four-service-icon text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M256.05,80.65Q263.94,80,272,80c106,0,192,86,192,192S378,464,272,464A192.09,192.09,0,0,1,89.12,330.65" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/><path stroke="currentColor" d="M256,48C141.12,48,48,141.12,48,256a207.29,207.29,0,0,0,18.09,85L256,256Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
<!-- <i class="fas fa-chart-pie text-primary"></i> -->
</div>
<div class="four-service-content">
<h3 class="h5">Sales Report</h3>
<p class="text-muted">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
</div>
<div class="line"></div>
</div><!-- end features block -->
</div>
<div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up">
<!-- features block -->
<div class="four-service p-4 bg-body mb-5 rounded-3 shadow-sm">
<div class="four-service-icon text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><rect stroke="currentColor" x="32" y="64" width="448" height="320" rx="32" ry="32" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><polygon fill="currentColor" points="304 448 296 384 216 384 208 448 304 448" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="368" y1="448" x2="144" y2="448" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path fill="currentColor" d="M32,304v48a32.09,32.09,0,0,0,32,32H448a32.09,32.09,0,0,0,32-32V304Zm224,64a16,16,0,1,1,16-16A16,16,0,0,1,256,368Z"/></svg>
<!-- <i class="fas fa-desktop text-primary"></i> -->
</div>
<div class="four-service-content">
<h3 class="h5">Professional Design</h3>
<p class="text-muted">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
</div>
<div class="line"></div>
</div><!-- end features block -->
</div>
<div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="100">
<!-- features block -->
<div class="four-service p-4 bg-body mb-5 rounded-3 shadow-sm">
<div class="four-service-icon text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M448,341.37V170.61A32,32,0,0,0,432.11,143l-152-88.46a47.94,47.94,0,0,0-48.24,0L79.89,143A32,32,0,0,0,64,170.61V341.37A32,32,0,0,0,79.89,369l152,88.46a48,48,0,0,0,48.24,0l152-88.46A32,32,0,0,0,448,341.37Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline stroke="currentColor" points="69 153.99 256 263.99 443 153.99" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="256" y1="463.99" x2="256" y2="263.99" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
<!-- <i class="fas fa-cubes text-primary"></i> -->
</div>
<div class="four-service-content">
<h3 class="h5">Unlimited Products</h3>
<p class="text-muted">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
</div>
<div class="line"></div>
</div><!-- end features block -->
</div>
<div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="200">
<!-- features block -->
<div class="four-service p-4 bg-body mb-5 rounded-3 shadow-sm">
<div class="four-service-icon text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M416,221.25V416a48,48,0,0,1-48,48H144a48,48,0,0,1-48-48V96a48,48,0,0,1,48-48h98.75a32,32,0,0,1,22.62,9.37L406.63,198.63A32,32,0,0,1,416,221.25Z" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M256,56V176a32,32,0,0,0,32,32H408" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="176" y1="288" x2="336" y2="288" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="176" y1="368" x2="336" y2="368" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
<!-- <i class="fas fa-file-invoice text-primary"></i> -->
</div>
<div class="four-service-content">
<h3 class="h5">Invoice Generator</h3>
<p class="text-muted">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
</div>
<div class="line"></div>
</div><!-- end features block -->
</div>
</div><!-- end row -->
</div>
</div><!-- End Service -->
Professional Design
Find what you need in one template and combine will make your site look professional.
Unlimited Products
Find what you need in one template and combine will make your site look professional.
Payment Gateways
Find what you need in one template and combine will make your site look professional.
Invoice Generator
Find what you need in one template and combine will make your site look professional.
Shipment Tracking
Find what you need in one template and combine will make your site look professional.
Sales Report
Find what you need in one template and combine will make your site look professional.
<!-- =========={ SERVICE }========== -->
<div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-6 col-lg-4" data-aos="fade-up">
<div class="mb-5 px-3">
<div class="row">
<!-- icon -->
<div class="col-3 text-center">
<div class="display-4 text-primary mb-3">
<!-- <i class="fas fa-desktop"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><rect stroke="currentColor" x="32" y="64" width="448" height="320" rx="32" ry="32" style="fill:none;stroke-linejoin:round;stroke-width:32px"></rect><polygon fill="currentColor" points="304 448 296 384 216 384 208 448 304 448" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polygon><line stroke="currentColor" x1="368" y1="448" x2="144" y2="448" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line><path fill="currentColor" d="M32,304v48a32.09,32.09,0,0,0,32,32H448a32.09,32.09,0,0,0,32-32V304Zm224,64a16,16,0,1,1,16-16A16,16,0,0,1,256,368Z"></path></svg>
</div>
</div>
<!-- text service -->
<div class="col-9">
<h3 class="h5">Professional Design</h3>
<p class="text-muted">Find what you need in one template and combine will make your site look professional.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="mb-5 px-3">
<div class="row">
<!-- icon -->
<div class="col-3 text-center">
<div class="display-4 text-primary mb-3">
<!-- <i class="fas fa-cubes"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M448,341.37V170.61A32,32,0,0,0,432.11,143l-152-88.46a47.94,47.94,0,0,0-48.24,0L79.89,143A32,32,0,0,0,64,170.61V341.37A32,32,0,0,0,79.89,369l152,88.46a48,48,0,0,0,48.24,0l152-88.46A32,32,0,0,0,448,341.37Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><polyline stroke="currentColor" points="69 153.99 256 263.99 443 153.99" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline><line stroke="currentColor" x1="256" y1="463.99" x2="256" y2="263.99" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
</div>
</div>
<!-- text service -->
<div class="col-9">
<h3 class="h5">Unlimited Products</h3>
<p class="text-muted">Find what you need in one template and combine will make your site look professional.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="mb-5 px-3">
<div class="row">
<!-- icon -->
<div class="col-3 text-center">
<div class="display-4 text-primary mb-3">
<!-- <i class="fas fa-credit-card"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><rect stroke="currentColor" x="48" y="96" width="416" height="320" rx="56" ry="56" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></rect><line stroke="currentColor" x1="48" y1="192" x2="464" y2="192" style="fill:none;stroke-linejoin:round;stroke-width:60px"></line><rect stroke="currentColor" x="128" y="300" width="48" height="20" style="fill:none;;stroke-linejoin:round;stroke-width:60px"></rect></svg>
</div>
</div>
<!-- text service -->
<div class="col-9">
<h3 class="h5">Payment Gateways</h3>
<p class="text-muted">Find what you need in one template and combine will make your site look professional.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-aos="fade-up">
<div class="mb-5 px-3">
<div class="row">
<!-- icon -->
<div class="col-3 text-center">
<div class="display-4 text-primary mb-3">
<!-- <i class="fas fa-file-invoice"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M416,221.25V416a48,48,0,0,1-48,48H144a48,48,0,0,1-48-48V96a48,48,0,0,1,48-48h98.75a32,32,0,0,1,22.62,9.37L406.63,198.63A32,32,0,0,1,416,221.25Z" style="fill:none;stroke-linejoin:round;stroke-width:32px"></path><path stroke="currentColor" d="M256,56V176a32,32,0,0,0,32,32H408" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line stroke="currentColor" x1="176" y1="288" x2="336" y2="288" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line><line stroke="currentColor" x1="176" y1="368" x2="336" y2="368" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
</div>
</div>
<!-- text service -->
<div class="col-9">
<h3 class="h5">Invoice Generator</h3>
<p class="text-muted">Find what you need in one template and combine will make your site look professional.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="mb-5 px-3">
<div class="row">
<!-- icon -->
<div class="col-3 text-center">
<div class="display-4 text-primary mb-3">
<!-- <i class="fas fa-shipping-fast"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"></path><line stroke="currentColor" x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"></line></svg>
</div>
</div>
<!-- text service -->
<div class="col-9">
<h3 class="h5">Shipment Tracking</h3>
<p class="text-muted">Find what you need in one template and combine will make your site look professional.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="mb-5 px-3">
<div class="row">
<!-- icon -->
<div class="col-3 text-center">
<div class="display-4 text-primary mb-3">
<!-- <i class="fas fa-chart-pie"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M256.05,80.65Q263.94,80,272,80c106,0,192,86,192,192S378,464,272,464A192.09,192.09,0,0,1,89.12,330.65" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"></path><path stroke="currentColor" d="M256,48C141.12,48,48,141.12,48,256a207.29,207.29,0,0,0,18.09,85L256,256Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path></svg>
</div>
</div>
<!-- text service -->
<div class="col-9">
<h3 class="h5">Sales Report</h3>
<p class="text-muted">Find what you need in one template and combine will make your site look professional.</p>
</div>
</div>
</div>
</div>
</div><!-- end row -->
</div>
</div><!-- End Service -->
<!-- =========={ SERVICE }========== -->
<div id="service" class="section pt-8 pb-3 bg-light-dark">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-lg-4 col-sm-6" data-aos="fade-up">
<!-- service block -->
<div class="five-service hover-box-up text-center mb-7">
<div class="service-icon text-white border">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><rect stroke="currentColor" x="32" y="64" width="448" height="320" rx="32" ry="32" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><polygon fill="currentColor" points="304 448 296 384 216 384 208 448 304 448" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="368" y1="448" x2="144" y2="448" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path fill="currentColor" d="M32,304v48a32.09,32.09,0,0,0,32,32H448a32.09,32.09,0,0,0,32-32V304Zm224,64a16,16,0,1,1,16-16A16,16,0,0,1,256,368Z"/></svg>
<!-- <i class="fas fa-desktop text-primary"></i> -->
</span>
</div>
<div class="service-content bg-body pt-5 pb-4 px-4 rounded-3 shadow-sm">
<h3 class="h5 mt-3">Web Development</h3>
<p class="mb-4 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#" class="read-more bg-body text-body border-dark-light" title="Read More">
<!-- <i class="fa fa-plus"></i> -->
<svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div><!-- end service block -->
</div>
<div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="100">
<!-- service block -->
<div class="five-service hover-box-up text-center mb-7">
<div class="service-icon text-white border">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path stroke="currentColor" d="M256.05,80.65Q263.94,80,272,80c106,0,192,86,192,192S378,464,272,464A192.09,192.09,0,0,1,89.12,330.65" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/><path stroke="currentColor" d="M256,48C141.12,48,48,141.12,48,256a207.29,207.29,0,0,0,18.09,85L256,256Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
<!-- <i class="fas fa-chart-pie text-primary"></i> -->
</span>
</div>
<div class="service-content bg-body pt-5 pb-4 px-4 rounded-3 shadow-sm">
<h3 class="h5 mt-3">Digital Marketing</h3>
<p class="mb-4 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#" class="read-more bg-body text-body border-dark-light" title="Read More">
<!-- <i class="fa fa-plus"></i> -->
<svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div><!-- end service block -->
</div>
<div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="200">
<!-- service block -->
<div class="five-service hover-box-up text-center mb-7">
<div class="service-icon text-white border">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path stroke="currentColor" d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/><line stroke="currentColor" x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>
<!-- <i class="text-primary fas fa-search"></i> -->
</span>
</div>
<div class="service-content bg-body pt-5 pb-4 px-4 rounded-3 shadow-sm">
<h3 class="h5 mt-3">Search Engine Optimization</h3>
<p class="mb-4 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#" class="read-more bg-body text-body border-dark-light" title="Read More">
<!-- <i class="fa fa-plus"></i> -->
<svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div><!-- end service block -->
</div>
<div class="col-lg-4 col-sm-6" data-aos="fade-up">
<!-- service block -->
<div class="five-service hover-box-up text-center mb-7">
<div class="service-icon text-white border">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path fill="currentColor" d="M455.27,32H56.73A24.74,24.74,0,0,0,32,56.73V455.27A24.74,24.74,0,0,0,56.73,480H256V304H202.45V240H256V189c0-57.86,40.13-89.36,91.82-89.36,24.73,0,51.33,1.86,57.51,2.68v60.43H364.15c-28.12,0-33.48,13.3-33.48,32.9V240h67l-8.75,64H330.67V480h124.6A24.74,24.74,0,0,0,480,455.27V56.73A24.74,24.74,0,0,0,455.27,32Z"/></svg>
<!-- <i class="text-primary fab fa-facebook"></i> -->
</span>
</div>
<div class="service-content bg-body pt-5 pb-4 px-4 rounded-3 shadow-sm">
<h3 class="h5 mt-3">Social Media Marketing</h3>
<p class="mb-4 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#" class="read-more bg-body text-body border-dark-light" title="Read More">
<!-- <i class="fa fa-plus"></i> -->
<svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div><!-- end service block -->
</div>
<div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="100">
<!-- service block -->
<div class="five-service hover-box-up text-center mb-7">
<div class="service-icon text-white border">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><rect stroke="currentColor" x="128" y="16" width="256" height="480" rx="48" ry="48" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M176,16h24a8,8,0,0,1,8,8h0a16,16,0,0,0,16,16h64a16,16,0,0,0,16-16h0a8,8,0,0,1,8-8h24" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
<!-- <i class="text-primary fas fa-mobile"></i> -->
</span>
</div>
<div class="service-content bg-body pt-5 pb-4 px-4 rounded-3 shadow-sm">
<h3 class="h5 mt-3">Mobile Apps Marketing</h3>
<p class="mb-4 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#" class="read-more bg-body text-body border-dark-light" title="Read More">
<!-- <i class="fa fa-plus"></i> -->
<svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div><!-- end service block -->
</div>
<div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="200">
<!-- service block -->
<div class="five-service hover-box-up text-center mb-7">
<div class="service-icon text-white border">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path fill="currentColor" d="M473.16,221.48l-2.26-9.59H262.46v88.22H387c-12.93,61.4-72.93,93.72-121.94,93.72-35.66,0-73.25-15-98.13-39.11a140.08,140.08,0,0,1-41.8-98.88c0-37.16,16.7-74.33,41-98.78s61-38.13,97.49-38.13c41.79,0,71.74,22.19,82.94,32.31l62.69-62.36C390.86,72.72,340.34,32,261.6,32h0c-60.75,0-119,23.27-161.58,65.71C58,139.5,36.25,199.93,36.25,256S56.83,369.48,97.55,411.6C141.06,456.52,202.68,480,266.13,480c57.73,0,112.45-22.62,151.45-63.66,38.34-40.4,58.17-96.3,58.17-154.9C475.75,236.77,473.27,222.12,473.16,221.48Z"/></svg>
<!-- <i class="text-primary fab fa-google"></i> -->
</span>
</div>
<div class="service-content bg-body pt-5 pb-4 px-4 rounded-3 shadow-sm">
<h3 class="h5 mt-3">Google Suite</h3>
<p class="mb-4 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#" class="read-more bg-body text-body border-dark-light" title="Read More">
<!-- <i class="fa fa-plus"></i> -->
<svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div><!-- end service block -->
</div>
</div><!-- end row -->
</div>
</div><!-- End Service -->
Corporate & Business Setup
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.
Concept & Project Development
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.
<!-- =========={ SERVICE }========== -->
<div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="bg-light-dark border mb-5 rounded-3 overflow-hidden" data-aos="fade-up">
<div class="row g-0">
<!-- img block -->
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/company1.jpg');"></div>
<!-- content block -->
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<div class="p-4">
<h3 class="h4 mb-3">Corporate & Business Setup</h3>
<p class="lead mb-5 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="bg-light-dark border mb-5 rounded-3 overflow-hidden" data-aos="fade-up" data-aos-delay="100">
<div class="row g-0">
<!-- img block -->
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/company2.jpg');"></div>
<!-- content block -->
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<div class="p-4">
<h3 class="h4 mb-3">Concept & Project Development</h3>
<p class="lead mb-5 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Service -->