Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Ensure examples content sits in landmarks #31579

Merged
merged 1 commit into from
Sep 10, 2020
Merged

Ensure examples content sits in landmarks #31579

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
22 changes: 11 additions & 11 deletions site/content/docs/5.0/examples/blog/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,9 @@
<a class="p-2 link-secondary" href="#">Travel</a>
</nav>
</div>
</div>

<main class="container">
<div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
<div class="col-md-6 px-0">
<h1 class="display-4 font-italic">Title of a longer featured blog post</h1>
Expand Down Expand Up @@ -80,16 +82,14 @@ <h3 class="mb-0">Post title</h3>
</div>
</div>
</div>
</div>

<main class="container">
<div class="row">
<div class="col-md-8">
<h3 class="pb-4 mb-4 font-italic border-bottom">
From the Firehose
</h3>

<div class="blog-post">
<article class="blog-post">
<h2 class="blog-post-title">Sample blog post</h2>
<p class="blog-post-meta">January 1, 2014 by <a href="#">Mark</a></p>

Expand Down Expand Up @@ -120,9 +120,9 @@ <h3>Sub-heading</h3>
<li>Maecenas sed diam eget risus varius blandit sit amet non magna.</li>
</ol>
<p>Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.</p>
</div><!-- /.blog-post -->
</article><!-- /.blog-post -->

<div class="blog-post">
<article class="blog-post">
<h2 class="blog-post-title">Another blog post</h2>
<p class="blog-post-meta">December 23, 2013 by <a href="#">Jacob</a></p>

Expand All @@ -132,9 +132,9 @@ <h2 class="blog-post-title">Another blog post</h2>
</blockquote>
<p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div><!-- /.blog-post -->
</article><!-- /.blog-post -->

<div class="blog-post">
<article class="blog-post">
<h2 class="blog-post-title">New feature</h2>
<p class="blog-post-meta">December 14, 2013 by <a href="#">Chris</a></p>

Expand All @@ -146,16 +146,16 @@ <h2 class="blog-post-title">New feature</h2>
</ul>
<p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
<p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
</div><!-- /.blog-post -->
</article><!-- /.blog-post -->

<nav class="blog-pagination">
<nav class="blog-pagination" aria-label="Pagination">
<a class="btn btn-outline-primary" href="#">Older</a>
<a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a>
</nav>

</div>

<aside class="col-md-4">
<div class="col-md-4">
<div class="p-4 mb-3 bg-light rounded">
<h4 class="font-italic">About</h4>
<p class="mb-0">Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
Expand Down Expand Up @@ -187,7 +187,7 @@ <h4 class="font-italic">Elsewhere</h4>
<li><a href="#">Facebook</a></li>
</ol>
</div>
</aside>
</div>

</div><!-- /.row -->

Expand Down