diff --git a/resources/bands/index.shtml b/resources/bands/index.shtml index b8119b638b580841c39b9f1fcd04899a6da20549..119ac50d330bd2ec30ef818e659600b06b5a17b4 100644 --- a/resources/bands/index.shtml +++ b/resources/bands/index.shtml @@ -143,28 +143,24 @@ </div> <div class="wdn-band" style="max-height:400px; overflow:hidden;"> - <div class="wdn-stretch"> - <div class="promo-container"> - <img src="../../graphics/wide-horizon.jpg" alt="Wide Horizon Image" /> - <div class="image-overlay" style="bottom: auto; top: 10%;"> - <div class="wdn-inner-wrapper"> - <div class="bp2-wdn-grid-set-halves"> - <div class="wdn-col overlay"> - <h2 class="clear-top" style="font-size: 38px;">"Stretch" Band</h2> - <p> - Stretch bands are used to display images, video, and other media at full width of the browser window. The band allows content to take advantage of the real estate provided by larger screens. - </p> - </div> + <div class="promo-container"> + <img class="wdn-stretch" src="../../graphics/wide-horizon.jpg" alt="Wide Horizon Image" /> + <div class="image-overlay" style="bottom: auto; top: 10%;"> + <div class="wdn-inner-wrapper"> + <div class="bp2-wdn-grid-set-halves"> + <div class="wdn-col overlay"> + <h2 class="clear-top" style="font-size: 38px;">"WDN-STRETCH"</h2> + <p> + <code>wdn-stretch</code> will set an element such as an image to full width or <code>width:100%</code>. + </p> + </div> - <div class="wdn-col"> + <div class="wdn-col"> <pre> <code><div class="wdn-band "> - <div class="wdn-stretch"> - <img src="../../graphics/wide-horizon.jpg" alt="Wide Horizon Image"> - </div> + <img class="wdn-stretch" src="../../graphics/wide-horizon.jpg" alt="Wide Horizon Image"> </div></code> </pre> - </div> </div> </div> </div>