chiaski/gist:c4d1f44223ed47edd92893570c4c3ce0

## gistfile1.txt
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">

      <!-- Can be removed, Google Fonts already accessible -->
      <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap" rel="stylesheet">

      <style type="text/css">

          body{
              background:#e5e5e5;
              font-family:"Noto Sans", Open Sans, Segoe UI, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
          }

          #container{
              max-width:700px;
              display:flex;
              margin:auto;
              justify-content: center;
              flex-wrap: wrap;
              padding:1em;
              margin:1em;
          }

          .image{
              width:100%;

          }

          .image img{
              max-width:100%;
          }

          .text{
              width:80%;
              background:#fff;
              top:300px;
              padding:1em 1em 3em 1em;
              box-sizing: border-box;
              margin-top:-100px;
              color:#4a4444;
              text-align: center;

          }

          a.survey-button{
              background:#e45930;
              padding:.5em;
              border-radius:10px;
              text-decoration: none;
              color:#fff;
            box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);

          }

          a.survey-button:hover{
            transform: translateY(-1px);
            box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);

          }

      </style>

  </head>
  <body>

      <div id="container">

        <div class="image-text">
            <h1>You just made a difference.</h1>
        </div>
        <div class="image">
            <img src="https://i.imgur.com/6gEdr14.jpg">
        </div>

        <div class="text">
            <p>Your order directly helps refugee and immigrant women build a better future for themselves.</p>

            <p>Please consider taking this one-minute survey to help us improve our service.</p>

            <center><a class="survey-button" href="https://docs.google.com/forms/d/e/1FAIpQLSd7gR_BjftsmTbiTBBZdaOxpLvFe0VtyCXTHOjdtpQ8ykEk8g/viewform">Take the Survey</a></center>

        </div>


      </div>


  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<!-- Can be removed, Google Fonts already accessible -->
	<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap" rel="stylesheet">

	<style type="text/css">

	body{
	background:#e5e5e5;
	font-family:"Noto Sans", Open Sans, Segoe UI, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

	#container{
	max-width:700px;
	display:flex;
	margin:auto;
	justify-content: center;
	flex-wrap: wrap;
	padding:1em;
	margin:1em;
	}

	.image{
	width:100%;

	}

	.image img{
	max-width:100%;
	}

	.text{
	width:80%;
	background:#fff;
	top:300px;
	padding:1em 1em 3em 1em;
	box-sizing: border-box;
	margin-top:-100px;
	color:#4a4444;
	text-align: center;

	}

	a.survey-button{
	background:#e45930;
	padding:.5em;
	border-radius:10px;
	text-decoration: none;
	color:#fff;
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);

	}

	a.survey-button:hover{
	transform: translateY(-1px);
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);

	}

	</style>

	</head>
	<body>

	<div id="container">

	<div class="image-text">
	<h1>You just made a difference.</h1>
	</div>
	<div class="image">
	<img src="https://i.imgur.com/6gEdr14.jpg">
	</div>

	<div class="text">
	<p>Your order directly helps refugee and immigrant women build a better future for themselves.</p>

	<p>Please consider taking this one-minute survey to help us improve our service.</p>

	<center><a class="survey-button" href="https://docs.google.com/forms/d/e/1FAIpQLSd7gR_BjftsmTbiTBBZdaOxpLvFe0VtyCXTHOjdtpQ8ykEk8g/viewform">Take the Survey</a></center>

	</div>



	</div>


	</body>
	</html>