Add an Image Slider to the Splash Page

an image slider can be added to your splash page using the html feature in the splash page editor you can use a service that provides the html code such as power io to do this power io allows you to make one free image slider with a limited number of images very easily they offer additional features and options for a fee the other option is to css by using the instructions from w3 schools to use either method you will want to have images that are the same size or that have been cropped to be the same size as each other using an external site if you use an external site to create the image slider you will want to obtain the html / css from the site you select if you are using power io you can get this from the publish button using the embed with code option you will simply copy that code and head over to the splash page editor in the splash page editor add a single column to your splash page in the location you want the slider to appear from the content area select html and add it to the column you just created in the html content block that is on the right of the editor screen paste in the code that you copied from the website click to save your splash page using a css template this is the more complicated of the two methods, but using your own css allows for more control of the image slider it is recommended to utilize the following article as a guide suggested article w3 schools to begin, you will want to upload your images to a file sharing location the easiest method to do this is to upload them as graphics on the splash page while you set up the slider ensure all the images are the same size in pixels add a row to the splash page where you want the slider to appear add the html content block to the column you just created then click on the column/content block where it says "hello, world!" to open the content field download the below listed file and open it to edit https //archbee doc uploads s3 amazonaws com/hzczia5as4esukoh0omve/bzefbflwvvejwzy oiv87 css for image slider docx locate the container width section (shown in red) and set the max width to be the same size as the width of the images you will use in pixels in the document that is currently set to 1080px scroll down in the document to locate the actual file urls for the images, (shown in red) they will look like this \<div class="slideshow container"> \<div class="myslides fade"> \<div class="numbertext">1 / 3\</div> \<img src=" https //ludus nyc3 digitaloceanspaces com/1715806563 png " style="width 100%"> \<div class="text"> into the woods \</div> \</div> replace the bolded url with the url for the image you wish to use if you added the image to your splash page you will be able to obtain this by clicking on the image and the url will be listed on the right of the screen the his line \<div class="text"> into the woods \</div> is optional and can be removed if desired it adds a description to the image, with the text in the bolded area repeat step 5 for each image you are adding to your slider you can now delete the images from your splash page, by clicking on the image and clicking the delete icon copy the full document with your image urls and paste this in the html box you created earlier and save the page once saved you will be able to view your image slider on your splash page