Skip to content

Instantly share code, notes, and snippets.

@cmho
Created March 4, 2020 20:18
Show Gist options
  • Save cmho/feea18ea1a320b63f45d23148e3fbd81 to your computer and use it in GitHub Desktop.
Save cmho/feea18ea1a320b63f45d23148e3fbd81 to your computer and use it in GitHub Desktop.
<raw-code><div style="max-width: 320px; margin: 0 auto; font-family: 'Lato', Arial, sans-serif; color: #545454;">
<div style="width: 100%;"><img src="[PHOTO URL]" style="width: 100%; max-width: 100%; object-fit: cover;" /></div>
<div style="padding: 20px; border-bottom: 1px #F1F1F1 solid">
<div style="font-size: 36px; margin-bottom: 5px"><b>NAME</b>, 69</div>
<div style="display: flex; align-items: center; font-size: 16px; margin-bottom: 5px; color: #B0B0B0;">
<img src='https://softlyfalling.dreamwidth.org/file/29116.png' alt='' title='' width="19" />&nbsp;Unit
</div>
<div style="display: flex; align-items: center; font-size: 16px; margin-bottom: 5px; color: #B0B0B0;">
<img src='https://softlyfalling.dreamwidth.org/file/29354.png' alt='' title='' width="20" />&nbsp;Position
</div>
</div>
<div style="border-bottom: 1px #F1F1F1 solid; padding: 20px; color: #828282">
DESCRIPTION/PROFILE HERE
</div>
<div style="padding: 20px; display: flex; align-items: center; justify-content: center;">
<div style="width: 64px; padding: 20px 0 21px; height: 64px; min-width: 64px; border-radius: 100%; box-shadow: 0 0 4px #B0B0B0; display: flex; align-items: center; justify-content: center; margin: 0 10px 0; background-color: white;">
<img src='https://softlyfalling.dreamwidth.org/file/28304.png' alt='' width="23" height="23" title='' />
</div>&nbsp;
<div style="width: 46px; padding: 12px 0 11px; height: 46px; min-width: 46px; border-radius: 100%; box-shadow: 0 0 4px #B0B0B0; display: flex; align-items: center; justify-content: center; appearance: none; border: none; background-color: white;">
<img src='https://softlyfalling.dreamwidth.org/file/28685.png' alt='' style="margin-top: 11px; margin-bottom: 11px" width="23" height="23" title='' />
</div>&nbsp;
<div style="width: 64px; padding-top: 17px; padding-bottom: 17px; height: 64px; min-width: 64px; border-radius: 100%; box-shadow: 0 0 4px #B0B0B0; display: flex; align-items: center; justify-content: center; appearance: none; border: none; background-color: white;">
<img src='https://softlyfalling.dreamwidth.org/file/28534.png' alt='' width="30" height="30" title='' />
</div>
</div>
</div></raw-code>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment