403 lines
18 KiB
HTML
403 lines
18 KiB
HTML
<!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_navbutton"><i class="fa fa-bars" aria-hidden="true"></i></a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<!-- CMS Sidebar -->
|
|
<div class="cms_sidebar open_sidebar">
|
|
|
|
<div class="cms_sidebar_trigger"><i class="ion_icon ion-ios-arrow-left" aria-hidden="true"></i></div>
|
|
|
|
<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-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>
|
|
<!-- Sub Navigation -->
|
|
<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>
|
|
|
|
</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">Settings</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 content_open_sidebar">
|
|
|
|
<div class="cms_content_main">
|
|
|
|
<!-- Content Headline -->
|
|
<div class="cms_content_main_headline"><h1>Beiträge // News</h1> <a href="#" class="button cms_add_button"><i class="ion-plus-round"></i> Eintrag hinzufügen</a></div>
|
|
|
|
|
|
|
|
<!-- Searching -->
|
|
<div class="cms_content_search_section">
|
|
<div class="searchbar_left">
|
|
<form action="" method="GET">
|
|
<span class="cms_searchbox">
|
|
<i class="fa fa-search" aria-hidden="true"></i>
|
|
<input style="resize: none;" class="input_search" placeholder="Suchen" name="search" size="" value="" type="text">
|
|
<input style="display:none;" type="submit">
|
|
</span>
|
|
</form>
|
|
</div>
|
|
<!-- <div class="searchbar_right">
|
|
<form action="" method="GET">
|
|
<span class="cms_searchbox">
|
|
<i class="fa fa-refresh" aria-hidden="true"></i>
|
|
<input style="resize: none;" class="input_search_replace" placeholder="Suchen & Ersetzen" name="search" size="" value="" type="text">
|
|
</span>
|
|
|
|
<input style="display:none;" type="submit">
|
|
</form>
|
|
</div> -->
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
|
|
<!-- Content Table Headline -->
|
|
<div class="content_table_headline">
|
|
25 Einträge // 5 Selektiert <a href="#" class="button button_action"><i class="ion-gear-a"></i>Aktion</a>
|
|
</div>
|
|
|
|
<!-- Table -->
|
|
<div class="cms_content_table">
|
|
|
|
<div class="cms_table_row_header">
|
|
<!-- Row -->
|
|
<div class="cms_table_row">
|
|
<div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id1" type="checkbox" name="check_id1" value=""><label for="check_id1"></label><div class="check_checkbox"></div></div></div>
|
|
<div class="table_cell cell_image">Beitragsbild <i class="fa fa-angle-down" aria-hidden="true"></i></div>
|
|
<div class="table_cell cell_title">Titel <i class="fa fa-angle-down" aria-hidden="true"></i></div>
|
|
<div class="table_cell cell_date">Datum <i class="fa fa-angle-down" aria-hidden="true"></i></div>
|
|
<div class="table_cell cell_author">Autor <i class="fa fa-angle-down" aria-hidden="true"></i></div>
|
|
<div class="table_cell">Kategorie <i class="fa fa-angle-down" aria-hidden="true"></i></div>
|
|
<div class="table_cell cell_status_container"><span class="cell_status_head">Status <i class="fa fa-chevron-circle-down" aria-hidden="true"></i></span></div>
|
|
<div class="table_cell cell_settings"><span class="cell_edit_cols">Spalten anpassen <i class="fa fa-columns" aria-hidden="true"></i></span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cms_table_row_content">
|
|
|
|
<!-- Row -->
|
|
<div class="cms_table_row">
|
|
<div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id2" type="checkbox" name="check_id2" value=""><label for="check_id2"></label><div class="check_checkbox"></div></div></div>
|
|
<div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
|
|
<div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
|
|
<div class="table_cell cell_date">20.03.2017</div>
|
|
<div class="table_cell cell_author">Administrator</div>
|
|
<div class="table_cell">News</div>
|
|
<div class="table_cell cell_status_container"><span class="cell_status cell_status_online"><span class="cell_status_text">online</span></span></div>
|
|
<div class="table_cell cell_settings">
|
|
<a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
|
|
|
|
<div class="cell_settings_inner">
|
|
|
|
<div class="cell_settings_inner_container">
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section cell_settings_inner_section_last">
|
|
<ul>
|
|
<li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Row -->
|
|
<div class="cms_table_row">
|
|
<div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id3" type="checkbox" name="check_id3" value=""><label for="check_id3"></label><div class="check_checkbox"></div></div></div>
|
|
<div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
|
|
<div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
|
|
<div class="table_cell cell_date">20.03.2017</div>
|
|
<div class="table_cell cell_author">Administrator</div>
|
|
<div class="table_cell">News</div>
|
|
<div class="table_cell cell_status_container"><span class="cell_status cell_status_online"><span class="cell_status_text">online</span></span></div>
|
|
<div class="table_cell cell_settings">
|
|
<a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
|
|
|
|
<div class="cell_settings_inner">
|
|
|
|
<div class="cell_settings_inner_container">
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section cell_settings_inner_section_last">
|
|
<ul>
|
|
<li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Row -->
|
|
<div class="cms_table_row">
|
|
<div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id4" type="checkbox" name="check_id4" value=""><label for="check_id4"></label><div class="check_checkbox"></div></div></div>
|
|
<div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
|
|
<div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
|
|
<div class="table_cell cell_date">20.03.2017</div>
|
|
<div class="table_cell cell_author">Administrator</div>
|
|
<div class="table_cell">News</div>
|
|
<div class="table_cell cell_status_container"><span class="cell_status cell_status_offline"><span class="cell_status_text">offline</span></span></div>
|
|
<div class="table_cell cell_settings">
|
|
<a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
|
|
|
|
<div class="cell_settings_inner">
|
|
|
|
<div class="cell_settings_inner_container">
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section cell_settings_inner_section_last">
|
|
<ul>
|
|
<li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Row -->
|
|
<div class="cms_table_row">
|
|
<div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id5" type="checkbox" name="check_id5" value=""><label for="check_id5"></label><div class="check_checkbox"></div></div></div>
|
|
<div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
|
|
<div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
|
|
<div class="table_cell cell_date">20.03.2017</div>
|
|
<div class="table_cell cell_author">Administrator</div>
|
|
<div class="table_cell">News</div>
|
|
<div class="table_cell cell_status_container"><span class="cell_status cell_status_remaining"><span class="cell_status_text">ausstehend</span></span></div>
|
|
<div class="table_cell cell_settings">
|
|
<a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
|
|
|
|
<div class="cell_settings_inner">
|
|
|
|
<div class="cell_settings_inner_container">
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section cell_settings_inner_section_last">
|
|
<ul>
|
|
<li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Row -->
|
|
<div class="cms_table_row">
|
|
<div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id6" type="checkbox" name="check_id6" value=""><label for="check_id6"></label><div class="check_checkbox"></div></div></div>
|
|
<div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
|
|
<div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
|
|
<div class="table_cell cell_date">20.03.2017</div>
|
|
<div class="table_cell cell_author">Administrator</div>
|
|
<div class="table_cell">News</div>
|
|
<div class="table_cell cell_status_container"><span class="cell_status cell_status_expired"><span class="cell_status_text">abgelaufen</span></span></div>
|
|
|
|
<div class="table_cell cell_settings">
|
|
<a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
|
|
|
|
<div class="cell_settings_inner">
|
|
|
|
<div class="cell_settings_inner_container">
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="cell_settings_inner_section cell_settings_inner_section_last">
|
|
<ul>
|
|
<li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="table_footer">
|
|
1-5 / 25
|
|
<div class="cms_paging">
|
|
<ul>
|
|
<li><a href="#"><i class="ion-ios-arrow-left"></i></a></li>
|
|
<li><a href="#">1</a></li>
|
|
<li class="active"><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">4</a></li>
|
|
<li><a href="#">5</a></li>
|
|
<li><a href="#">...</a></li>
|
|
<li><a href="#">10</a></li>
|
|
<li><a href="#"><i class="ion-ios-arrow-right"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |