mirror of
https://github.com/caressofsteel/hugo-story.git
synced 2024-12-23 01:49:47 +01:00
13 lines
1.0 KiB
HTML
13 lines
1.0 KiB
HTML
|
<!-- Spotlight -->
|
||
|
|
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
|
||
|
|
<div class="content">
|
||
|
|
<h2>Spotlight</h2>
|
||
|
|
<p>This is a <strong>Spotlight</strong> element, and it's generally used – as its name implies – to spotlight a particular feature, subject, or pretty much whatever. You can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-spotlight">details</a>).</p>
|
||
|
|
<ul class="actions stacked">
|
||
|
|
<li><a href="#" class="button">Learn More</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="image">
|
||
|
|
<img src="images/spotlight01.jpg" alt="" />
|
||
|
|
</div>
|
||
|
|
</section>
|