# Creating a website from scratch with ProSite

> Learn how to build a website from scratch using the ProSite responsive editor with this three-part video series.

Source: https://www.kualo.com/knowledgebase/prosite-getting-started/creating-a-website-from-scratch-with-prosite
Updated: 2026-06-04

---

This series of videos walks you through the ProSite responsive editor from the ground up, starting with a blank template and building a complete site step by step.

We cover adding navigation, understanding layouts, working with different device types for responsive design, duplicating content, and creating complex structures that look great across all screen sizes. We recommend watching the videos in order.

## Video 1: an introduction to ProSite

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;"><iframe allowfullscreen="allowfullscreen" allow="fullscreen" loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0;" src="https://www.canva.com/design/DAGvGp3wYpI/_gzCMihkxhvVO5pAIPwRhQ/watch?embed"> </iframe></div>

---

## Video 2: adding content

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;"><iframe allowfullscreen="allowfullscreen" allow="fullscreen" loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0;" src="https://www.canva.com/design/DAFeA3PqyJQ/watch?embed"> </iframe></div>

---

## Video 3: creating complex responsive structures

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;"><iframe allowfullscreen="allowfullscreen" allow="fullscreen" loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0;" src="https://www.canva.com/design/DAFeA9j8DnY/watch?embed"> </iframe></div>


---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-getting-started/creating-a-website-from-scratch-with-prosite · © Kualo Ltd._