index.html, upload it to Dropley, then send the live URL to the people who need to see it. You do not need to set up a GitHub repository, web server, or deployment project for a finished static page.index.html. A self-contained page is the easiest format to share because its styles and scripts live in the same file.index.html and upload as-is:123456789101112131415<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Project update</title> <style> body { font-family: system-ui, sans-serif; margin: 3rem; } </style> </head> <body> <h1>Project update</h1> <p>This page is ready to share.</p> </body> </html>
index.html file anywhere onto the homepage canvas, click it and select the file from your computer, or press Tab and then Enter to open the file picker.| Your project | Upload it as | Why |
| One self-contained page | A loose index.html file | The HTML, CSS, and JavaScript are all in one file. |
| A page with local assets | A folder or ZIP project | Keeps relative paths to CSS, JavaScript, images, and fonts intact. |
| A generated static site | A folder or ZIP project | Publishes the finished static output, including its entry page and assets. |
images/chart.png rather than a local computer path or an absolute site-root path. Dropley automatically uses the shallowest matching index.html; there is no entry-point setting during upload.index.html can be at the top of a folder or nested inside it. If a project contains multiple entry pages, make sure the shallowest one is the page you intend to share.123456my-site/ ├── index.html ├── styles.css ├── app.js └── images/ └── chart.png
styles.css, app.js, and images/chart.png. See Publishing ZIP Projects for supported file types and project-specific guidance.<!DOCTYPE html> declaration and character encoding:1234567891011<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Page</title> </head> <body> <!-- Your content --> </body> </html>
12345678<style> /* Inline styles */ body { font-family: system-ui, sans-serif; } </style> <script> // Inline script console.log("Hello from Dropley!"); </script>
12<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"> <script src="https://cdn.jsdelivr.net/npm/confetti-js@0.0.18/dist/index.min.js"></script>
file:///) won't work in the browser after publishing