<!DOCTYPE html>
<html lang="en">
   <head>
      <!--  Meta  -->
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>Online Application- IILM University</title>
      <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
      <!--  Styles  -->
      <link href="https://fonts.googleapis.com/css?family=Kaushan+Script|Source+Sans+Pro" rel="stylesheet">
      <style>
        /* thank you page design */
        html,
        body {
          height: 100%;
        }

        .thank-page-template {
          background-color: #f2f2f2;
        }

        .thank-you-wrapper {
          position: relative;
          height: 100%;
        }

        .thank-you-wrapper>.container {
          width: 780px;
          margin: 0 auto;
        }

        .thank-you-wrapper {
          text-align: center;
        }

        .thank-you-page-content {
          position: relative;
          float: left;
          width: 100%;
          background: #f2f2f2;
          padding: 40px 0px;
          margin: auto;
          box-sizing: border-box;
        }

        .thank-you-page-content::before,
        .thank-you-page-content::after {
          z-index: -1;
          position: absolute;
          content: "";
          bottom: 15px;
          left: 10px;
          width: 50%;
          top: 80%;
          max-width: 300px;
          background: #777;
          -webkit-box-shadow: 0 15px 10px #777;
          -moz-box-shadow: 0 15px 10px #777;
          box-shadow: 0 15px 10px #777;
          -webkit-transform: rotate(-3deg);
          -moz-transform: rotate(-3deg);
          -o-transform: rotate(-3deg);
          -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
        }

        .thank-you-page-content::after {
          -webkit-transform: rotate(3deg);
          -moz-transform: rotate(3deg);
          -o-transform: rotate(3deg);
          -ms-transform: rotate(3deg);
          transform: rotate(3deg);
          right: 10px;
          left: auto;
        }

        html body .thank-you-wrapper .container {
          display: table;
          height: 100%;
        }

        html body .thank-you-wrapper .container>.row {
          display: table-cell;
          height: 100%;
          vertical-align: middle;
        }

        .thank-you-page-logo {
          float: left;
          width: 100%;
        }

        .thank-you-page-content .smalltxt {
          position: relative;
          width: 100%;
          font-size: 35px;
          font-weight: 200;
        }

        .thank-you-page-content .btnclass {
          padding-top: 13px;
          padding-bottom: 13px;
          padding-right: 25px;
        }

        .btn-primary {
          background-color: #0a568a;
          color: #fff;
          text-decoration: none;
          border-color: #0a568a;
          position: relative;
          padding: 15px 55px 15px 65px;
          font-size: 25px;
          border-radius: 15px;
        }

        .btn-primary::before {
          position: absolute;
          left: 92%;
          top: 25px;
          content: "";
          display: inline-block;
          box-sizing: border-box;
          height: 10px;
          width: 10px;
          border-style: solid;
          border-color: #fff;
          border-width: 0px 3px 3px 0px;
          transform: rotate(315deg);
          transition: border-width 150msease -in-out;
        }

        .btn-primary::after {
          content: "";
          display: inline-block;
          width: 20px;
          background-color: #fff;
          height: 2px;
          position: absolute;
          left: 89%;
          top: 29px;
        }

        /* thank you page design */
        .thankyouclass {
          /* font-family: 'Kaushan Script', cursive; */
          font-size: 6.5em;
          letter-spacing: 3px;
          color: #082d74;
          margin: 0;
          margin-bottom: 20px;
        }

        @media (min-width:1200px) {
          .thankyouclass {
            font-size: 4.5em;
          }
          .thank-you-page-content .smalltxt{
            font-size: 30px;
          }
        }

        .logoclass {
          width: 400px;
        }
      </style>
   </head>
   <body style="background: #f2f2f2;">
      <!-- thank-you-wrapper -->
      <section class="thank-you-wrapper">
         <div class="container">
            <div class="row">
               <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                  <div class="thank-you-page-logo">
                     <img src="images/IILM-3-Campus-Logo.png" alt="logo dpu" class="logoclass">
                  </div>
                  <div class="thank-you-page-content"> 
                      <h1 class="thankyouclass"> Thank You!</h1>
                      <h1 class="smalltxt">for showing your interest!</h1> 
                      <h1 class="smalltxt">Our representative will contact you Soon.</h1>
                      <!--h1 class="smalltxt">
                        <b>Get Upto 100% Off on Application Fees</b><br/><br/>
                        To begin your application, click the link below:
                      </h1>
                      <a href="/application" class="btn btn-primary arrow-icon"> Start Application Form</a><br/><br/->
                      <h1 class="smalltxt">Our representative will contact you Soon.</h1>
                     <h1 class="smalltxt">We're here to help you every step of the way!</h1>
                     <a class="btn btnclass" href="https://api.whatsapp.com/send?phone=+918223045866&text=I%20Want%20to%20know%20more%20about%20IILM%20University"><img src="https://dypatilbschool.topbschoolsinindia.in/images/whatsapp.png" alt="whatsapp" class="whatsapp__image"/></a-->
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- thank-you-wrapper -->
      <!-- Scripts -->
      <script src="scripts/index.js"></script>
   </body>
</html>

