How to display code in a window within a web page

Here is an example of what a script would look like:

    var myGallery = cloudinary.galleryWidget({
      container: "#my-gallery",
      cloudName: "demo",
      mediaAssets: [{ tag: "bag" }],
      carouselStyle: "thumbnails",   // default value: included for clarity
      carouselLocation: "left",     // default value: included for clarity
      viewportBreakpoints: [  //Override viewport breakpoints
      { breakpoint: 600, carouselStyle: "thumbnails", carouselLocation: "bottom" },
      { breakpoint: 300, carouselStyle: "indicators", carouselLocation: "bottom", navigation: "always" } ]
    });
    myGallery.render();
    

To use this code, select and copy the code to your clipboard, then paste it between script tags.

    var myGallery2 = cloudinary.galleryWidget({ 
      container: "#my-gallery2", 
      cloudName: "demo", 
      mediaAssets: [{ tag: "shirt" }],
    placeholderImage: false,
      imageBreakpoint: 200 });
    myGallery2.render();