<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Authorship discovery test 3</title>
<link href="/assets/semantic.min.css" rel="stylesheet">
<link href="/assets/style.css" rel="stylesheet">
<link href="/assets/test.css" rel="stylesheet">
</head>
<body>
<div class="single-column explanation">
<section class="content">
<p>
This is an entry by <span class="answer">Patañjali</span>.
His URL is <span class="answer"><code>https://authorship.rocks/test/3/about-patanjali</code></span>,
and he uses no photo.
</p>
<p>
This page shows both an <code>h-card</code> as well as an <code>h-entry</code>. In the bottom,
there is a link with <code>rel="author"</code>, which points to the <code>u-url</code>
of the <code>h-card</code>. You can solve this without fetching extra pages.
</p>
</section>
</div>
<div class="post-container h-entry">
<div class="post-main">
<div class="left">
<div class="p-author h-card">
<a href="/test/3/about-patanjali" class="u-url">
<div class="p-name">Patañjali</div>
</a>
</div>
</div>
<div class="right">
<p class="p-name e-content">
For one who sees the distinction, there is no further confusing of the mind with the self.
</p>
</div>
</div>
<div class="footer-text">
<a href="/test/3/about-patanjali" rel="author">about Patañjali</a>
</div>
</div>
</body>
</html>