6-page-content-elements edit

<!-- components/6-page-content-elements/wysiwg-photos.php --> <hr> <h5><strong>H5. Wysiwyg Photos</strong></h5> <h6><strong>H6. Photos without captions</strong></h6> <p> <img alt="Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." src="http://placehold.it/200x300/115740/FFFFFF?text=200x300"> <strong>Default image</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet <strong>default image</strong> <img src="http://placehold.it/100x20"> imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </p> <!-- Floated images, no captions --> <p><img alt="Wren Building" class="photoleft" src="http://placehold.it/200x200/115740/FFFFFF?text=200x200"><strong>Photo left</strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis. Fusce quis nisl et mi mollis fringilla. Sed vitae tristique libero. Suspendisse cursus iaculis massa, ac tempus purus placerat ac. Aliquam ac rhoncus arcu, nec vulputate sapien. Curabitur a magna a orci dictum rhoncus. In et arcu non neque posuere euismod. Praesent vel orci ac risus facilisis tempus. Nulla ac porta mauris. Etiam posuere dui ullamcorper euismod ullamcorper. Duis fringilla auctor pharetra. <img alt="Wren Building" class="photoleft" src="http://placehold.it/1200x200/115740/FFFFFF?text=left 1200x200">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ut justo tortor. Nam ut odio a neque dapibus tempus eget quis felis. Aenean finibus ligula in nibh feugiat lobortis in non quam.</p> <p><img alt="Photo right. Inside paragraph" class="photoright" src="http://placehold.it/300x125/115740/FFFFFF?text=300x125"><strong>Photo right</strong>. Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. <img alt="Photo right. Inside paragraph" class="photoright" src="http://placehold.it/1300x125/115740/FFFFFF?text=right 1300x125">Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan. Cras venenatis neque nec diam sodales sodales. Duis dapibus bibendum augue, nec malesuada eros semper in.</p> <p> <img alt="Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="photocenter" src="http://placehold.it/450x200/115740/FFFFFF?text=450x200"><BR> <img alt="Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="photocenter" src="http://placehold.it/1200x200/115740/FFFFFF?text=center 1200x200"> <strong>Photo center</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </p> <h5>Photos with Captions</h5> <!-- Captioned images --> <p> <img alt="Photo center with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="centerwithcaption" src="http://placehold.it/400x300/115740/FFFFFF?text=400x300"> <img alt="Photo center with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="centerwithcaption" src="http://placehold.it/1400x300/115740/FFFFFF?text=center 1400x300"> Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </p> <p> <img alt="Photo with caption small. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="photowithcaption" src="http://placehold.it/300x200/115740/FFFFFF?text=300x200"> <img alt="Photo with caption large. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="photowithcaption" src="http://placehold.it/1400x300/115740/FFFFFF?text=LA 1400x300"> Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </p> <img alt="Left with caption. Outside paragraph. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="leftwithcaption" src="http://placehold.it/150x240/115740/FFFFFF?text=150x240"> <p>Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. Sed porttitor laoreet euismod. <img alt="Left with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="leftwithcaption" src="http://placehold.it/1400x300/115740/FFFFFF?text=Left 1400x300">Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan. Cras venenatis neque nec diam sodales sodales. Duis dapibus bibendum augue, nec malesuada eros semper in. </p> <p> Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula. Suspendisse cursus iaculis massa, ac tempus purus placerat ac. <img alt="Right with caption." class="rightwithcaption" src="http://placehold.it/240x150/115740/FFFFFF?text=240x150">Aliquam commodo diam ac urna vulputate vulputate. Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan.</p> <h6 style="clear:both;">Photos in a list</h6> <ul> <li><a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf"> <img alt="Download the Map" width="250" height="156" class="rightwithcaption" src="https://www.wm.edu/sites/commencement/_images/ceremony-parking-zone-map-thumb.jpg"> </a>Download the <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf">2021 parking map</a> (pdf) to see the following recommended lots and guidelines.</li> <li>Guests should plan to <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/park_and_walk.pdf">park at the Kaplan Arena lot and walk to Zable Stadium</a> (pdf), an approximately 5 minute walk. Directional signage will guide your walk to Zable Stadium. Guests of students with last names A-L will be directed to gate 1, and M-Z to gate 3. Please plan to move your car within 30 minutes of the end of the ceremony so there is ample parking for the next ceremony.</li> <li>Guests with limited mobility who display either an ADA tag or limited mobility access pass (provided electronically to the graduating student) will be permitted to drop off at the limited mobility entrance to Zable. The driver will then be directed to park in the Zable Stadium parking lot, close to the limited mobility entrance and exit. <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/limited-mobility-zable-diagram.pdf">View the limited mobility Zable Stadium diagram</a> (pdf).</li> <li> <img alt="Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." src="http://placehold.it/200x300/115740/FFFFFF?text=200x300"> <strong>Default image</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet <strong>default image</strong> <img src="http://placehold.it/100x20"> imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </li> <!-- Floated images, no captions --> <li><img alt="Wren Building" class="photoleft" src="http://placehold.it/200x200/115740/FFFFFF?text=200x200"><strong>Photo left</strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis. Fusce quis nisl et mi mollis fringilla. Sed vitae tristique libero. Suspendisse cursus iaculis massa, ac tempus purus placerat ac. Aliquam ac rhoncus arcu, nec vulputate sapien. Curabitur a magna a orci dictum rhoncus. In et arcu non neque posuere euismod. Praesent vel orci ac risus facilisis tempus. Nulla ac porta mauris. Etiam posuere dui ullamcorper euismod ullamcorper. Duis fringilla auctor pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ut justo tortor. Nam ut odio a neque dapibus tempus eget quis felis. Aenean finibus ligula in nibh feugiat lobortis in non quam.</li> <li><img alt="Photo right" class="photoright" src="http://placehold.it/300x125/115740/FFFFFF?text=300x125"><strong>Photo right</strong>. Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan. Cras venenatis neque nec diam sodales sodales. Duis dapibus bibendum augue, nec malesuada eros semper in.</li> <li> <img alt="Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="photocenter" src="http://placehold.it/450x200/115740/FFFFFF?text=450x200"> <strong>Photo center</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </li> <li> <img alt="Photo center with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="centerwithcaption" src="http://placehold.it/400x300/115740/FFFFFF?text=400x300"> Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </li> <li> <img alt="Photo with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="leftalignwithcaption" src="http://placehold.it/300x200/115740/FFFFFF?text=300x200"> Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </li> <li><img alt="Left with caption." class="leftwithcaption" src="http://placehold.it/150x240/115740/FFFFFF?text=150x240">Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. </li> <li> <img alt="Right with caption. Inside list" class="rightwithcaption" src="http://placehold.it/240x150/115740/FFFFFF?text=240x150"> <strong>Right with caption. </strong>Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </li> </ul> <h6>Photos in lists in collapsible lists</h6> <table border="0" class="collapsible" summary="Information for families and visitors organized into collapsible lists"> <caption>A single column table for formatting purposes.</caption> <tbody> <tr> <td> <h5>Center with Caption</h5> <ul> <li><a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf"><img alt="Center with caption" class="centerwithcaption" height="156" src="https://www.wm.edu/sites/commencement/_images/ceremony-parking-zone-map-thumb.jpg" width="250" /></a>Download the <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf">2021 parking map</a> (pdf) to see the following recommended lots and guidelines.</li> <li>Guests should plan to <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/park_and_walk.pdf">park at the Kaplan Arena lot and walk to Zable Stadium</a> (pdf), an approximately 5 minute walk. Directional signage will guide your walk to Zable Stadium. Guests of students with last names A-L will be directed to gate 1, and M-Z to gate 3. Please plan to move your car within 30 minutes of the end of the ceremony so there is ample parking for the next ceremony.</li> <li>Guests with limited mobility who display either an ADA tag or limited mobility access pass (provided electronically to the graduating student) will be permitted to drop off at the limited mobility entrance to Zable. The driver will then be directed to park in the Zable Stadium parking lot, close to the limited mobility entrance and exit. <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/limited-mobility-zable-diagram.pdf">View the limited mobility Zable Stadium diagram</a> (pdf).</li> </ul> </td> </tr> <tr> <td> <h5>Left with Caption</h5> <ul> <li><a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf"><img alt="Left with caption" class="leftwithcaption" height="156" src="https://www.wm.edu/sites/commencement/_images/ceremony-parking-zone-map-thumb.jpg" width="250" /></a>Download the <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf">2021 parking map</a> (pdf) to see the following recommended lots and guidelines.</li> <li>Guests should plan to <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/park_and_walk.pdf">park at the Kaplan Arena lot and walk to Zable Stadium</a> (pdf), an approximately 5 minute walk. Directional signage will guide your walk to Zable Stadium. Guests of students with last names A-L will be directed to gate 1, and M-Z to gate 3. Please plan to move your car within 30 minutes of the end of the ceremony so there is ample parking for the next ceremony.</li> <li>Guests with limited mobility who display either an ADA tag or limited mobility access pass (provided electronically to the graduating student) will be permitted to drop off at the limited mobility entrance to Zable. The driver will then be directed to park in the Zable Stadium parking lot, close to the limited mobility entrance and exit. <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/limited-mobility-zable-diagram.pdf">View the limited mobility Zable Stadium diagram</a> (pdf).</li> </ul> </td> </tr> <tr> <td> <h5>Right with Caption</h5> <ul> <li><a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf"><img alt="Right with caption" class="rightwithcaption" height="156" src="https://www.wm.edu/sites/commencement/_images/ceremony-parking-zone-map-thumb.jpg" width="250" /></a>Download the <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf">2021 parking map</a> (pdf) to see the following recommended lots and guidelines.</li> <li>Guests should plan to <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/park_and_walk.pdf">park at the Kaplan Arena lot and walk to Zable Stadium</a> (pdf), an approximately 5 minute walk. Directional signage will guide your walk to Zable Stadium. Guests of students with last names A-L will be directed to gate 1, and M-Z to gate 3. Please plan to move your car within 30 minutes of the end of the ceremony so there is ample parking for the next ceremony.</li> <li>Guests with limited mobility who display either an ADA tag or limited mobility access pass (provided electronically to the graduating student) will be permitted to drop off at the limited mobility entrance to Zable. The driver will then be directed to park in the Zable Stadium parking lot, close to the limited mobility entrance and exit. <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/limited-mobility-zable-diagram.pdf">View the limited mobility Zable Stadium diagram</a> (pdf).</li> </ul> </td> </tr> <tr> <td> <h5>Photo with Caption</h5> <ul> <li><a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf"><img alt="Photo with caption" class="photowithcaption" height="156" src="https://www.wm.edu/sites/commencement/_images/ceremony-parking-zone-map-thumb.jpg" width="250" /></a>Download the <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/parking.pdf">2021 parking map</a> (pdf) to see the following recommended lots and guidelines.</li> <li>Guests should plan to <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/park_and_walk.pdf">park at the Kaplan Arena lot and walk to Zable Stadium</a> (pdf), an approximately 5 minute walk. Directional signage will guide your walk to Zable Stadium. Guests of students with last names A-L will be directed to gate 1, and M-Z to gate 3. Please plan to move your car within 30 minutes of the end of the ceremony so there is ample parking for the next ceremony.</li> <li>Guests with limited mobility who display either an ADA tag or limited mobility access pass (provided electronically to the graduating student) will be permitted to drop off at the limited mobility entrance to Zable. The driver will then be directed to park in the Zable Stadium parking lot, close to the limited mobility entrance and exit. <a href="https://media.wm.edu/content/wm/studentaffairs/commencement/limited-mobility-zable-diagram.pdf">View the limited mobility Zable Stadium diagram</a> (pdf).</li> </ul> </td> </tr> </tbody> </table>