Blog

Go to shopify store dashboard and create a page and paste this code:

<style>
      @import url("https://fonts.googleapis.com/css?family=Raleway:400,600,900");
      * {
        box-sizing: border-box;
        /* outline:1px solid ;*/
      }
      body {
        background: #ebebeb;
        height: 100%;
        margin: 0;
        background-repeat: no-repeat;
        background-attachment: fixed;
      }
      a {
        color: #000;
        text-decoration: none;
        transition: all 0.3s linear 0s;
      }
      .wrapper-1 {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
      }
      .wrapper-2 {
        padding: 30px;
        text-align: center;
      }
      h1 {
        font-family: "Raleway", Arial Black, Sans-Serif;
        font-size: 4em;
        font-weight: 900;
        letter-spacing: 3px;
        color: #000;
        margin: 0;
        margin-top: 40px;
        margin-bottom: 40px;
      }
      h1 img {
        width: -webkit-fill-available;
      }
      .wrapper-2 p {
        margin: 0;
        font-size: 1.3em;
        color: #000;
        font-family: "Raleway", sans-serif;
        letter-spacing: 1px;
        line-height: 1.5;
      }
      .go-home {
        background: #e83890;
        border: none;
        padding: 25px 30px;
        margin: 30px 0;
        border-radius: 5px;
        cursor: pointer;
      }
      .go-home:hover {
        opacity: 0.9;
      }
      .go-home a {
        font-family: "Raleway", Arial Black;
        font-size: 1rem;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 2px;
      }
      .footer-like {
        margin-top: auto;
        background: rgb(219 219 219);
        padding: 0px;
        text-align: center;
      }
      .footer-like p {
        margin: 0;
        padding: 4px;
        color: #fafafa;
        font-family: "Raleway", sans-serif;
        letter-spacing: 1px;
      }
      .footer-like p a {
        text-decoration: none;
        color: #5892ff;
        font-weight: 600;
      }
      .footer-like p a:hover {
        color: #fff;
      }
      @media (min-width: 360px) {
        h1 {
          font-size: 4.5em;
        }
        .go-home {
          margin-bottom: 20px;
        }
      }
      @media (min-width: 600px) {
        .thankyoucontent {
          max-width: 1000px;
          margin: 0 auto;
          padding-bottom: 100px;
        }
        .wrapper-1 {
          height: initial;
          max-width: 620px;
          margin: 0 auto;
          margin-top: 50px;
        }
      }
    </style>
    <div>
      <div>
        <div>
          <!-- <h1>Thank you!</h1> -->
          <h1>
            <img
              src="http://montco.happeningmag.com/wp-content/uploads/2014/11/thankyou.png"
              alt="thanks"
            />
          </h1>
          <p>for purchasing from Mobileshopp</p>
          <p>expect soon your tracking information</p>
        </div>
        <div>
          <p></p>
        </div>
      </div>
    </div> 

Follow below video.

Hire Me