index.html
style.css
script.js
1
2
<!DOCTYPE html>
<html lang="en">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
/* CSS files add styling rules to your content */
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
//Global Variables
//This is where you will define the variables you will be using in your project.
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Adding or removing images is disabled during broadcasting. You'll be able to update images again once the broadcast session is over.

Images

Image Library

Images listed here are available to use in your code in this trinket. Click the Image Library button to include more or upload new images.

How To Use Images

Images can be reference using a relative url.

For example, if you upload an image named "amazing.png", you can reference it in an image tag like this: 

<img src="amazing.png">

You may also use it in css or in javascript with the same "amazing.png" path.

Sorry, we had a problem displaying your page.

Try clicking Autorun or Run again and if it continues let us know.