I'm new in public-facing sites using SharePoint 2013, we've recieved the html and we used design manager to convert the master page and we start implementing the welcome page , and we see a sliding image as following
<div class="slide"><div class="visual"><span data-picture data-alt="image description"><span data-src="images/img1.jpg" ></span><span data-src="images/img1-medium.jpg" data-media="(max-width:939px)" ></span><span data-src="images/img1-small.jpg" data-media="(max-width:767px)" ></span><!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. --><noscript><img src="images/img1.jpg" width="940" height="400" alt="image description" ></noscript></span></div><!-- description about the image --><div class="caption"><div class="caption-holder"><h1> Headline goes up to five lines.</h1></div></div></div>
<div class="latest-news"><h2 class="title">Latest News</h2><div class="news-container"><div class="slider"><div class="mask"><div class="line"><p><time datetime="2013-10-10">10 Oct 2013</time> This is dummy text. It is meant to be read but have no meaning. As a simulation of actual copy ...</p><p><time datetime="2013-10-10">10 Oct 2013</time> This is dummy text. It is meant to be read but have no meaning. As a simulation of actual copy ...</p></div></div></div><span class="all"><a href="#">> Read all</a></span></div><a href="#" class="btn-all">open</a></div>do this usually left as it on sharepoint page or there are corresponding snippets
that when apply style on it will give same result,
also for the section 'Latest News' is a moving ticker with of course changing contents
that authors will constantly add , so I wondering how usually this manipulated in SharePoint
Appreciate any help