STEP 2: Access The Frontal Workspace

Rather than start from scratch by creating new code for your portfolio site, we’re going to use existing code. Here’s what you do:

We'll use this portfolio site as our starting point. Take some time to review it so that, as you begin to customize, you’ll have a good understanding of what you’re working on.
Close the site. Now let's open the code for the site in the Frontal Workspace.
You're now viewing the Frontal Workspace. In here, you can create, edit, save, and open your Frontal projects. At the top, you’ll notice a series of tabs, with the one labeled “Editor” currently selected. The Editor is where you'll be doing all your coding. It should currently contain the code for the Portfolio Site demo you just viewed. If you click the “Submit” button on the lower right, a new window will open where you can view the demo again.
Your screen should look like this...
Before you begin editing, you should save your own copy. Click the link at the bottom of the page labeled “Save As…”, name your project and save it.
You’ll notice the name at the top left of the Editor has now changed to the name that you’ve given to this document. To view your saved documents, just click the tab at the top labeled “Saved Files”. It is recommended that you save often while working. Anytime you make changes that you like, or when you’re finished working, click the “Save” button at the bottom of the Editor.

</br> </br>