index.md

#Getting Started All the basics of using Umbraco v7. From making a local installation to extending the backend.

</div>
<div class="col-xs-3">
	<span class="dot big icon-Wrench">
		<span class="line v-line"></span>
		<span class="line h-line"></span>
	</span>
	<span class="dot small">
		<span class="line v-line"></span>
		<span class="line h-line"></span>
	</span>
	<span class="dot small">
		<span class="line v-line"></span>
		<span class="line h-line"></span>
	</span>
</div>

<div class="col-xs-9">
	<div class="row explain">
		<div class="col-xs-12">
			<h4 class="text-right"><a href="Setup/">Setup</a></h4>
			<small>Covers how to install and configure your Umbraco installation</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Setup/Requirements/">Requirements</a></h5>
			<small>What is needed to run Umbraco?</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Setup/Install/">Install</a></h5>
			<small>How to install Umbraco</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Setup/Server-Setup/">Server Setup</a></h5>
			<small>Setting up a Web and SQL servers for your installation</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Setup/Upgrading/">Upgrading</a></h5>
			<small>How to upgrade your copy of Umbraco to a newer version</small>
		</div>
	</div>
</div>

<div class="col-xs-9">
	<div class="row explain">
		<div class="col-xs-12">
			<h4 class="text-right"><a href="Backoffice/">Backoffice overview</a></h4>
			<small>Details of all the common terms and concepts that are used throughout the Umbraco backoffice.</small>
		</div>
		<!--<div class="col-sm-6">
			<h5><a href="Data/Defining-content/">Defining content</a></h5>
			<small>Setting up content types, defining fields and creating your first content</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Data/Creating-Media/">Creating media</a></h5>
			<small>Uploading files to media library, using upload fields and image cropper</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Data/Members/">Creating Members</a></h5>
			<small>Defining Member Types and creating members for authentication and user profiles</small>
		</div>
		<div class="col-sm-6">
      <h5><a href="Data/Data-Types/">Customizing Data Types</a></h5>
      <small>Creating and editing Data Types</small>
  </div>-->
	</div>
</div>

<div class="col-xs-9">
	<div class="row explain">
		<div class="col-xs-12">
			<h4 class="text-right"><a href="Data/">Data</a></h4>
			<small>Using the backoffice to create data</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Data/Defining-content/">Defining content</a></h5>
			<small>Setting up content types, defining fields and creating your first content</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Data/Creating-Media/">Creating media</a></h5>
			<small>Uploading files to media library, using upload fields and image cropper</small>
		</div>
		<div class="col-sm-6">
			<h5><a href="Data/Members/">Creating Members</a></h5>
			<small>Defining Member Types and creating members for authentication and user profiles</small>
		</div>
		<div class="col-sm-6">
      <h5><a href="Data/Data-Types/">Customizing Data Types</a></h5>
      <small>Creating and editing Data Types</small>
  </div>
	</div>
</div>

<div class="col-xs-9">
	<div class="row explain">
		<div class="col-xs-12">
			<h4 class="text-right"><a href="Design/">Design</a></h4>
			<small>Create templates and views with your own markup and use Razor to render content.</small>
		</div>

		<div class="col-sm-6">
			<h5><a href="Design/Templates/">Templates</a></h5>
			<small>Creating and managing templates</small>
		</div>

		<div class="col-sm-6">
			<h5><a href="Design/Rendering-Content/">Rendering content</a></h5>
			<small>How to query and render published content</small>
		</div>

		<div class="col-sm-6">
			<h5><a href="Design/Rendering-Media/">Rendering media</a></h5>
			<small>How to query and render media</small>
		</div>

		<div class="col-sm-6">
			<h5><a href="Design/Stylesheets-Javascript/">Stylesheets and javascript</a></h5>
			<small>Working with css and javascript in Umbraco's templates</small>
		</div>

	</div>
</div>

<div class="col-xs-9">
	<div class="row explain">
		<div class="col-xs-12">
			<h4 class="text-right">Code</h4>
		</div>

		<div class="col-sm-6">
			<h5><a href="Code/Umbraco-Services/">Using Umbraco's service APIs</a></h5>
			<small>Create and update entities in Umbraco from code</small>
		</div>

		<div class="col-sm-6">
			<h5><a href="Code/Creating-Forms/">Creating forms</a></h5>
			<small>Create, submit and handle HTML forms with controllers</small>
		</div>

		<div class="col-sm-6">
			<h5><a href="Code/Subscribing-To-Events/">Subscribing to events</a></h5>
			<small>Using events to modify content or run custom code</small>
		</div>

	</div>
</div>