anorgatarrak-wordpress-theme/partials/home.template.html

22 lines
1.2 KiB
HTML

<!-- load type slider -->
<!--
<ul class="slideshow-static">
-->
<!--<li><img class="step" style="background-image:url('http://anorgatarrak.eus/wp-content/uploads/2017/11/anorga0.jpg');" title="Añorgatarrak" alt=""></img></li>-->
<!--<li ng-repeat="slide in slides">-->
<!--<li>-->
<div class="flex-cont" style="display:flex;height:90vh">
<div class="s" style="flex:auto;background-attachment:fixed;background-image:url('{{slides[0].featured_image_thumbnail_url}}');background-size:cover;" title="{{slides[0].title.rendered}}" alt="{{slides[0].excerpt_clean}}">
<div class="s-content" style="text-align:right;position:absolute;bottom:5%;width:100%;background:rgba(0,0,0,0.8);">
<h1 style="margin-right:30px;font-size:32pt;font-weight:800;color:#fff;">{{slides[0].title.rendered}}</h1>
<h2 style="margin-right:30px;font-size:24pt;font-weight:400;color:#fff;">{{slides[0].excerpt_clean}}</h2>
</div>
</div>
</div>
<!--<img class="step" style="background-image:url('{{slides[0].featured_image_thumbnail_url}}');" title="{{slides[0].title.rendered}}" alt="{{slides[0].excerpt_clean}}"></img>-->
<!-- </li>
</ul> -->
<script>
// slsh = new SlideShow('.slideshow', {timeout: 4000});
</script>