app.html

<html>
  <head>
    <title>Online Quotes for Agencies</title>
    <!-- Load the Edvisor Widget from the CDN -->
    <script type="text/javascript" src="https://cdn.edvisor.io/b2c/sandbox/edvisor-search.js"></script>
    <style>
      .b2c {
        color: darkslategray;
        background-color: whitesmoke;
      }
      .b2c-header {
        color: darkslategray;
        padding: 30px;
        background-color: #fff;
      }
      .b2c-hero {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: whitesmoke;
        padding-top: 40px;
        padding-bottom: 40px;
      }
    </style>
  </head>
  <body class='b2c'>
    <section class='b2c-header'>
      <a href='/'><h1>Online Quotes!</h1></a>
    </section>
    <!-- Placeholder for edvisor search app -->
    <div id="Widget" class='b2c-hero'></div>
    <!-- Placeholder for edvisor widget -->
    <div id="btWidget"></div>
    <script type="text/javascript">
      (function () {
        Edvisor.widgets.CourseSearchApp.newInstance().render({
          selector: '#Widget',
          agencyId: 1326,
          startQuoteSelector: '#btWidget',
          termsUrl: 'http://www.example.com',
          apiKey: 'private_67abe7b0ec139cfd8040c3213a63ed5e',
          studentLanguage: 'en',
          studentNationality:'br'
        })
      })()
    </script>
  </body>
</html>