Permalink
Composition example of a Permalink page
Permalink
<div class="page">
<div class="wrapper">
<div class="content content-permalink">
<div class="image-title">
<h1>For When The Coroner Arrives</h1>
<div class="clear"></div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1JQL0"
alt="For When The Coroner Arrives"
/></a>
</div>
<div class="image-content-footer">
<div class="description"></div>
<div class="image-interactions">
<div class="like-this">
<form>
<input
type="hidden"
name="_xsrf"
value="2|601621ee|485045113a80069e95bfc01a3bea8232|1598991762"
/>
<button
type="button"
class="like-button btn btn-danger btn-small is-active"
>
<div class="btn--content">
<img
class="btn--icon"
src="https://mltshp-cdn.com/static/images/like-this.svg?v=b6b5d63ca476cb55e67c21965345e8db"
alt=""
/>
<span class="btn--text">Like</span>
</div>
</button>
<button
type="button"
class="unlike-button"
title="Unlike This"
aria-label="Unlike This"
>
<img
src="https://mltshp-cdn.com/static/images/liked-this.svg?v=e6f9810cfc8fa54a40073a3ddbaa90b5"
height="22"
width="25"
alt="Unlike This"
/>
</button>
</form>
</div>
<div class="save-this">
<form>
<button
type="button"
class="save-this-link save-this-link-multiple btn btn-warning btn-small"
>
<div class="btn--content">
<img
class="btn--icon"
src="https://mltshp-cdn.com/static/images/save-this.svg?v=5a6b71f0af47daac6eb1c038668c4b9b"
alt=""
/>
<span class="btn--text">Save</span>
<span class="btn--caret">▼</span>
</div>
</button>
</form>
</div>
</div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2020-09-14 22:00:28"
title="Mon, 14 Sep 2020 22:00:28 "
>4 hours ago</time
>
</a>
</span>
</div>
<div class="clear"></div>
</div>
</div>
<div class="permalink-sidebar">
<div class="permalink-user-info">
<div class="user-follow">
<a class="icon" href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/123/profile.jpg"
width="48"
height="48"
/>
</a>
<div class="follow">
<h4>
<a href="#">Mazen Kerbaj</a>
<a href="#"
><img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
/></a>
</h4>
<form>
<a
href="#"
class="submit-form btn btn-secondary btn-pastel btn-small"
>+ Follow</a
>
</form>
</div>
</div>
</div>
<div class="sidebar-stats">
<ul class="sidebar-stats-tabs">
<li class="sidebar-stats-block sidebar-stats-views">
<span class="tab"> 311 Views </span>
</li>
<li class="sidebar-stats-block sidebar-stats-saves enable-cursor">
<span class="tab">
<span class="save-count">4 <span>Saves</span></span>
</span>
</li>
<li
class="sidebar-stats-block sidebar-stats-hearts enable-cursor selected"
>
<span class="tab">
<span class="like-count">18 <span>Likes</span></span>
</span>
</li>
</ul>
<div class="sidebar-stats-content" style="display: block">
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/12/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">lu</a
><span class="date">4 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/1233/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">kplawver</a
><span class="date">4 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">macmanx</a
><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/158/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">O_C</a
><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/351/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">ftrain</a
><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2541/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">Johnny</a
><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/6467/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">wjcstp</a
><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/63/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">artwells</a
><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2310/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">Sailormom</a
><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/58821/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">m3moellering</a
><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="/static/images/default-icon-venti.svg"
height="20"
width="20" /></a
><a href="#" class="name">boffin</a
><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3377/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">pk</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/61175/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">thelonius</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/15546/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">readery</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/103058/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">sassquatch</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/14430/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">GroggyGrognard</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3298/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">pankin</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/15643/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">devilsrancher</a
><span class="date">50 minutes ago</span>
</div>
</div>
</div>
<div class="meta-data">
<h4>Post URL</h4>
<p>https://mltshp.com/p/1JQL0</p>
</div>
<div class="clear"></div>
<h4 class="shake-details-title">Add To Shakes</h4>
<div class="in-these-shakes">
<form>
<ul>
<li>
<input
type="checkbox"
class="input-checkbox"
name="shakes"
value="102632"
/><a href="#">Gremlins</a>
</li>
<li>
<input
type="checkbox"
class="input-checkbox"
name="shakes"
value="9174"
/><a href="#">Cars</a>
</li>
</ul>
<input
type="submit"
class="add-to-shakes-button btn btn-success btn-small"
value="Add"
/>
</form>
</div>
<h4 class="shake-details-title">In These Shakes</h4>
<div class="in-these-shakes">
<ul>
<li>
<a href="#">Mazen Kerbaj</a>
</li>
<li>
<form class="delete-from-shakes-form">
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
type="submit"
value="delete"
>
✕
</button>
</form>
<a href="#">Your Shake</a>
</li>
<li>
<form class="delete-from-shakes-form">
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
type="submit"
value="delete"
>
✕
</button>
</form>
<a href="#">Barbarella</a>
</li>
</ul>
</div>
<ul class="permalink-social">
<li class="twitter">
<a target="_blank" href="#"
><img
src="https://mltshp-cdn.com/static/images/tweet-this.png?v=50f5a3b925a608a5ec3cd4edb0b81cbb"
width="21"
height="21"
alt="Tweet this"
/></a>
</li>
<li class="facebook">
<a target="_blank" href="#"
><img
src="https://mltshp-cdn.com/static/images/fb_icon.png?v=5c7f31905903363d992342f5361f400f"
width="21"
height="21"
alt="Post to Facebook"
/></a>
</li>
<li class="tumblr">
<a target="_blank" href="#"
><img
src="https://mltshp-cdn.com/static/images/tumblr-flat-t-button-white.svg?v=b14d6d201b7992bea0f0f2b3aa1ffa28"
width="21"
height="21"
alt="Post to Tumblr"
/></a>
</li>
</ul>
<form class="flag-image-form">
<input type="submit" class="flag-image" value="Flag this as NSFW" />
</form>
<form>
<input
type="submit"
class="delete-post-text"
value="Delete This Post"
/>
</form>
</div>
<div class="image-comments">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/6467/profile.jpg"
height="48"
width="48"
alt=""
/>
</a>
</div>
<div class="body">
<div class="meta">
<a class="user-name username link--primary" href="#">wjcstp</a>
<a class="pro-badge" href="#" title="upgrade your account!">
<img
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
alt="pro"
/>
</a>
<span class="created-at">
<time
datetime="2020-09-14 23:29:54"
title="Mon, 14 Sep 2020 23:29:54 "
>3 hours ago</time
>
</span>
<a class="reply-to" href="#">Reply</a>
</div>
<div class="comment-body-text">
When weighing more was a selling point (for an economy car yet)
</div>
</div>
</div>
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/101498/profile.jpg"
height="48"
width="48"
alt=""
/>
</a>
</div>
<div class="body">
<div class="meta">
<a class="user-name username link--primary" href="#">chauffi</a>
<a class="pro-badge" href="#" title="upgrade your account!">
<img
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
alt="pro"
/>
</a>
<span class="created-at">
<time
datetime="2020-09-14 23:54:19"
title="Mon, 14 Sep 2020 23:54:19 "
>2 hours ago</time
>
</span>
<a class="reply-to" href="#">Reply</a>
</div>
<div class="comment-body-text">
You just can’t wash it or give it gas after Midnight
</div>
</div>
</div>
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3377/profile.jpg"
height="48"
width="48"
alt=""
/>
</a>
</div>
<div class="body">
<div class="meta">
<a class="user-name username link--primary" href="#">pk</a>
<a class="pro-badge" href="#" title="upgrade your account!">
<img
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
alt="pro"
/>
</a>
<span class="created-at">
<time
datetime="2020-09-15 00:46:15"
title="Tue, 15 Sep 2020 00:46:15 "
>an hour ago</time
>
</span>
<a class="reply-to" href="#">Reply</a>
</div>
<div class="comment-body-text">
Dog though bubble: “What fools these mortals be”
</div>
</div>
</div>
</div>
<div class="image-comment-form">
<form>
<header>
<img
class="avatar avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
height="48"
width="48"
alt=""
/>
<h3><span>I’ve got something to say!</span></h3>
</header>
<div class="field">
<textarea name="body"></textarea>
</div>
<div class="field">
<input
class="btn btn-primary btn-shadow"
type="submit"
value="Post it!"
/>
</div>
</form>
</div>
</div>
</div>
</div>
Lengthy Content
<div class="page">
<div class="wrapper">
<div class="content content-permalink">
<div class="image-title">
<h1>Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</h1>
<div class="clear"></div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1BG3N"
alt="Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
source:
<a
href="#"
target="_blank"
rel="nofollow"
title="https://en.wikipedia.org/w/index.php?title=Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch&redirect=no"
>https://en.wikipedia.org/w...</a
><br /><br />Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch<br /><br />Llanfairpwllgwyngyll
or Llanfair Pwllgwyngyll (pronounced [ɬanˌvair puɬˈɡwɨ̞nɡɨ̞ɬ]) is a
large village and community on the island of Anglesey in Wales,
situated on the Menai Strait next to the Britannia Bridge and
across the strait from Bangor. It is alternatively known as
Llanfairpwll, Llanfair PG, or
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.<br /><br />At
the 2001 census, the population of the community was 3,040,[1] 76%
of whom spoke Welsh fluently; the highest percentage of speakers
were in the 10–14 age group, where 97.1% spoke Welsh.[citation
needed] By the time of the 2011 Census the population had
increased to 3,107, of whom 70.62% were able to speak Welsh.[2] It
is the sixth largest settlement on the island by population.<br /><br />The
long form of the name was invented for promotional purposes in the
1860s; with 58 characters it is the longest place name in Europe
and the second longest official one-word place name in the
world.[3]<br /><br />They also claim to have the world's longest
domain name at 70 characters:
<a
href="#"
target="_blank"
rel="nofollow"
title="http://llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogochuchaf.com/"
>http://llanfairpwllgwyngyllgog...</a
>
</div>
</div>
<div class="image-interactions"></div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2017-05-16 23:58:48"
title="Tue, 16 May 2017 23:58:48 "
>3 years ago</time
>
</a>
</span>
</div>
<div class="clear"></div>
</div>
</div>
<div class="permalink-sidebar">
<div class="permalink-user-info">
<div class="user-follow">
<a class="icon" href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
<div class="follow">
<h4>
<a href="#">Scott Vandehey</a>
<a href="#"
><img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
/></a>
</h4>
</div>
</div>
</div>
<div class="sidebar-stats">
<ul class="sidebar-stats-tabs">
<li class="sidebar-stats-block sidebar-stats-views">
<span class="tab"> 162 Views </span>
</li>
<li class="sidebar-stats-block sidebar-stats-saves">
<span class="tab">
<span class="save-count">0 Saves</span>
</span>
</li>
<li
class="sidebar-stats-block sidebar-stats-hearts enable-cursor selected"
>
<span class="tab">
<span class="like-count">3 <span>Likes</span></span>
</span>
</li>
</ul>
<div class="sidebar-stats-content" style="display: block">
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3650/profile.jpg"
height="20"
width="20"
alt="" /></a
><a href="#" class="name">arto</a
><span class="date">3 years ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/67/profile.jpg"
height="20"
width="20"
alt="" /></a
><a href="#" class="name">tonyb</a
><span class="date">3 years ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/17461/profile.jpg"
height="20"
width="20"
alt="" /></a
><a href="#" class="name">vosechu</a
><span class="date">3 years ago</span>
</div>
</div>
</div>
<div class="meta-data">
<h4>Post URL</h4>
<p>https://mltshp.com/p/1BG3N</p>
</div>
<div class="clear"></div>
<h4 class="shake-details-title">In These Shakes</h4>
<div class="in-these-shakes">
<ul>
<li>
<a href="#">Scott Vandehey</a>
</li>
<li>
<a href="#"
>Shake for Long Names Like
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a
>
</li>
</ul>
</div>
<ul class="permalink-social">
<li class="twitter">
<a
target="_blank"
href="#"
onclick="window.open('https://twitter.com/share?url=https%3A%2F%2Fmltshp.com%2Fp%2F1BG3N&text=Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch&via=spaceninja','sharer','toolbar=0,status=0,width=626,height=436');return false;"
><img
src="https://mltshp-cdn.com/static/images/tweet-this.png?v=50f5a3b925a608a5ec3cd4edb0b81cbb"
width="21"
height="21"
alt="Tweet this"
/></a>
</li>
<li class="facebook">
<a
target="_blank"
href="#"
onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmltshp.com%2Fp%2F1BG3N&quote=Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch&display=popup','sharer','toolbar=0,status=0,width=626,height=436');return false;"
><img
src="https://mltshp-cdn.com/static/images/fb_icon.png?v=5c7f31905903363d992342f5361f400f"
width="21"
height="21"
alt="Post to Facebook"
/></a>
</li>
<li class="tumblr">
<a
target="_blank"
href="#"
onclick="window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;"
><img
src="https://mltshp-cdn.com/static/images/tumblr-flat-t-button-white.svg?v=b14d6d201b7992bea0f0f2b3aa1ffa28"
width="21"
height="21"
alt="Post to Tumblr"
/></a>
</li>
</ul>
</div>
<div class="image-comments">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
height="48"
width="48"
alt=""
/>
</a>
</div>
<div class="body">
<div class="meta">
<a class="user-name username link--primary" href="#"
>spaceninja</a
>
<a class="pro-badge" href="#" title="upgrade your account!">
<img
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
alt="pro"
/>
</a>
<span class="created-at">
<time
datetime="2017-05-16 23:59:30"
title="Tue, 16 May 2017 23:59:30 "
>3 years ago</time
>
</span>
</div>
<div class="comment-body-text">
source:
<a
href="#"
rel="nofollow"
target="_blank"
title="https://en.wikipedia.org/w/index.php?title=Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch&redirect=no"
>https://en.wikipedia.org/w...</a
>
<br />
<br />Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
<br />
<br />Llanfairpwllgwyngyll or Llanfair Pwllgwyngyll (pronounced
[ɬanˌvair puɬˈɡwɨ̞nɡɨ̞ɬ]) is a large village and community on the
island of Anglesey in Wales, situated on the Menai Strait next to
the Britannia Bridge and across the strait from Bangor. It is
alternatively known as Llanfairpwll, Llanfair PG, or
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.
<br />
<br />At the 2001 census, the population of the community was
3,040,[1] 76% of whom spoke Welsh fluently; the highest percentage
of speakers were in the 10–14 age group, where 97.1% spoke
Welsh.[citation needed] By the time of the 2011 Census the
population had increased to 3,107, of whom 70.62% were able to
speak Welsh.[2] It is the sixth largest settlement on the island
by population. <br />
<br />The long form of the name was invented for promotional
purposes in the 1860s; with 58 characters it is the longest place
name in Europe and the second longest official one-word place name
in the world.[3]
</div>
</div>
</div>
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/67/profile.jpg"
height="48"
width="48"
alt=""
/>
</a>
</div>
<div class="body">
<div class="meta">
<a class="user-name username link--primary" href="#">tonyb</a>
<a class="pro-badge" href="#" title="upgrade your account!">
<img
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
alt="pro"
/>
</a>
<span class="created-at">
<time
datetime="2017-05-17 03:59:12"
title="Wed, 17 May 2017 03:59:12 "
>3 years ago</time
>
</span>
</div>
<div class="comment-body-text">Give kindly to Vowels for Wales</div>
</div>
</div>
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="48"
width="48"
alt=""
/>
</a>
</div>
<div class="body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#" title="upgrade your account!">
<img
src="https://mltshp-cdn.com/static/images/icon_plus.svg?v=dabd5508e1560e2bdcc7356c85ea8f10"
width="12"
height="12"
border="0"
valign="center"
alt="pro"
/>
</a>
<span class="created-at">
<time
datetime="2017-05-21 00:42:17"
title="Sun, 21 May 2017 00:42:17 "
>3 years ago</time
>
</span>
</div>
<div class="comment-body-text">
This SHK breaks admin stuff, ye monster!
</div>
</div>
</div>
</div>
<div class="image-comment-form">
<form>
<header>
<img
class="avatar avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
height="48"
width="48"
alt=""
/>
<h3><span>I’ve got something to say!</span></h3>
</header>
<div class="field">
<textarea name="body"></textarea>
</div>
<div class="field">
<input
class="btn btn-primary btn-shadow"
type="submit"
value="Post it!"
/>
</div>
</form>
</div>
</div>
</div>
</div>