Image
Although this component is shared between the Permalink page and Shakes (List View), there are few differences. On the Permalink page:
- The title uses an
h1
instead of anh3
- The user avatar is not shown by the title
- The "remove from shake" button is not shown
- The stats are not shown
- The comments are not shown (in favor of the Image Comments component)
- The bottom border is not shown
Most of the examples here are shown in List View for ease of comparison.
Permalink
Star Wars Zoom Backgrounds
alt text
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.
You can find more at https://www.starwars.com/news...
You can find more at https://www.starwars.com/news...
<div class="content-permalink">
<div class="image-title">
<h1>Star Wars Zoom Backgrounds</h1>
<div class="clear"></div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="alt-text alt-text--hidden">
<div class="alt-text-toggle link link--primary">alt text</div>
</div>
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
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-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Alt Text
Star Wars Zoom Backgrounds
alt text
Photo of a happy-looking dog wearing safety glasses, pouring from a
flask labelled "Danger" into a coffee mug, while surrounded by
chemistry equipment such as bunsen burners and containers of bubbling
fluids connected by tubes. The caption reads "I have no idea what I'm
doing."
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.
You can find more at https://www.starwars.com/news...
You can find more at https://www.starwars.com/news...
<div class="content-permalink">
<div class="image-title">
<h1>Star Wars Zoom Backgrounds</h1>
<div class="clear"></div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="alt-text">
<div class="alt-text-toggle link link--primary">alt text</div>
<div class="the-alt-text" role="button" tabindex="0">
Photo of a happy-looking dog wearing safety glasses, pouring from a
flask labelled "Danger" into a coffee mug, while surrounded by
chemistry equipment such as bunsen burners and containers of bubbling
fluids connected by tubes. The caption reads "I have no idea what I'm
doing."
</div>
</div>
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
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-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
</div>
<div class="clear"></div>
</div>
</div>
</div>
List View
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.
You can find more at https://www.starwars.com/news...
You can find more at https://www.starwars.com/news...

jessamyn
Always up for some more good backgrounds
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
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-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details" style="display: none">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Lengthy Content
source:
https://en.wikipedia.org/w...
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
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.
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.
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]
They also claim to have the world’s longest domain name at 70 characters: http://llanfairpwllgwyngyllgog...
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
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.
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.
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]
They also claim to have the world’s longest domain name at 70 characters: http://llanfairpwllgwyngyllgog...
source:
https://en.wikipedia.org/w...
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
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.
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.
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]
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
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.
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.
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 class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="spaceninja">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</h3>
</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>
<ul class="stats">
<li class="views">156 Views</li>
<li class="saves"><a href="#">0</a></li>
<li class="likes"><a href="#">3</a></li>
<li class="comments selected"><a href="#">3</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
height="30"
width="30"
alt=""
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#"
>spaceninja</a
>
<a class="pro-badge" 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>
<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>
<a class="reply-to" href="#">Reply</a>
<form class="delete-form"></form>
<a href="#" class="delete link--danger">Delete</a>
</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="30"
width="30"
alt=""
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">tonyb</a>
<a class="pro-badge" 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>
<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>
<a class="reply-to" href="#">Reply</a>
<form class="delete-form"></form>
<a href="#" class="delete link--danger">Delete</a>
</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="30"
width="30"
alt=""
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" 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>
<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>
<a class="reply-to" href="#">Reply</a>
<form class="delete-form"></form>
<a href="#" class="delete link--danger">Delete</a>
</div>
<div class="comment-body-text">
This SHK breaks admin stuff, ye monster!
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Saves Open
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.
You can find more at https://www.starwars.com/news...
You can find more at https://www.starwars.com/news...
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
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-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="user-saves-likes">
<a href=""
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2290/profile.jpg"
height="20"
width="20"
/><span class="name">mltshp</span></a
><a href=""
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/1031/profile.jpg"
height="20"
width="20"
/><span class="name">Vidiot</span></a
><a href=""
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
height="20"
width="20"
/><span class="name">spaceninja</span></a
>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Likes Open
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.
You can find more at https://www.starwars.com/news...
You can find more at https://www.starwars.com/news...
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
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-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="user-saves-likes">
<a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/67/profile.jpg"
height="20"
width="20"
/><span class="name">tonyb</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/105625/profile.jpg"
height="20"
width="20"
/><span class="name">snowbow</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2945/profile.jpg"
height="20"
width="20"
/><span class="name">me3dia</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/373/profile.jpg"
height="20"
width="20"
/><span class="name">urlnotfound</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/13711/profile.jpg"
height="20"
width="20"
/><span class="name">colintheriot</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/103058/profile.jpg"
height="20"
width="20"
/><span class="name">sassquatch</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2819/profile.jpg"
height="20"
width="20"
/><span class="name">jazon</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2310/profile.jpg"
height="20"
width="20"
/><span class="name">Sailormom</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/58837/profile.jpg"
height="20"
width="20"
/><span class="name">Lord_John_Whorfin</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/357/profile.jpg"
height="20"
width="20"
/><span class="name">ba</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/8839/profile.jpg"
height="20"
width="20"
/><span class="name">jxyzn</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/17015/profile.jpg"
height="20"
width="20"
/><span class="name">intervalometer</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/6552/profile.jpg"
height="20"
width="20"
/><span class="name">davidl</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/18717/profile.jpg"
height="20"
width="20"
/><span class="name">Lockjaw</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/52201/profile.jpg"
height="20"
width="20"
/><span class="name">randomfish</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/1031/profile.jpg"
height="20"
width="20"
/><span class="name">Vidiot</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/15807/profile.jpg"
height="20"
width="20"
/><span class="name">infini</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/109/profile.jpg"
height="20"
width="20"
/><span class="name">caitlinburke</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/165/profile.jpg"
height="20"
width="20"
/><span class="name">mcmjolnir</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/37/profile.jpg"
height="20"
width="20"
/><span class="name">mccreath</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/7367/profile.jpg"
height="20"
width="20"
/><span class="name">spaceninja</span></a
><a href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/251/profile.jpg"
height="20"
width="20"
/><span class="name">j2323</span></a
>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Comments Open
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
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-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
<form class="delete-form"></form>
<a href="" class="delete link--danger">Delete</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Commenting
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
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-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
<form class="delete-form"></form>
<a href="" class="delete link--danger">Delete</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline post-comment-inline-expanded">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Save Shake
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.
You can find more at https://www.starwars.com/news...
You can find more at https://www.starwars.com/news...
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
alt=""
/>
<span class="btn--text">Save</span>
<span class="btn--caret">▼</span>
</div>
</button>
</form>
<div class="save-this-shake-selector">
<span class="close caret"></span>
<ul>
<li>
<a class="shake-link" href="">Your Shake</a>
</li>
<li>
<a class="shake-link" href=""
>Shake for Long Names Like
Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a
>
</li>
<li>
<a class="shake-link" href="">Barbarella</a>
</li>
<li>
<a class="shake-link" href="">Dune</a>
</li>
</ul>
</div>
</div>
</div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2020-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Liked & Saved
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<button type="button" class="like-button btn btn-danger btn-small">
<div class="btn--content">
<img
class="btn--icon"
src="https://mltshp-cdn.com/static/images/like-this.svg"
alt=""
/>
<span class="btn--text">Like</span>
</div>
</button>
<button
type="button"
class="unlike-button is-active"
title="Unlike This"
aria-label="Unlike This"
>
<img
src="https://mltshp-cdn.com/static/images/liked-this.svg"
height="22"
width="25"
alt="Unlike This"
/>
</button>
</form>
</div>
<div class="save-this">
<a href="#" title="Already saved!"
><img
height="22"
width="29"
src="https://mltshp-cdn.com/static/images/saved-this.svg"
alt="Saved"
/></a>
</div>
</div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2020-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Repost
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="macmanx">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Star Wars Zoom Backgrounds</h3>
<div class="clear"></div>
<div class="remove-from-shake">
<form>
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
>
✕
</button>
</form>
</div>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="description">
<div class="the-description">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
</div>
<div class="image-interactions">
<div class="like-this">
<form>
<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"
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"
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"
alt=""
/>
<span class="btn--text">Save</span>
<span class="btn--caret">▼</span>
</div>
</button>
</form>
</div>
</div>
<div class="originally-posted-by">
originally
<a class="the-post" href="#">posted</a> by
<a class="avatar--link" href="#">
<img
class="avatar--img"
valign="bottom"
width="20"
height="20"
src="https://mltshp-cdn.com/s3/account/158/profile.jpg"
alt=""
/>
</a>
<a class="user-name" href="#">O_C</a>
</div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2020-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Editable
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<h3 class="image-edit-title">Star Wars Zoom Backgrounds</h3>
<form class="image-edit-title-form">
<input
type="text"
class="title-input"
name="title"
autocomplete="off"
value=""
/>
<div class="buttons">
<input type="submit" class="save btn btn-primary" value="Save" />
<span class="or">or</span>
<a href="" class="cancel btn btn-secondary">Cancel</a>
</div>
</form>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="alt-text alt-text-edit alt-text--blank">
<div class="the-alt-text" role="button">add some alt text</div>
</div>
<div class="description description-edit">
<div class="the-description the-description-blank">
click here to edit description
</div>
<form class="description-edit-form">
<textarea
name="description"
class="description-edit-textarea"
></textarea>
<div class="buttons">
<input
type="submit"
class="save btn btn-primary btn-small"
value="Save"
/>
<span class="or">or</span>
<a href="" class="cancel btn btn-secondary btn-small">Cancel</a>
</div>
</form>
</div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2020-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
Editing
Star Wars Zoom Backgrounds
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<h3 class="image-edit-title" style="display: none">
Star Wars Zoom Backgrounds
</h3>
<form class="image-edit-title-form is-active">
<input
type="text"
class="title-input"
name="title"
autocomplete="off"
value="Star Wars Zoom Backgrounds"
/>
<div class="buttons">
<input type="submit" class="save btn btn-primary" value="Save" />
<span class="or">or</span>
<a href="" class="cancel btn btn-secondary">Cancel</a>
</div>
</form>
</div>
<div class="image-content">
<div class="the-image">
<a href="#"
><img
src="https://mltshp-cdn.com/r/1IGIU"
alt="Star Wars Zoom Backgrounds"
/></a>
</div>
<div class="image-content-footer">
<div class="alt-text alt-text-edit alt-text--blank alt-text--editing">
<div class="alt-text-toggle link link--primary">alt text</div>
<div class="the-alt-text" role="button">add some alt text</div>
<form
method="post"
class="alt-text-edit-form"
action="/p/1OWRQ/quick-edit-alt-text"
>
<input
type="hidden"
name="_xsrf"
value="2|373c3cd0|287dcfa53f2ba090a42ed6c296c0da34|1687810733"
/>
<h3>Edit alt text</h3>
<p class="alt-text-learn">
Alt text describes images for blind and low-vision users, and helps
give context to everyone. <a href="/faq/#alt-text">Learn more</a>.
</p>
<textarea
name="alt_text"
class="alt-text-edit-textarea"
tabindex="0"
></textarea>
<div class="buttons">
<input
type="submit"
class="save btn btn-primary btn-small"
value="Save"
/>
<span class="or">or</span>
<a href="" class="cancel btn btn-secondary btn-small">Cancel</a>
</div>
</form>
</div>
<div class="description description-edit">
<div class="the-description" style="display: none">
Star Wars is jumping on the Zoom background train. I’m looking forward
to showing how clean I’ve kept my office with this one.<br /><br />You
can find more at
<a
href="#"
target="_blank"
rel="nofollow"
title="https://www.starwars.com/news/star-wars-backgrounds"
>https://www.starwars.com/news...</a
>
</div>
<form class="description-edit-form" style="display: block">
<h3>Edit description</h3>
<textarea name="description" class="description-edit-textarea">
Star Wars is jumping on the Zoom background train. I’m looking forward to showing how clean I’ve kept my office with this one.
You can find more at https://www.starwars.com/news/star-wars-backgrounds
</textarea>
<div class="buttons">
<input
type="submit"
class="save btn btn-primary btn-small"
value="Save"
/>
<span class="or">or</span>
<a href="" class="cancel btn btn-secondary btn-small">Cancel</a>
</div>
</form>
</div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2020-04-17 21:54:53"
title="Fri, 17 Apr 2020 21:54:53 "
>6 days ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">544 Views</li>
<li class="saves">
<a href="#">3</a>
</li>
<li class="likes">
<a href="#">22</a>
</li>
<li class="comments selected"><a href="#">1</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jessamyn</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-19 17:37:45"
title="Sun, 19 Apr 2020 17:37:45 "
>5 days ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
Always up for some more good backgrounds
</div>
</div>
</div>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
NSFW
This may not be safe for viewing at work.
<div class="image-content-list">
<div class="image-title image-title-with-poster">
<div class="image-poster">
<a href="#" title="damien">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/17747/profile.jpg"
width="48"
height="48"
alt=""
/>
</a>
</div>
<h3>Facebook 18+ Edition</h3>
<div class="clear"></div>
</div>
<div class="image-content">
<div class="the-image">
<div class="nsfw-cover" style="min-height: 720px">
<p>This may not be safe for viewing at work.</p>
<p><a href="#">Click here to view</a></p>
</div>
</div>
<div class="image-content-footer">
<div class="description"></div>
<div class="image-interactions">
<div class="like-this">
<form>
<button type="button" class="like-button btn btn-danger btn-small">
<div class="btn--content">
<img
class="btn--icon"
src="https://mltshp-cdn.com/static/images/like-this.svg"
alt=""
/>
<span class="btn--text">Like</span>
</div>
</button>
<button
type="button"
class="unlike-button is-active"
title="Unlike This"
aria-label="Unlike This"
>
<img
src="https://mltshp-cdn.com/static/images/liked-this.svg"
height="22"
width="25"
alt="Unlike This"
/>
</button>
</form>
</div>
<div class="save-this">
<a href="#" title="Already saved!"
><img
height="22"
width="29"
src="https://mltshp-cdn.com/static/images/saved-this.svg"
alt="Saved"
/></a>
</div>
</div>
<div class="inline-meta">
<span class="created-at">
<a href="#">
<time
datetime="2020-04-15 02:51:26"
title="Wed, 15 Apr 2020 02:51:26 "
>1 week ago</time
>
</a>
</span>
<ul class="stats">
<li class="views">185 Views</li>
<li class="saves">
<a href="#">2</a>
</li>
<li class="likes">
<a href="#">32</a>
</li>
<li class="comments selected"><a href="#">9</a></li>
</ul>
</div>
<div class="inline-details">
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/54045/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">tweedlydo</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-15 03:29:59"
title="Wed, 15 Apr 2020 03:29:59 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
those are some righteous bazongas
</div>
</div>
</div>
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/701/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">docgonzo</a>
<span class="created-at">
<time
datetime="2020-04-15 03:40:34"
title="Wed, 15 Apr 2020 03:40:34 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">^ I played bass etc etc</div>
</div>
</div>
<div class="comment">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/20275/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">jonson</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-15 04:02:28"
title="Wed, 15 Apr 2020 04:02:28 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
@tweedlydo more of an elbow man, meself.
</div>
</div>
</div>
<div class="comment" style="display: none">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2541/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">Johnny</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-15 04:03:31"
title="Wed, 15 Apr 2020 04:03:31 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">I keep scrolling back up.</div>
</div>
</div>
<div class="comment" style="display: none">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/9/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">catbird</a>
<span class="created-at">
<time
datetime="2020-04-15 05:38:16"
title="Wed, 15 Apr 2020 05:38:16 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">Ahem, my tits are down here</div>
</div>
</div>
<div class="comment" style="display: none">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/951/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">MackReed</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-15 12:56:18"
title="Wed, 15 Apr 2020 12:56:18 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
@tweedlydo both the words I was thinking of
</div>
</div>
</div>
<div class="comment" style="display: none">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/109/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#"
>caitlinburke</a
>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-15 13:59:46"
title="Wed, 15 Apr 2020 13:59:46 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
Damn, it’s like her elbows are staring right at me.
</div>
</div>
</div>
<div class="comment" style="display: none">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/101312/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">otaman</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-15 15:42:45"
title="Wed, 15 Apr 2020 15:42:45 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">“Dolores”</div>
</div>
</div>
<div class="comment" style="display: none">
<div class="avatar">
<a href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/6420/profile.jpg"
height="30"
width="30"
/>
</a>
</div>
<div class="comment-body">
<div class="meta">
<a class="user-name username link--primary" href="#">joffaboy</a>
<a class="pro-badge" href="#">
<img
alt="pro"
src="https://mltshp-cdn.com/static/images/icon_plus.svg"
width="12"
height="12"
border="0"
valign="center"
/>
</a>
<span class="created-at">
<time
datetime="2020-04-16 01:05:18"
title="Thu, 16 Apr 2020 01:05:18 "
>1 week ago</time
>
</span>
<a class="reply-to" href="">Reply</a>
</div>
<div class="comment-body-text">
@otaman Look pretty “hi-res” to me
</div>
</div>
</div>
<a href="#" class="show-more-comments">View all 9 comments</a>
<div class="post-comment-inline">
<form class="post-comment-form">
<textarea name="body">Write a comment…</textarea>
<div class="button">
<input
class="submit-comment-button btn btn-primary btn-small"
type="submit"
value="Post It!"
/>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>