<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="project-files/fonts/font-awesome/font-awesome.css"> <link rel="stylesheet" href="project-files/fonts/ionicons/ionicons.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="project-files/js/functions.js"></script> <title>CMS Template</title> </head> <body> <!-- CMS Topbar --> <div class="cms_topbar"> <div class="cms_logo"><a href="#"><img src="project-files/img/cms_logo.png" alt=""></a></div> <div class="cms_websitename">Meine Website</div> <a class="cms_open_mobilenav"><i class="fa fa-bars" aria-hidden="true"></i></a> <div class="clear"></div> </div> <!-- CMS Sidebar --> <div class="cms_sidebar"> <div class="cms_sidebar_icons_bg"></div> <div class="cms_sidebar_mainnav"> <div class="cms_sidebar_inner"> <!-- Sidebar Section --> <div class="cms_sidebar_section main_navigation"> <ul> <li><a href="#"><i class="ion_icon ion-android-compass" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Dashboard</span></a></li> <li><a href="#"><i class="ion_icon ion-paintbrush" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Design</span></a></li> <li><a href="#"><i class="ion_icon ion-images" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Medien</span></a></li> <li><a href="#"><i class="ion_icon ion-document-text" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Seiten</span></a></li> <li class="active"> <a href="#"><i class="ion_icon ion-paper-airplane" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Beiträge</span></a> </li> <li><a href="#"><i class="ion_icon ion-cube" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Module</span></a></li> <li><a href="#"><i class="ion_icon ion-ios-navigate" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Navigation</span></a></li> <li><a href="#"><i class="ion_icon ion-chatbox" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Sprachen</span></a></li> <li><a href="#"><i class="ion_icon ion-pie-graph" aria-hidden="true"></i> <span class="main_navigation_text l1_title">SEO & Pagespeed</span></a></li> <li><a href="#"><i class="ion_icon ion-android-contacts" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Benutzer</span></a></li> <li><a href="#"><i class="ion_icon ion-gear-a" aria-hidden="true"></i> <span class="main_navigation_text l1_title">Einstellungen</span></a></li> </ul> </div> </div> </div> <!-- User Profile --> <div class="user_profile"> <a class="user_profile_trigger"> <span class="user_profile_image"><i class="ion_icon ion-person" aria-hidden="true"></i></span> <span class="user_profile_text">Hans Zimmer <span class="user_role">Administrator</span></span> <span class="user_profile_open"><i class="fa fa-angle-up" aria-hidden="true"></i></span> <span style="clear:both; display:block;"></span> </a> <div class="user_profile_content"> <ul> <li><a href=""><i class="ion_icon ion-ios-color-wand" aria-hidden="true"></i><span class="navigation_text">Profil anpassen</span></a></li> <li><a href=""><i class="ion_icon ion-log-out" aria-hidden="true"></i><span class="navigation_text">ausloggen</span></a></li> </ul> </div> </div> </div> <!-- Content Area --> <div class="cms_content_area"> <div class="cms_content_main"> <!-- Content Headline --> <div class="cms_content_main_headline"><a title="Zurück zur Übersicht" href="#" class="back_button"><i class="ion-ios-arrow-back"></i></a><h1>Beitrag bearbeiten</h1><a href="#" class="button cms_add_button"><i class="ion-plus-round"></i> Eintrag hinzufügen</a></div> <!-- Content Sidebar --> <div class="cms_content_sidebar"> <div class="sub_navigation"> <span class="sub_navigation_headline">Kategorie</span> <ul> <li class="active"><a href="#">News</a></li> <li><a href="#">Veranstaltungen</a></li> <li><a href="#">Mitarbeiter</a></li> <li class="nav_add_more"><a href="#">+</a></li> </ul> </div> </div> </div> </div> </body> </html>