# 1.1 CLOUD Portal

In order to use KostaCLOUD to design systems, first look at our CLOUD Portal.

The CLOUD Portal can be found at <https://portal.kostacloud.com>.&#x20;

At the top of your CLOUD Portal you will see a navigation bar similar to this one:

<figure><img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FjS8OoC1JcPluZ7dZdtP3%2Fimage.png?alt=media&#x26;token=5b042dd7-7e02-431a-a445-b42217feb9da" alt=""><figcaption><p>Navigation Bar</p></figcaption></figure>

There are several buttons available to the user:

* At the top there is a search bar which allows for a user to search documents, which exist in CLOUD Portal
* The "New" Dropdown Button activates a dropdown, as shown below, allowing a user to create a new Simulation, Folder or even import an existing file/document.

  <div align="left"><figure><img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FDskpgliMdKMPwUIagMxs%2Fimage.png?alt=media&#x26;token=cfb8fca9-e2e7-4125-ba41-990590e417d2" alt="" width="174"><figcaption><p>Create a new Simulation, Folder, or Import something.</p></figcaption></figure></div>
* The Bottom right row of icons are project management icons which relate to management of the projects, designs, versions, and workspaces on the CLOUD Portal.

## Project Management Icons

The <img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FLeI2xWoepDh0dhOfL7OJ%2Fimage.png?alt=media&#x26;token=3f54744d-2b3b-4090-98d3-566aeb0a1317" alt="" data-size="line">Button allows you to add people or teams to a project and opens the Permissions Modal.

The <img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FL75c53x6RuijDktz5yTH%2Fimage.png?alt=media&#x26;token=59e01900-74cd-4bc9-94ff-f144a572b16d" alt="" data-size="line">Button allows you to manage version control or create a [Version](https://docs.kostacloud.com/kostacloud-version-control/kostacloud-version-control-101#what-is-a-version) or [Fork](https://docs.kostacloud.com/kostacloud-version-control/kostacloud-version-control-101#what-is-a-fork) of an existing project.&#x20;

The <img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FTTMbsS7sBC3BlBjBERTq%2Fimage.png?alt=media&#x26;token=5cb310d4-1cc5-45d6-8acc-65fff217bee7" alt="" data-size="line">Button provides miscellaneous and audit information about your project.

The <img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FLOD9qJotU4jCQ5FuYyjp%2Fimage.png?alt=media&#x26;token=6be399b8-0419-4add-b2b0-0786607e2049" alt="" data-size="line">Button opens the selected project/folder in a new tab.

The <img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2F8xymnzySkWMejvG4JkYR%2Fimage.png?alt=media&#x26;token=e5fac346-1812-4987-ab3d-4129872d4aee" alt="" data-size="line">Button deletes the selected project/folder.

## Directory Navigation

<figure><img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2F9jlrigzluIaD3r4Lt1Pt%2Fimage.png?alt=media&#x26;token=33f5743d-6784-4f54-8b3f-dda783a7e4cc" alt="Basic Layout of Directory Navigation system"><figcaption><p>Basic Layout of Directory Navigation system</p></figcaption></figure>

Above you can see the different sections of directory navigation of KostaCLOUD.

* The button on the top left lets you recover files up to 30 days after being deleted.
* At the top right is the [Directory Hierarchy](#directory-hierarchy).
* [Folders](#folders) show you a list of different directories which you can navigate to by clicking on the directory name.
* [Current Directory](#current-directory) shows you all of the projects that are located in the current directory.

## Directory Hierarchy

<div align="left"><figure><img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FSojFdguvOBieEn7NWUAi%2Fimage.png?alt=media&#x26;token=77eb498d-b2ae-46e9-8398-5caf0ca8281b" alt="" width="152"><figcaption><p>Example of Directory Hierarchy dropdown.</p></figcaption></figure></div>

As you navigate through different folders, if you would like to go back to a previous folder, you can click the Directory Dropdown button, which will list all directories up until the root directory.

## Folders

<figure><img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FWg9sWtiupUMDVmbXV9SV%2Fimage.png?alt=media&#x26;token=c8ba145e-37ae-4ef1-993c-084da82f23d0" alt=""><figcaption><p>Here are a few examples of a few folders in our current directory</p></figcaption></figure>

Above you can see an example of a few Folders in the loaded directory. By clicking on the name, you can navigate into each respective folder, and CLOUD Portal will fetch the folders and projects within each respective directory. By clicking on the background of the folder, CLOUD Portal will enable [Project Management Icon](#project-management-icons) actions.

## Current Directory

<figure><img src="https://2927895027-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvzB1GHTV5xshI62EhkCW%2Fuploads%2FBAYFaRVBk8e9dd30ZvNo%2Fimage.png?alt=media&#x26;token=42302d6a-ac00-4f05-922a-0e972729e970" alt=""><figcaption><p>Here is an example of a directory of several projects</p></figcaption></figure>

Above you can see an example of a few Projects that are loaded within the current directory. On the left you can see an icon which depicts the last edit of the design for the most recent workspace and branch. By clicking on the name, the Project will load up KostaCLOUD within the current tab. You can also right-click on the name, and open the Project in a new tab.  By clicking on the background of the Project item, CLOUD Portal will enable [Project Management Icon](#project-management-icons) actions. You can also sort the contents as you normally would with the sort arrows at the top of the list view.
