<div class="dsr-header">
	<div class="dsr-actions">
		<div class="dsr-logo">
			<img src="assets/img/logo.svg" width="150"/>
		</div>

		<div class="dsr-group">
			<p>New</p>
			<ul>
				<li>
					<a href="#">File</a>
				</li>
				<li>
					<a href="#">Folder</a>
				</li>
			</ul>
		</div>

		<div class="dsr-group">
			<p>Display</p>
			<ul>
				<li class="dsr-dropdown">
					<a href="#">Sort By</a>
					<ul>
						<li><a href="#">Name</a></li>
						<li><a href="#">Date</a></li>
						<li><a href="#">Size</a></li>
						<li class="dsr-separator"></li>
						<li><a href="#">Reverse</a></li>
						<li class="dsr-separator"></li>
						<li><em>Group By</em></li>
						<li><a href="#">Type</a></li>
						<li><a href="#">Date</a></li>
					</ul>
				</li>
				<li class="dsr-dropdown">
					<a href="javascript:void(0)" class="switch-view-name">Grid</a>
					<ul>
						<li class="dsr-show-list dsr-hide-grid" style="display: none"><a href="javascript:void(0)" class="dsr-switch-grid">Grid</a></li>
						<li class="dsr-show-grid dsr-hide-list"><a href="javascript:void(0)" class="dsr-switch-list">List</a></li>
						<li class="dsr-separator"></li>
						<li class="dsr-hide-list dsr-show-grid">
							<a href="javascript:void(0)" class="dsr-show-grid-size" data-size="small">Small</a>
						</li>
						<li class="dsr-hide-list dsr-show-grid">
							<a href="javascript:void(0)" class="dsr-show-grid-size" data-size="medium">Medium</a>
						</li>
						<li class="dsr-hide-list dsr-show-grid">
							<a href="javascript:void(0)" class="dsr-show-grid-size" data-size="large">Large</a>
						</li>
						<li class="dsr-separator dsr-hide-list dsr-show-grid"></li>
						<li><em>Show</em></li>
						<li><a href="#">Type</a></li>
						<li><a href="#">Dimension</a></li>
						<li><a href="#">Size</a></li>
						<li><a href="#">Permission</a></li>
						<li><a href="#">Modified</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="dsr-group">
			<p>Clipboard</p>
			<ul>
				<li>
					<a href="#"><i class="dsr-ico dsr-ico-cut"></i></a>
				</li>
				<li>
					<a href="#"><i class="dsr-ico dsr-ico-copy"></i></a>
				</li>
				<li>
					<a href="#"><i class="dsr-ico dsr-ico-paste"></i></a>
				</li>
			</ul>
		</div>

		<div class="dsr-group">
			<p>Select</p>
			<ul>
				<li>
					<a href="#">All</a>
				</li>
				<li>
					<a href="#">None</a>
				</li>
				<li>
					<a href="#">Inverse</a>
				</li>
			</ul>
		</div>

		<div class="dsr-group">
			<p>Change</p>
			<ul>
				<li>
					<a href="#">Edit</a>
				</li>
				<li>
					<a href="#">Rename</a>
				</li>
				<li>
					<a href="#">Change permission</a>
				</li>
				<li>
					<a href="#">Compress</a>
				</li>
			</ul>
		</div>

		<div class="dsr-group">
			<p>Other</p>
			<ul>
				<li>
					<a href="#"><i class="dsr-ico dsr-ico-delete"></i></a>
				</li>
				<li>
					<a href="#"><i class="dsr-ico dsr-ico-download"></i></a>
				</li>
				<li>
					<a href="#"><i class="dsr-ico dsr-ico-share"></i></a>
				</li>
				<li>
					<a href="#"><i class="dsr-ico dsr-ico-help"></i></a>
				</li>
			</ul>
		</div>
	</div>
	<div class="dsr-breadcrumbs">
		<div class="dsr-path">
			<input class="dsr-path-input" value="/images/nature/grass/" type="text" />
		</div>
		<ul>
			<li><a href="#">Root</a></li>
			<li><a href="#">images</a></li>
			<li><a href="#">nature</a></li>
			<li><p>grass</p></li>
		</ul>
	</div>
</div>
