baseui/cms_template/index.html

403 lines
18 KiB
HTML
Raw Normal View History

2017-08-29 16:01:59 +02:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
2017-08-29 17:26:45 +02:00
<!-- <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">
2017-08-29 16:01:59 +02:00
<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>
2017-08-29 17:26:45 +02:00
<script src="project-files/js/functions.js"></script> -->
2017-08-29 16:01:59 +02:00
<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">
2017-08-29 17:26:45 +02:00
2017-08-29 16:01:59 +02:00
<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>
2017-08-29 17:26:45 +02:00
2017-08-29 16:01:59 +02:00
<div class="cms_sidebar_mainnav">
2017-08-29 17:26:45 +02:00
2017-08-29 16:01:59 +02:00
<div class="cms_sidebar_inner">
2017-08-29 17:26:45 +02:00
2017-08-29 16:01:59 +02:00
<!-- 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>
2017-08-29 17:26:45 +02:00
2017-08-29 16:01:59 +02:00
<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>