Skip to content

Instantly share code, notes, and snippets.

@Dosant

Dosant/index.html

Created March 13, 2017 18:46
Show Gist options
  • Save Dosant/15437355823a6f7d81677b24f058b8b3 to your computer and use it in GitHub Desktop.
Save Dosant/15437355823a6f7d81677b24f058b8b3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="header">
<div class="logo">
Logo
</div>
</div>
<div class="content">
<div class="filter-bar">
<div class="filter-item filter-date">Фильтр по дате: от: <input type="date" /> до: <input type="date" /></div>
<div class="filter-item filter-author">Фильтр по автору: <select><option>Все</option><option>Досов Антон</option></select></div>
<button>Применить</button>
</div>
<div class="article-list">
</div>
<div class="pagination-bar">
<button>Показать ещё</button>
</div>
</div>
<div class="footer">
<div class="footer-content">
Автор: Досов Антон
</div>
</div>
<!-- templates -->
<template id="template-article-list-item">
<div class="article-list-item" data-id="id">
<h3 class="article-list-item-title">
Заголовок статьи
</h3>
<p class="article-list-item-summary">
Краткое описание для статьи. Тут краткое описание
</p>
<div class="article-list-item-meta">
<span>Автор: <span class="article-list-item-author">Досов Антон</span></span>
<span>Опубликована: <span class="article-list-item-date">12.12.1995 04:35</span></span>
</div>
</div>
</template>
<!-- scripts -->
<script src="index.js" type="text/javascript"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment