Skip to main content

Code

The Code element displays code in a preformatted text block which is why it only consists of one Content field. It has no element-specific options. Enable syntax highlighting in the Advanced settings of YOOtheme Pro.
<!DOCTYPE html>
<html>
    <head>
        <title>Title</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/uikit.min.css" />
        <script src="js/uikit.min.js"></script>
        <script src="js/uikit-icons.min.js"></script>
    </head>
    <body>
        <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow>

            <ul class="uk-slideshow-items">
                <li>
                    <img src="images/photo.jpg" alt uk-cover loading="lazy">
                </li>
                <li>
                    <img src="images/dark.jpg" alt uk-cover loading="lazy">
                </li>
                <li>
                    <img src="images/light.jpg" alt uk-cover loading="lazy">
                </li>
            </ul>

        </div>
    </body>
</html>