<!DOCTYPE html>
<html>
    <head>	
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="../assets/cms/images/favicon_1.ico">
        <title>\\Cloud Management Suite</title>
        <link href="../assets/cms/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="../assets/cms/css/core.css" rel="stylesheet" type="text/css" />
        <link href="../assets/cms/css/components.css" rel="stylesheet" type="text/css" />
        <link href="../assets/cms/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="../assets/cms/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="../assets/cms/css/responsive.css" rel="stylesheet" type="text/css" />	
        <script src="../assets/cms/js/modernizr.min.js"></script>
    </head>
    <body class="fixed-left">	
<!--
###############################################################################################################################################################################################
																			HEADER und MENUE
###############################################################################################################################################################################################
-->	
    <body class="fixed-left">
        <!-- Begin page -->
        <div id="wrapper">
            <!-- Top Bar Start -->
            <div class="topbar">
                <!-- LOGO -->
                <div class="topbar-left">
                    <div class="text-center">
                        <a href="#" class="logo"><i class="icon-c-logo"></i><span><font color="ff9900">\\</font>CMS</span></a>
                    </div>
                </div>
                <!-- Button mobile view to collapse sidebar menu -->
                <div class="navbar navbar-default" role="navigation">
                    <div class="container">
                        <div class="">
                            <div class="pull-left">
                                <button class="button-menu-mobile open-left">
                                    <i class="ion-navicon"></i>
                                </button>
                                <span class="clearfix"></span>
                            </div>							
							<ul class="nav navbar-nav navbar-right pull-right">
                                <li class="hidden-xs">
                                    <div class="text-center"><a href="index.php" class="logo"><i class="icon-c-logo"></i>

									</div>
                                </li>			
<!--
###############################################################################################################################################################################################
																			MENU OBEN
###############################################################################################################################################################################################
-->
								
								
								<li class="hidden-xs">
                                    <a href="javascript:history.go(0)"><i class="fa fa-refresh"></i></a>
                                </li>
								
								<li class="hidden-xs">
                                    <a target="_self" href="#"><i class="fa fa-code"></i> Link</a>
                                </li>									

								<li class="hidden-xs">
                                    <a target="_self" href="#"><i class="fa fa-cube"></i></a>
                                </li>

								<li class="hidden-xs">
                                    <a href="#" class="right-bar-toggle waves-effect waves-light"><i class="fa fa-info-circle"></i> Sidebar</a>
                                </li>	
								
								<li class="hidden-xs">
                                    <a href="" class="dropdown-toggle profile" data-toggle="dropdown" aria-expanded="true"><i class="icon-settings"></i> Drop</a>
                                    <ul class="dropdown-menu">
										<li><a id="#"><i class="fa fa-info-circle"></i> Link 1</a></li>	
										<li><a id="#"><i class="fa fa-info-circle"></i> Link 2</a></li>	
										<li><a id="#"><i class="fa fa-info-circle"></i> Link 3</a></li>												
										<li><a href="#" id="btn-fullscreen" class="waves-effect waves-light"><i class="fa fa-expand"></i> Fullscreen</a></li>
																									
                                    </ul>
                                </li>	                             								
                            </ul>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                </div>
            </div>
            <!-- Top Bar End -->

<!--
###############################################################################################################################################################################################
																			SEITEN POPUP RECHTS - NACHRICHTEN
###############################################################################################################################################################################################
-->
            <!-- Right Sidebar -->
            <div class="side-bar right-bar nicescroll">
                <!-- <h4 class="text-center"><font color="ff9900">Send us feedback<sub></sub></font><br></h4> -->
				<div class="contact-list nicescroll">
                    <ul class="list-group contacts-list">
						<li class="list-group-item"><br>
						<font size="5" color="ff9900">Head.<sub></sub></font>
						<br>Text
						</li>           														
                    </ul>
                </div>
            </div>
            <!-- /Right-bar -->
<!--
###############################################################################################################################################################################################
																			MENU LINKE SEITE (STREIFEN)
###############################################################################################################################################################################################
-->
            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">
                    <div id="sidebar-menu">
                        <ul>

                        	<li class="text-muted menu-title">Navigation</li> 

							<li class="has_sub">
                                <a target="_self" href="#" class="waves-effect"><i class="fa fa-plus"></i><span>Link 1</span> </a>
                            </li>
							
							<li class="has_sub">
                                <a target="_self" href="#" class="waves-effect"><i class="fa fa-plus"></i><span>Link 2</span> </a>
                            </li>							

							<hr>							

							<li class="has_sub">
                                <a href="#" class="waves-effect"><i class="fa fa-info-circle"></i><span>Drop</span> </a>
                                <ul class="list-unstyled">
                                    <li><a target="_self" href="#"><i class="fa fa-plus"></i>Link 1</a></li>
                                    <li><a target="_self" href="#"><i class="fa fa-plus"></i>Link 2</a></li>
                                </ul>
                            </li>

                            <li class="text-muted menu-title"><br>Footer / V291016<br></li>
				
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- Left Sidebar End -->				
        </div>
        <!-- END wrapper -->
    </body>
<!--
###############################################################################################################################################################################################
																			BEGINN INHALT IN DER MITTEE
###############################################################################################################################################################################################
-->
            <div class="content-page">
                <!-- Start content -->
                <div class="content">
                    <div class="container">					
             <!-- Page-Title -->
					<!-- Page-Title -->
                        <div class="row">
                            <div class="col-sm-12">
                                <h4 class="page-title">Title</h4>
                                <p class="text-muted page-title-alt">2. Title</p>
                            </div>
                        </div>					
											
						<!-- Custom Modul -->
                        <div class="row">
                            <div class="col-md-12">
                            	<div class="card-box">
                            		<h4 class="header-title m-t-0"><b>Box Header</b></h4>
                            		<p class="text-muted m-b-30 font-13"></p><hr>
										Box Content			
                            	</div>
                            </div>
                        </div>
						
                        <div class="row">
									
							 <a href="#"><div class="col-md-6 col-lg-3">
                                <div class="widget-bg-color-icon card-box fadeInDown animated">
                                    <div class="bg-icon bg-icon-info pull-left">
                                        <i class="fa fa-plus text-info"></i>
                                    </div>
                                    <div class="text-right">
                                        <h3>Button 1</h3>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div></a>								

							 <a href="#"><div class="col-md-6 col-lg-3">
                                <div class="widget-bg-color-icon card-box fadeInDown animated">
                                    <div class="bg-icon bg-icon-info pull-left">
                                        <i class="fa fa-cog text-info"></i>
                                    </div>
                                    <div class="text-right">
                                        <h3>Button 2</h3>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div></a>								
							
							 <a href="#"><div class="col-md-6 col-lg-3">
                                <div class="widget-bg-color-icon card-box fadeInDown animated">
                                    <div class="bg-icon bg-icon-info pull-left">
                                        <i class="fa fa-life-ring text-info"></i>
                                    </div>
                                    <div class="text-right">
                                        <h3>Button 3</h3>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div></a>							
							
							 <a href="#"><div class="col-md-6 col-lg-3">
                                <div class="widget-bg-color-icon card-box fadeInDown animated">
                                    <div class="bg-icon bg-icon-info pull-left">
                                        <i class="fa fa-cube text-info"></i>
                                    </div>
                                    <div class="text-right">
                                        <h3>Button 4</h3>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div></a>							 

				</div><!-- End row -->						
				</div> <!-- container -->                              
                </div> <!-- content -->
				</div> <!-- container -->
                </div> <!-- content -->           
				</div> <!-- END wrapper -->
				
        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="../assets/cms/js/jquery.min.js"></script>
        <script src="../assets/cms/js/bootstrap.min.js"></script>
        <script src="../assets/cms/js/detect.js"></script>
        <script src="../assets/cms/js/fastclick.js"></script>
        <script src="../assets/cms/js/jquery.slimscroll.js"></script>
        <script src="../assets/cms/js/jquery.blockUI.js"></script>
        <script src="../assets/cms/js/waves.js"></script>
        <script src="../assets/cms/js/wow.min.js"></script>
        <script src="../assets/cms/js/jquery.nicescroll.js"></script>
        <script src="../assets/cms/js/jquery.scrollTo.min.js"></script>
        <script src="../assets/cms/plugins/peity/jquery.peity.min.js"></script>
		
        <!-- jQuery  -->
        <script src="../assets/cms/plugins/waypoints/lib/jquery.waypoints.js"></script>
        <script src="../assets/cms/plugins/counterup/jquery.counterup.min.js"></script>
        <script src="../assets/cms/plugins/raphael/raphael-min.js"></script>
        <script src="../assets/cms/plugins/jquery-knob/jquery.knob.js"></script>
        <script src="../assets/cms/js/jquery.core.js"></script>
        <script src="../assets/cms/js/jquery.app.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function($) {
                $('.counter').counterUp({
                    delay: 100,
                    time: 1200
                });

                $(".knob").knob();

            });
        </script>
    </body>
</html>