<section class="section_trainigvideos">
<div class="number_section">
<div class="wrapper_innerpage">02</div>
</div>
<div class="wrapper_mainpage">
<div class="trainigvideos_tabstyle">
<div class="trainigvideos_content">
<div class="title16 smalltitle">{{pimcore_input('trainig_videos_small_title', {'placeholder':'Enter here'})}}</div>
<h2 class="h2_long">{{pimcore_input('trainig_videos_heading', {'placeholder':'Enter here', 'htmlspecialchars':false})}}</h2>
<p>{{pimcore_textarea('trainig_videos_description', {'placeholder':'Enter here'})}}</p>
<a class="button button_radius button_transparent_red" href="#" onclick="$('html, body').animate({scrollTop: $('.section_allvideos').offset().top - 0}, 1000);">All VIDEOS</a>
</div>
<div class="trainigvideos">
<div class="trainigvideos_list owl-carousel">
{%if(editmode)%}
{{include('Default/sections/training-videos/static-items.html.twig')}}
{%else%}
{{include('Default/sections/training-videos/items.html.twig')}}
{%endif%}
</div>
</div>
</div>
</div>
<div class="trainigvideos_scrolldown">
<div class="wrapper_innerpage">
<div class="trainigvideos_dots"></div>
<div class="trainigvideos_mobilebutton_allvideos"><a class="button button_radius button_transparent_red" href="#">ALL VIDEOS</a></div><a class="scrolldown title16" href="#"><span>SCROLL DOWN</span><i></i></a>
</div>
</div>
</section>