</div>
</div>
- <div id="scrollto" class="page-scroll">
- <a href="#features" class="btn btn-outline-primary rounded-circle">
+ <div class="page-scroll">
+ <a href="#features" class="btn btn-outline-primary rounded-circle scroll">
<svg class="icon i_lg i_arrow_down"><use xlink:href="#arrow_down"/></svg>
</a>
</div>
</div>
</div>
</section>
+<script>
+$(document).ready(function () {
+ $('.scroll').on('click', function(event) {
+ event.preventDefault();
+ $('html, body').stop().animate({
+ scrollTop: $('#features').offset().top -72
+ }, 1000);
+ });
+});
+</script>
{% end block %}