Skip to content

B
B2C-HTML
Commit 54ebd254 authored by RAMA SUBRAHMANYAM KANCHARLA 's avatar RAMA SUBRAHMANYAM KANCHARLA
Browse files
Options

test

parent 3208cf14
Pipeline #5749 failed with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 1585 additions and 0 deletions
      html/Signin.html 0 → 100644
      View file @ 54ebd254
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" />
      <div class="signIn_page_container">
      <img
      loading="lazy"
      src="https://icubecsi-my.sharepoint.com/personal/rkancharla_intuceo_com/Documents/Orbit/html/Portal_Logo.jpg"
      class="img"
      />
      <h3 class="sign_in">Sign In</h3>
      <div id="api" role="mail"></div>
      </div>
      <style>
      :root {
      --White: #fff;
      --Grey: #8c8c8c;
      --Dark-Grey: #585858;
      --Green: #7cba00;
      --Light-Grey: #c1c1c1;
      --Purple: #b938d9;
      --Dark-Green-Accent: #4b644a;
      --Blue-Accent: #201e50;
      --Black: #4b5563;
      --lightBlack: #111827;
      }
      body {
      font-family: "Roboto", sans-serif;
      }
      .heading {
      display: none !important;
      }
      .editButton {
      display: none !important;
      }
      .cont {
      flex: 1;
      }
      .home_container {
      margin: auto;
      margin-top: 10%;
      }
      .user_login_tab {
      display: flex;
      flex-grow: 1;
      flex-basis: 0;
      flex-direction: column;
      justify-content: center;
      }
      .login_text {
      font-family: Raleway, sans-serif;
      border-radius: 1.4375em;
      border: 0.125em solid var(--Green);
      justify-content: center;
      padding: 1.125em 2.4375em;
      }
      /* .simplemodal-wrap{
      height: 100%;
      outline: 0px;
      width: 100%;
      overflow: visible;
      display: flex;
      align-items: center;
      } */
      .signIn_page_container {
      border-radius: 9px;
      box-shadow: 0px 0px 20px 8px rgb(167 156 171 / 25%);
      display: flex;
      min-width: 400px;
      max-width: min-content;
      flex-direction: column;
      align-items: center;
      padding: 30px 0;
      max-height: 400px;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      }
      .verifying-modal {
      display: none;
      }
      #email_success {
      color: var(--Black);
      font-family: Raleway, sans-serif;
      font-size: 12px;
      text-align: center;
      display: block !important;
      text-align: center;
      margin-bottom: 20px;
      }
      .sign_in {
      color: var(--lightBlack);
      font-size: 25px;
      font-weight: 600;
      margin: 0;
      }
      #email_success[aria-hidden="true"] {
      display: none !important;
      }
      #email_info {
      display: block !important;
      text-align: center;
      /* display: none !important; */
      }
      #email_info[aria-hidden="true"] {
      display: none !important;
      }
      .verificationInfoText {
      display: none !important;
      color: var(--Black);
      font-family: Raleway, sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
      margin: 0px 20px 20px 0px;
      /* line-height: 2.5; */
      }
      /* #email_intro {
      display: block !important;
      margin: 0px 20px 20px 0px;
      }
      #email_intro[aria-hidden=true]{display:none !important} */
      .buttons {
      margin: 25px;
      }
      .buttons button[aria-disabled="true"] {
      opacity: 0.3;
      }
      .buttons button:not([aria-disabled="true"]) {
      opacity: 1;
      }
      #email_ver_but_edit {
      font-family: Raleway, sans-serif;
      display: none;
      color: white;
      border-radius: 5px;
      padding: 10px 0;
      width: 40%;
      font-weight: 700;
      background-color: #7cba00;
      border: none;
      font-size: 12px;
      max-width: 40%;
      cursor: pointer;
      margin-left: -25px;
      height: 40px;
      }
      #api {
      width: 100%;
      max-width: 100%;
      }
      .helpLink {
      margin-left: 15px;
      font-size: smaller;
      font-weight: 500;
      display: none !important;
      }
      .intro {
      color: #9b8f8f;
      font-family: Raleway, sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-align: center;
      display: none;
      }
      /* .signIn_title_section {
      display: flex;
      width: 100%;
      max-width: 543px;
      justify-content: space-between;
      gap: 20px;
      color: var(--Black);
      padding: 0 20px;
      } */
      .verifyInput:focus {
      outline: none;
      }
      .textInput {
      border-radius: 5px;
      border: 1px solid var(--Light-Grey);
      margin-top: -15px;
      height: 20px;
      width: 90%;
      padding: 10px;
      font-family: Raleway, sans-serif;
      color: #312c2c;
      }
      #requiredFieldMissing {
      display: block;
      text-align: center;
      margin: 15px;
      color: #c12121;
      font-family: Raleway, sans-serif;
      font-size: 12px;
      font-weight: 400;
      }
      #email_ver_but_send {
      font-family: Raleway, sans-serif;
      border-radius: 5px;
      background-color: #7cba00;
      padding: 10px;
      border: none;
      color: white;
      font-weight: 700;
      font-size: 12px;
      cursor: pointer;
      position: absolute;
      left: 40px;
      }
      .error {
      font-family: Raleway, sans-serif;
      border-radius: 1.4375em;
      padding: 10px;
      border: none;
      color: red;
      font-size: 13px;
      margin-left: -10px;
      }
      .TextBox {
      list-style: none;
      }
      .verifyButton {
      font-family: Raleway, sans-serif;
      margin: 0.7rem;
      color: white;
      border-radius: 5px;
      padding: 10px 0;
      width: 20%;
      font-weight: 700;
      background-color: #7cba00;
      border: none;
      font-size: 12px;
      }
      #email_ver_but_send {
      font-family: Raleway, sans-serif;
      border-radius: 5px;
      background-color: #7cba00;
      padding: 10px;
      border: none;
      color: white;
      font-weight: 700;
      font-size: 12px;
      cursor: pointer;
      height: 40px;
      width: 40%;
      }
      input.textInput[type="text"]:focus {
      outline: none;
      }
      input::placeholder {
      font-size: 11px;
      }
      #claimVerificationServerError {
      text-align: center;
      }
      #verifying_blurb {
      color: white;
      font-family: Raleway, sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-align: center;
      margin-top: 200px;
      }
      #email_label {
      color: var(--Black);
      font-family: Raleway, sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      input.textInput[type="text"]:focus {
      outline: none;
      }
      .signIn_title_section {
      display: flex;
      max-width: 80%;
      justify-content: space-between;
      gap: 20px;
      color: var(--Black);
      padding: 0 20px;
      }
      @media (max-width: 650px) {
      .signIn_page_container {
      min-width: 400px;
      }
      }
      .title_login_text {
      font: 700 22px Raleway, sans-serif;
      color: #746c6c;
      }
      #SignUp-WithEmail {
      cursor: pointer;
      }
      .img {
      aspect-ratio: 0.2;
      object-fit: cover;
      object-position: center;
      width: 100px;
      height: 150px;
      max-width: 70%;
      margin: auto;
      }
      @media (max-width: 991px) {
      .img {
      margin-top: 40px;
      }
      }
      @media screen and (max-width: 768px) {
      .signIn_page_container {
      max-width: fit-content;
      max-height: 100%;
      border-radius: 9px;
      box-shadow: 0px 0px 26px 7px rgb(167 156 171 / 50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 30px 0;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 457px;
      }
      }
      @media screen and (max-width: 640px) {
      .signIn_page_container {
      min-width: 400px;
      }
      }
      @media screen and (max-width: 475px) {
      .signIn_page_container {
      min-width: 400px;
      }
      }
      /* #email_success[aria-hidden="false"],
      #claimVerificationServerError[aria-hidden="false"] {
      display: block;
      }
      #claimVerificationServerError[aria-hidden="false"]: #email_success[aria-hidden="false"] {
      display: none !important;
      } */
      #email_success[aria-hidden="false"][style*="display: inline"]
      ~ #claimVerificationServerError[aria-hidden="false"] {
      display: none !important;
      }
      //#claimVerificationServerError[aria-hidden=false] ~ #email_success[aria-hidden=false]{display:none !important}
      /* #email_ver_but_verify {
      font-family: Raleway, sans-serif;
      border-radius: 5px;
      background-color: #7cba00;
      padding: 10px;
      border: none;
      color: white;
      min-width: fit-content;
      cursor: pointer;
      position: absolute;
      top: 250px;
      right: 25px;
      height: 38px;
      width: 35%;
      } */
      #email_ver_but_verify {
      font-family: Raleway, sans-serif;
      border-radius: 5px;
      background-color: #7cba00;
      padding: 10px;
      border: none;
      color: white;
      min-width: fit-content;
      cursor: pointer;
      position: absolute;
      margin-top: 20px;
      right: 25px;
      height: 40px;
      width: 40%;
      margin-right: -0.3em;
      }
      #email_ver_input_label {
      padding: 9px;
      color: #000000;
      font-family: Raleway, sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-left: -33px;
      }
      .verifyInput {
      border-radius: 5px;
      border: 1px solid var(--Light-Grey);
      margin-top: 14px;
      height: 27px;
      min-width: fit-content;
      font-size: 12px;
      padding: 5px 0px 5px 5px;
      color: #312c2c;
      position: absolute;
      margin-top: 20px;
      left: 40px;
      width: 38%;
      }
      #email_ver_but_resend {
      font-family: Raleway, sans-serif;
      color: #4b5563;
      font-size: 12px;
      min-width: fit-content;
      cursor: pointer;
      position: absolute;
      left: 40px;
      width: 35%;
      height: 34px;
      margin: 60px 0 15px 0;
      border: none;
      text-decoration: underline;
      background: none;
      text-align: left;
      font-weight: 600;
      }
      .verify {
      margin-top: 20px;
      margin-bottom: 208px;
      }
      #continue {
      font-family: Raleway, sans-serif;
      color: white;
      border-radius: 5px;
      padding: 9px 0;
      width: 40%;
      font-weight: 700;
      background-color: #7cba00;
      border: none;
      font-size: 14px;
      max-width: 40%;
      margin-left: 15px;
      cursor: pointer;
      position: absolute;
      height: 40px;
      bottom: 23px;
      margin: 9px 0 -3px 14px;
      }
      #cancel {
      font-family: Raleway, sans-serif;
      margin: 0.7rem;
      color: #484646;
      border-radius: 5px;
      padding: 10px 0;
      width: 40%;
      font-weight: 700;
      border: none;
      font-size: 14px;
      max-width: 40%;
      cursor: pointer;
      position: absolute;
      bottom: 10px;
      right: 10px;
      height: 40px;
      }
      </style>
      html/Signup.html 0 → 100644
      View file @ 54ebd254
      <div class="home_container">
      <div class="miba_logo">
      <img
      src="https://mibaportalsigninpagesa.z13.web.core.windows.net/MibaLogo.svg"
      class="img_logo"
      alt="Description of the image"
      />
      </div>
      <div class="sign_up_page_section">
      <!-- <div class="sign_up_left_section"> -->
      <!-- <div class="background_container"></div>
      <div class="text_content">
      <div class="text_content_subone">
      Powering Data
      <br />
      Into Meaningful Insights
      <br />
      </div>
      <div class="text_content_subtwo">
      Complete, high-quality data
      <br />
      Key insights with direct and timely access
      <br />
      Meaningful analytics
      <br />
      Feedback loop with clinicians
      </div>
      </div>
      </div> -->
      <div class="create_account_page">
      <div class="create_title_section">
      <div class="create_account_text">Create an account</div>
      </div>
      <div id="api" role="mail"></div>
      </div>
      </div>
      </div>
      <style>
      .editButton{
      display: none !important;
      }
      .heading{
      display: none !important;
      }
      :root {
      --White: #fff;
      --Grey: #8c8c8c;
      --Black: #232323;
      --Dark-Grey: #585858;
      --Green: #7cba00;
      --Light-Grey: #c1c1c1;
      --Purple: #b938d9;
      --Dark-Green-Accent: #4b644a;
      --Blue-Accent: #201e50;
      }
      input::placeholder{
      font-size: 11px;
      }
      .miba_logo {
      aspect-ratio: 1.72;
      object-fit: auto;
      object-position: center;
      align-self: start;
      height: 40px;
      }
      .home_container {
      margin-top: 5px;
      }
      .create_title_section {
      margin-bottom: -15px;
      text-align: justify;
      }
      .create_account_text {
      color: #7f7f7f;
      font-family: Raleway, sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      }
      .verificationErrorText {
      display: inline;
      color: #c53f3f;
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      }
      #claimVerificationServerError {
      display: block;
      color: #c53f3f;
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      }
      #fieldIncorrect {
      display: block;
      color: #c53f3f;
      font-family: Raleway, sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 10px;
      }
      #verifying_blurb {
      color: white;
      font-family: Raleway, sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-align: center;
      /* margin-top: 200px; */
      }
      #email_fail_retry {
      display: inline;
      color: #cf47b8;
      font-family: Raleway, sans-serif;
      font-size: 13px;
      }
      .textInput {
      border-radius: 5px;
      border: 1px solid var(--Light-Grey);
      margin-top: 10px;
      height: 35px;
      width: 90%;
      font-size: 12px;
      padding-left: 10px;
      }
      #SignIn-WithEmail {
      cursor: pointer;
      }
      #continue {
      font-family: Raleway, sans-serif;
      margin: 0.7rem;
      color: white;
      border-radius: 5px;
      padding: 11px;
      width: 41%;
      height: 40px;
      font-weight: 700;
      background-color: var(--Green);
      border: none;
      font-size: 14px;
      margin-left: 30px;
      cursor: pointer;
      }
      #cancel {
      font-family: Raleway, sans-serif;
      margin: 0.7rem;
      border-radius: 5px;
      padding: 11px;
      width: 41%;
      height: 40px;
      font-weight: 700;
      border: none;
      font-size: 14px;
      cursor: pointer;
      }
      #displayName_label {
      color: var(--Grey, #8c8c8c);
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      #surname_label {
      color: var(--Grey, #8c8c8c);
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      #inputPhoneNumber_label {
      color: var(--Grey, #8c8c8c);
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      #givenName_label {
      color: var(--Grey, #8c8c8c);
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      #email_label {
      color: var(--Grey, #8c8c8c);
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 2;
      }
      #email_ver_but_edit {
      font-family: Raleway, sans-serif;
      color: white;
      border-radius: 5px;
      padding: 10px 0;
      width: 25%;
      font-weight: 700;
      background-color: var(--Green);
      border: none;
      font-size: 11px;
      margin-left: -12px;
      cursor: pointer;
      }
      .TextBox {
      list-style: none;
      }
      .verify {
      margin-top: 10px;
      margin-bottom: 14px;
      }
      #requiredFieldMissing {
      color: #c91818;
      font-family: Raleway, sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
      padding: 10px;
      margin-bottom: -20px;
      }
      .intro {
      color: #9b8f8f;
      font-family: Raleway, sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-align: center;
      display: none;
      }
      .verificationInfoText {
      font-size: 0px;
      }
      .verifyInput {
      border-radius: 5px;
      border: 1px solid var(--Light-Grey);
      margin-top: 10px;
      height: 37px;
      width: 46%;
      margin-left: -15px;
      padding-left: 10px;
      }
      .verifyInput:focus {
      outline: none;
      }
      .buttons {
      margin: 15px;
      }
      .buttons button[aria-disabled=true]{opacity:.3}.buttons button:not([aria-disabled=true]){opacity:1}
      .verifyButton {
      font-family: Raleway, sans-serif;
      margin: 0.7rem;
      color: white;
      border-radius: 5px;
      padding: 10px 0;
      width: 47%;
      height: 40px;
      font-weight: 700;
      background-color: var(--Green);
      border: none;
      font-size: 12px;
      cursor: pointer;
      }
      #email_success {
      color: var(--Black);
      font-family: Raleway, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      display: block !important;
      padding: 10px;
      text-align: center;
      }
      #email_success[aria-hidden=true]{display:none !important}
      #email_ver_input_label {
      padding: 0px 11px;
      margin-left: -25px;
      font-family: Raleway, sans-serif;
      font-size: 13px;
      display: block !important;
      }
      #email_ver_input_label[aria-hidden=true]{display:none !important}
      .attrEntry {
      margin: 5px;
      }
      /* #email_ver_but_resend {
      margin-left: -11px;
      } */
      #email_ver_but_resend {
      padding: 10px 0;
      display: inline;
      font-family: Raleway, sans-serif;
      color: black;
      font-size: 12px;
      min-width: fit-content;
      cursor: pointer;
      position: absolute;
      margin-left: -11px;
      width: 35%;
      height: 34px;
      position: relative;
      border: none;
      text-decoration: underline;
      background: none;
      text-align: left;
      font-weight: 700;
      }
      .helpLink {
      margin-left: 15px;
      font-size: smaller;
      font-weight: 500;
      display: none !important;
      }
      input.textInput[type="text"]:focus {
      outline: none;
      }
      #email_ver_but_send {
      font-family: Raleway, sans-serif;
      border-radius: 5px;
      background-color: var(--Green);
      padding: 10px;
      border: none;
      color: white;
      margin-left: -15px;
      cursor: pointer;
      font-weight: 700;
      outline: none;
      width: 50%;
      height: 40px;
      font-size: 12px;
      }
      .create_account_container {
      display: flex;
      flex-direction: column;
      line-height: normal;
      }
      @media (max-width: 991px) {
      .create_account_container {
      width: 100%;
      }
      /* .verifyButton {
      margin-right: 20px
      } */
      }
      .create_account_page {
      border-radius: 9px;
      box-shadow: 0px 4px 16px 0px rgba(34, 34, 34, 0.1);
      background-color: #fff;
      display: flex;
      flex-grow: 1;
      flex-direction: column;
      color: var(--Grey, #8c8c8c);
      padding: 25px 20px 8px 16px;
      min-width: 400px;
      /* max-width: fit-content; */
      position: absolute;
      max-width: 500px;
      }
      /* @media (max-width: 991px) {
      .create_account_page {
      margin-top: 12px;
      padding-left: 20px;
      min-width: 50%;
      max-width: 350px;
      }
      } */
      .create_account_title {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      color: #000;
      }
      @media (max-width: 991px) {
      .create_account_title {
      max-width: 100%;
      flex-wrap: wrap;
      }
      }
      .create_account_text {
      flex-grow: 1;
      flex-basis: auto;
      font: 700 25px Raleway, sans-serif;
      }
      .img {
      aspect-ratio: 1.72;
      object-fit: auto;
      object-position: center;
      align-self: start;
      }
      .create_title_section {}
      .search_placeholder {
      font-family: Raleway, sans-serif;
      margin: auto 0;
      }
      .product_price {
      color: var(--Dark-Grey);
      margin-top: 1.6875em;
      font: 2em Open Sans, sans-serif;
      }
      .sign_up_page_content {
      width: 100%;
      max-width: 1210px;
      margin: auto;
      }
      @media (max-width: 1536px) {
      .sign_up_page_section {
      width: 1366px;
      }
      }
      @media (max-width: 1366px) {
      .sign_up_page_section {
      width: 1280px;
      }
      }
      @media screen and (max-width: 1280px) {
      .sign_up_page_section {
      display: flex;
      max-width: 100%;
      justify-content: center;
      transform: translateY(50%);
      }
      .sign_up_page_section {
      width: 1024px;
      }
      }
      @media screen and (max-width: 950px) {
      .sign_up_left_section {
      display: none;
      }
      .sign_up_page_section {
      width: 768px;
      }
      }
      @media screen and (max-width: 640px) {
      .sign_up_left_section {
      display: none;
      }
      .sign_up_page_section {
      width: 475px;
      }
      }
      @media screen and (max-width: 475px) {
      .sign_up_page_section {
      width: 380px;
      }
      }
      @media screen and (max-width: 830px) {
      .sign_up_right_section {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 100%;
      margin-left: 20px;
      }
      .sign_up_left_section {
      display: none;
      }
      }
      /* Styles for normal screens */
      .sign_up_page_section {
      gap: 10rem;
      display: flex;
      max-width: 100%;
      justify-content: center;
      }
      /* Media query for mobile devices */
      @media only screen and (max-width: 768px) {
      .sign_up_left_section {
      display: none;
      }
      .sign_up_page_section {
      width: 640px;
      }
      }
      /* .sign_up_left_section {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 50%;
      margin: 0;
      margin-left: 100px;
      } */
      @media (max-width: 991px) {
      /* .sign_up_left_section {
      width: 40%;
      margin-left: 0;
      height: 450px;
      } */
      .sign_up_left_section .background_container {
      width: 100%;
      height: auto;
      top: 0;
      margin-top: 0;
      position: relative;
      filter: none;
      }
      }
      .sign_up_left_section .background_container {
      position: absolute;
      width: 38%;
      height: 100%;
      background: rgba(185, 56, 217, 0.5);
      filter: blur(40px);
      margin: auto;
      max-width: 394px;
      max-height: 446px;
      top: 160px;
      border-radius: 60px;
      }
      .sign_up_left_section .text_content {
      position: relative;
      z-index: 1;
      margin-top: 195px;
      margin-left: 30px;
      }
      .text_content_subone {
      font: 700 28px Raleway, sans-serif;
      color: white;
      }
      .text_content_subtwo {
      margin-top: 23px;
      color: var(--White, #fff);
      font: 700 32px Raleway, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 22.1px;
      display: none !important;
      }
      .show {
      color: #c91818;
      font-family: Raleway, sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      }
      .sign_up_right_section {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 50%;
      margin-left: 20px;
      }
      /* @media (max-width: 991px) {
      .sign_up_right_section {
      width: 50%;
      }
      } */
      </style>
      \ No newline at end of file
      html/SinginAndSingout.html 0 → 100644
      View file @ 54ebd254
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
      <div class="home_container">
      <img
      loading="lazy"
      src="https://images.squarespace-cdn.com/content/v1/65df761212e711016ab379a1/6c88554e-d683-40a0-873a-78965b1e3bac/ascend+logo.png"
      class="img"
      />
      <div class="intro_text">Welcome to Ascend!</div>
      <div class="button_container">
      <div id="api" role="mail"></div>
      </div>
      </div>
      <style>
      .intro_text {
      font-family: Raleway, sans-serif;
      font-size: 20px;
      margin-top: 20px;
      font-weight: bold;
      }
      :root {
      --White: #fff;
      --Grey: #8c8c8c;
      --Black: #232323;
      --Dark-Grey: #585858;
      --Green: #7cba00;
      --Light-Grey: #c1c1c1;
      --Purple: #b938d9;
      --Dark-Green-Accent: #4b644a;
      --Blue-Accent: #201e50;
      --Black: #000;
      }
      body {
      font-family: 'Roboto', sans-serif;
      }
      .home_container {
      border-radius: 9px;
      box-shadow: 0px 0px 26px 7px rgb(167 156 171 / 50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 30px 0;
      height: 270px;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 457px;
      max-width: fit-content;
      }
      .img {
      aspect-ratio: 1.75;
      object-fit: auto;
      object-position: center;
      width: 150px;
      max-width: 70%;
      margin: auto;
      }
      .button_container {
      margin: auto;
      margin-top: 50px;
      }
      .user_login_tab {
      display: flex;
      flex-grow: 1;
      flex-basis: 0;
      flex-direction: column;
      justify-content: center;
      }
      .login_text {
      font-family: Raleway, sans-serif;
      border-radius: 1.4375em;
      border: 0.125em solid var(--Green);
      justify-content: center;
      padding: 1.125em 2.4375em;
      }
      #email_success {
      color: var(--Grey, #8c8c8c);
      font-family: Raleway, sans-serif;
      font-size: 0px;
      text-align: center;
      display: none;
      }
      .buttons {
      margin: 25px;
      }
      #email_ver_but_edit {
      font-family: Raleway, sans-serif;
      color: white;
      border-radius: 5px;
      padding: 10px 0;
      width: 25%;
      font-weight: 400;
      background-color: #7cba00;
      border: none;
      font-size: 12px;
      max-width: 30%;
      margin-left: 0px;
      }
      #SignUp-WithEmail {
      display: none;
      /* border-radius: 40px;
      font-family: Raleway, sans-serif;
      font-size: 15px;
      width: 300px;
      height: 45px;
      color: #484646;
      outline: none;
      border: 1px solid #7cba00;
      background: white;
      cursor: pointer;
      font-weight: 700; */
      }
      #SignIn-WithEmail {
      background-color: #7cba00;
      border-radius: 40px;
      font-family: Raleway, sans-serif;
      font-size: 15px;
      color: #fff1f1;
      width: 300px;
      height: 45px;
      outline: none;
      border: none;
      margin-bottom: 15px;
      box-shadow: 0px 4px 16px 0px #2222221a;
      font-weight: 700;
      cursor: pointer;
      }
      #api {}
      .helpLink {
      margin-left: 15px;
      font-size: smaller;
      font-weight: 500;
      display: none !important;
      }
      .intro {
      color: #9b8f8f;
      font-family: Raleway, sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-align: center;
      display: none;
      }
      .signIn_title_section {
      display: flex;
      width: 100%;
      max-width: 543px;
      justify-content: space-between;
      gap: 20px;
      color: var(--Black);
      padding: 0 20px;
      }
      @media (max-width:650px) {
      .home_container {
      min-width: 350px;
      }
      #SignIn-WithEmail {
      width: 250px;
      font-size: 12px;
      }
      #SignUp-WithEmail {
      width: 250px;
      font-size: 12px;
      }
      }
      @media (max-width: 991px) {
      .signIn_title_section {
      max-width: 100%;
      flex-wrap: wrap;
      }
      }
      .verifyInput {
      border-radius: 5px;
      border: 1px solid var(--Light-Grey);
      margin-top: 14px;
      height: 35px;
      width: 30%;
      font-size: 12px;
      }
      .verifyInput:focus {
      outline: none;
      }
      .textInput {
      border-radius: 5px;
      border: 1px solid var(--Light-Grey);
      margin-top: -15px;
      height: 35px;
      width: 90%;
      }
      #requiredFieldMissing {
      display: block;
      text-align: center;
      margin: 15px;
      color: #c91818;
      font-family: Raleway, sans-serif;
      font-size: 12px;
      font-weight: 400;
      line-height: 0.1;
      }
      #email_ver_but_resend {
      font-family: Raleway, sans-serif;
      color: white;
      border-radius: 5px;
      padding: 10px;
      font-weight: bold;
      background-color: #7cba00;
      border: none;
      font-size: 11px;
      max-width: 26%;
      }
      .error {
      font-family: Raleway, sans-serif;
      border-radius: 1.4375em;
      padding: 10px;
      border: none;
      color: red;
      font-size: 13px;
      margin-left: -10px;
      }
      .TextBox {
      list-style: none;
      }
      #email_ver_input_label {
      padding: 9px;
      color: #9b8f8f;
      font-family: Raleway, sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      .verifyButton {
      font-family: Raleway, sans-serif;
      margin: 0.7rem;
      color: white;
      border-radius: 5px;
      padding: 10px 0;
      width: 20%;
      font-weight: bold;
      background-color: #7cba00;
      border: none;
      font-size: 11px;
      }
      #email_ver_but_send {
      font-family: Raleway, sans-serif;
      border-radius: 5px;
      background-color: #7cba00;
      padding: 10px;
      border: none;
      color: white;
      font-weight: bold;
      font-size: 12px;
      }
      #email_ver_but_verify {
      font-family: Raleway, sans-serif;
      border-radius: 5px;
      background-color: #7cba00;
      padding: 10px;
      border: none;
      color: white;
      width: 25%;
      }
      input.textInput[type="text"]:focus {
      outline: none;
      }
      #continue {
      font-family: Raleway, sans-serif;
      color: white;
      border-radius: 5px;
      padding: 9px 0;
      width: 30%;
      font-weight: bold;
      background-color: #7cba00;
      border: none;
      font-size: 14px;
      max-width: 30%;
      margin-left: 15px;
      }
      #claimVerificationServerError {
      text-align: center;
      }
      #verifying_blurb {
      color: #e12a2a;
      font-family: Raleway, sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-align: center;
      }
      #cancel {
      font-family: Raleway, sans-serif;
      margin: 0.7rem;
      color: #484646;
      border-radius: 5px;
      padding: 10px 0;
      width: 30%;
      font-weight: bold;
      border: none;
      font-size: 14px;
      max-width: 30%;
      }
      #email_label {
      color: var(--Grey, #8c8c8c);
      font-family: Raleway, sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      .verify {
      margin-top: 20px;
      margin-left: 0px;
      }
      .verificationInfoText {
      display: none;
      color: #9b8f8f;
      font-family: Raleway, sans-serif;
      font-size: 0px;
      font-style: normal;
      font-weight: 400;
      line-height: 2.5;
      }
      input.textInput[type="text"]:focus {
      outline: none;
      }
      .signIn_title_section {
      display: flex;
      width: 100%;
      max-width: 543px;
      justify-content: space-between;
      gap: 20px;
      color: var(--Black);
      padding: 0 20px;
      }
      .signIn_title_section {
      display: flex;
      max-width: 80%;
      justify-content: space-between;
      gap: 20px;
      color: var(--Black);
      padding: 0 20px;
      }
      @media (max-width: 991px) {
      .signIn_title_section {
      max-width: 75%;
      flex-wrap: wrap;
      }
      }
      .title_login_text {
      font: 700 22px Raleway, sans-serif;
      color: #746c6c;
      }
      .img {
      aspect-ratio: 1.75;
      object-fit: auto;
      object-position: center;
      width: 150px;
      max-width: 70%;
      margin: auto;
      }
      </style>
      \ No newline at end of file
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment