def order_template():
    template="""
    
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>WAC Email</title>

    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap"
      rel="stylesheet"
    />
    <style>
        p, h3{
            margin: 0;
        }
        body{
            margin: 0;
            font-family: 'Poppins', sans-serif; 
            background: #ffffff; 
            font-size: 14px; 
        }
        .main-bg{
            max-width: 680px;
            margin: 0 auto;
            /* padding: 45px 30px 60px; */
            background: #f5f5f5;
            /* background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(201, 201, 201, 1) 100%); */
            background-size: 800px 452px;
            background-repeat: no-repeat;
            font-size: 14px;
            color: #434343;
        }
        header{
            text-align: center;
        }
        header img{
            margin-top: 40px;
        }
        main{
            text-align: center;
            
        }
        main .spacesection{
            max-width: 90%;
        }
        main .section1{
            margin: 0;
            margin-top: 20px;
            padding: 50px 30px 115px;
            background: #ffffff;
            border-radius: 30px;
            text-align: center;
        }
        .innersection1{
            width: 100%;
            max-width: 489px;
            margin: 0 auto;
        }
        .innersection1 h1{
            margin: 0;
            font-size: 30px;
            font-weight: 500;
            color: #1f1f1f;
        }
        .innersection1 .psection1{
            margin: 0;
            margin-top: 10px;
            font-weight: 500;
            /* font-size: 16px; */
        }
        .innersection1 .psection2{
            margin: 0;
            /* margin-top: 17px; */
            font-weight: 500;
            letter-spacing: 0.56px;
        }
        .innersection1 .psection3{
            margin: 0;
            margin-top: 40px;
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 15px;
            color: #ba3d4f;
        }
        .psection4{
            max-width: 400px;
            margin: 0 auto;
            margin-top: 90px;
            text-align: center;
            font-weight: 500;
            color: #8c8c8c;
        }
        .psection4 a{
            color: #626262;
            text-decoration: none;
        }
        footer{
            max-width: 680px;
            margin: 0px auto 0px;
            text-align: center;
            border-top: 1px solid #e6ebf1;
            background: #f5f5f5;
        }
        footer .section1{
            margin: 0;
            margin-top: 40px;
            font-size: 16px;
            font-weight: 600;
            color: #434343;
        }
        footer .section2{
            margin: 0; 
            margin-top: 8px; 
            color: #434343;
        }
        footer .section3{
            margin: 0;
            margin-top: 16px;
        }
        footer .section3 a{
            display: inline-block;
        }
        button{
            margin-top: 30px;
            border: none;
            background-color: black;
            color: white;
            border-radius: 20px;
            font-weight: 500;
            height: 40px;
        }
    </style>
  </head>
  <body>
    <div class="main-bg">
      <header>
        <img alt="" src="Logo.png" height="60px"/>
      </header>

      <main style="display: flex; justify-content: center;">
        <div class="spacesection">
            <div class="section1">
                <div class="innersection1">
                  <!-- <img src="order-place.png" alt="" width="100%"> -->
                  <h1>
                      Purchase Confirmation
                  </h1>
                  
                  <p class="psection1">
                      Thank you for purchasing a course through WAC.
                    We’re excited to have you on board.
                    Get started from your dashboard anytime.
                  </p> <br>
                  <hr>
                  <div class="" style="margin-top: 10px;">
                    <h1>Order Summary</h1> 
                    <p class="psection2">
                      Order ID: 49308559-18-lwxbu
                  </p>
                  <p class="psection2">
                     Date: Mon,18 Oct 2020 | Time: 09:30:00
                  </p>
                  <br>
                    <div>
                        <h2 style="text-align: start; text-decoration: underline;">Participant</h2>
                        <div>
                            <div class="" style="display: flex; justify-content: start; gap: 10px; margin-top: 10px;">
                                <img src="arts.jpg" alt="" style="height: 70px; width: 70px;">
                                <div class="" style="text-align: start;">
                                    <h3>Arts and Design (Summer)</h3>
                                    <p>Actual Price: £ 100</p>
                                    <p>Final Price:  £ 100</p>
                                </div>
                            </div>
                            <hr>
                        </div>
                        <div>
                            <div class="" style="display: flex; justify-content: start; gap: 10px; margin-top: 10px;">
                                <img src="arts.jpg" alt="" style="height: 70px; width: 70px;">
                                <div class="" style="text-align: start;">
                                    <h3>Arts and Design (Summer)</h3>
                                    <p>Actual Price: £ 100</p>
                                    <p>Final Price:  £ 100</p>
                                </div>
                            </div>
                            <hr>
                        </div>

                        <div>
                            <div class="" style="display: flex; justify-content: start; gap: 10px; margin-top: 10px;">
                                <img src="arts.jpg" alt="" style="height: 70px; width: 70px;">
                                <div class="" style="text-align: start;">
                                    <h3>Arts and Design (Summer)</h3>
                                    <p>Actual Price: £ 100</p>
                                    <p>Final Price:  £ 100</p>
                                </div>
                            </div>
                            <hr>
                        </div>
                    </div>
                    <div>
                        <h2 style="text-align: start; text-decoration: underline;">Participant</h2>
                        <div>
                            <div class="" style="display: flex; justify-content: start; gap: 10px; margin-top: 10px;">
                                <img src="arts.jpg" alt="" style="height: 70px; width: 70px;">
                                <div class="" style="text-align: start;">
                                    <h3>Arts and Design (Summer)</h3>
                                    <p>Actual Price: £ 100</p>
                                    <p>Final Price:  £ 100</p>
                                </div>
                            </div>
                            <hr>
                        </div>
                        <div>
                            <div class="" style="display: flex; justify-content: start; gap: 10px; margin-top: 10px;">
                                <img src="arts.jpg" alt="" style="height: 70px; width: 70px;">
                                <div class="" style="text-align: start;">
                                    <h3>Arts and Design (Summer)</h3>
                                    <p>Actual Price: £ 100</p>
                                    <p>Final Price:  £ 100</p>
                                </div>
                            </div>
                            <hr>
                        </div>

                        <div>
                            <div class="" style="display: flex; justify-content: start; gap: 10px; margin-top: 10px;">
                                <img src="arts.jpg" alt="" style="height: 70px; width: 70px;">
                                <div class="" style="text-align: start;">
                                    <h3>Arts and Design (Summer)</h3>
                                    <p>Actual Price: £ 100</p>
                                    <p>Final Price:  £ 100</p>
                                </div>
                            </div>
                            <hr>
                        </div>
                    </div>  
                    <div style="display: flex; justify-content: end; gap: 10px;margin-top: 20px;">
                        <div class="" style="text-align: end;">
                            <p>Total Amount:</p>
                            <p>Discount:</p>
                            <p>Paid Amount:</p>
                        </div>
                        <div class="" style="text-align: end; font-weight: 600;">
                            <p>£ 100</p>
                            <p>£ 10</p>
                            <p>£ 90</p>
                        </div>
                    </div>
                </div>
                  <!-- <p class="psection2">
                      Thank you for joining with WAC Arts, We have more than a 6 million users, keeping you up to date with what's going on in the world.
                  </p> -->
                  <button>&nbsp; &nbsp; DOWNLOAD RECEIPT &nbsp; &nbsp;</button>
                </div>
            </div>
      
              <p class="psection4">
                Need help? Ask at
                <a href="mailto:info@wacarts.co.uk" >info@wacarts.co.uk</a> <br>
                or visit our
                <a href="https://www.wacarts.co.uk/home/get-in-touch/subscribe-to-our-mailing-list" target="_blank" >Help Center</a>
              </p>
              <br>
              <br>
            </main>
        </div>
        

      <footer>
        <p class="section1">
            Wac Arts
        </p>
        <p class="section2">
            213 Haverstock Hill,
            London,
            NW3 4QP.
        </p>
        <div class="section3">
          <a href="https://www.facebook.com/WacArts" target="_blank">
            <img
              width="36px"
              alt="Facebook"
              src="email-template-icon-facebook.png"
            />
          </a>
          <a
            href="https://www.instagram.com/wacarts/"
            target="_blank"
            style="margin-left: 8px;"
          >
            <img
              width="36px"
              alt="Instagram"
              src="email-template-icon-instagram.png"
          /></a>
          <a
            href="https://twitter.com/WacArts"
            target="_blank"
            style=" margin-left: 8px;"
          >
            <img
              width="36px"
              alt="Twitter"
              src="email-template-icon-twitter.png"
            />
          </a>
          <a
            href="https://www.youtube.com/channel/UC58trn3cxR_6eelaUQxnaBA/featured"
            target="_blank"
            style="margin-left: 8px;"
          >
            <img
              width="36px"
              alt="Youtube"
              src="email-template-icon-youtube.png"
          /></a>
        </div>
        <p class="footer" style="margin: 0; margin-top: 16px; color: #434343;">
            © Copyright wacarts.co.uk 2024 All Right Reserved.
        </p> <br><br><br><br>
      </footer>
    </div>
  </body>
</html>

    """