<!-- =========={ 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 -->
عنوان یک بخش
توضیحات متناسب یک بخش
عنوان یک بخش
توضیحات متناسب یک بخش
عنوان یک بخش
توضیحات متناسب یک بخش
عنوان یک بخش
توضیحات متناسب یک بخش
عنوان یک بخش
توضیحات متناسب یک بخش
عنوان یک بخش
توضیحات متناسب یک بخش
<!-- =========={ 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 -->
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
Sعنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
<!-- =========={ 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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</p>
</div>
<div class="line"></div>
</div><!-- end features block -->
</div>
</div><!-- end row -->
</div>
</div><!-- End Service -->
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
<!-- =========={ 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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
.</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
.</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
.</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
.</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
.</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">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
.</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 -->
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
عنوان یک بخش
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
<!-- =========={ 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 -->