Permalink
Browse files

modify: コーディングデータ(`web/html/news/index.html`)から、メインコンテンツ部分をコピー

  • Loading branch information...
dreamseeker committed Dec 14, 2018
1 parent 797ce6b commit 3b725b81b0dd3ffcd698ada267eb7a89673aed5d
Showing with 88 additions and 0 deletions.
  1. +88 −0 templates/news/index.html
@@ -19,4 +19,92 @@

{# main ブロック #}
{% block main %}
<header class="alt2">
<div class="flex">
<div class="g1-flex4 g2-flex6 g3-flex12">
<h1 class="alpha center reverse">Brew News</h1>
</div>
</div><!-- /.flex -->
</header><!-- /.alt2 -->
<div class="flex">
<article class="featured news-entry">
<figure>
<a href="../news/detail.html">
<img src="https://placehold.jp/3d4070/42598f/570x348.png" alt="water-barley-hops" width="570" height="348">
</a>
</figure>
<div class="summary-wrap">
<h3><a href="../news/barrel-aged-digital-natives">Barrel Aged Digital Natives</a></h3>
<span class="author">admin</span>
<p>
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis.
</p>
<p>
<a href="../news/detail.html" class="more-link">Read More</a>
</p>
</div><!-- /.summary-wrap -->
</article><!-- /.featured.news-entry -->
<article class="news-entry">
<figure>
<a href="../news/detail.html">
<img src="https://placehold.jp/3d4070/42598f/280x204.png" alt="augmented-reality" width="280" height="204">
</a>
</figure>
<div class="summary-wrap">
<h3><a href="../news/the-future-of-augmented-reality">The Future of Augmented Reality</a></h3>
<p>
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis.
</p>
<p>
<span class="author"></span>
<span class="separator">|</span>
<a href="../news/detail.html" class="more-link">Read More</a>
</p>
</div><!-- /.summary-wrap -->
</article><!-- /.news-entry -->
<article class="news-entry">
<figure>
<a href="../news/detail.html">
<img src="https://placehold.jp/3d4070/42598f/280x204.png" alt="fist" width="280" height="204">
</a>
</figure>
<div class="summary-wrap">
<h3><a href="../news/detail.html">Bringing Out Play</a></h3>
<p>
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis.
</p>
<p>
<span class="author"></span>
<span class="separator">|</span>
<a href="../news/detail.html" class="more-link">Read More</a>
</p>
</div><!-- /.summary-wrap -->
</article><!-- /.news-entry -->
<article class="news-entry">
<figure>
<a href="../news/how-deep-the-rabbit-hole-goes">
<img src="https://placehold.jp/3d4070/42598f/280x204.png" alt="news-entry-1-image" width="280" height="204">
</a>
</figure>
<div class="summary-wrap">
<h3><a href="../news/detail.html">How Deep the Rabbit Hole Goes</a></h3>
<p>
Et harum quidem rerum facilis. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo mus quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut.
</p>
<p>
<span class="author"></span>
<span class="separator">|</span>
<a href="../news/detail.html" class="more-link">Read More</a>
</p>
</div><!-- /.summary-wrap -->
</article><!-- /.news-entry -->
<hr class="horz-rule">
<div class="pagination">
<ul>
<li class="current">1</li>
<li><a href="../news/p2">2</a></li>
<li><a href="../news/p2" class="pag-next-link">Next Page</a></li>
</ul>
</div><!-- /.pagination -->
</div><!-- /.flex -->
{% endblock %}

0 comments on commit 3b725b8

Please sign in to comment.