Skip to content

Instantly share code, notes, and snippets.

@rmcfadzean

rmcfadzean/index.html

Created July 10, 2019 15:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save rmcfadzean/6d2dd5d99439e1263d07ff6fba9590d3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save rmcfadzean/6d2dd5d99439e1263d07ff6fba9590d3 to your computer and use it in GitHub Desktop.
Download ZIP
pXGWgr
Raw
index.html
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<div id="safe-area">
<div id="message">
<span class="accent">Ami Wang,</aspan>
<br /><br />
Thank you so much for your donation given on June 17, 2015. You can rest
assured that your money is going to a great cause. You will continue to
get updates on our status on your WaterHealth dashboard.
<br /><br />
Thanks again,
<br /><br />
The WaterHealth Team
<br />
www.waterhealth.com
</div>
</div>
</body>
</html>
Raw
style.scss
*,
*:before,
*:after {
box-sizing: border-box;
}
body {
width: 6.25in;
height: 4.25in;
margin: 0;
padding: 0;
/* your background image should have dimensions of 1875x1275 pixels. */
/* background-image: url("https://s3-us-west-2.amazonaws.com/public.lob.com/gallery_templates/postcard_customer_loyalty/onyx_4x6_back.png"); */
/* background-size: 6.25in 4.25in;
background-repeat: no-repeat; */
}
/* do not put text outside of the safe area */
#safe-area {
position: absolute;
width: 5.875in;
height: 3.875in;
left: 0.1875in;
top: 0.1875in;
}
#message {
position: absolute;
width: 2.3in;
height: 2in;
top: 0.9in;
left: 0.1in;
font-family: "Lato";
font-weight: 400;
font-size: 0.15in;
text-align: left;
}
Raw
styles
<link href="https://fonts.googleapis.com/css?family=Lato:400" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment