JSFiddle - React, Tailwind, and code Playground

by james0n

HTML

@(salesForceLoginUrl: String, azureAdLoginUrl: String, loginError: String)
<!DOCTYPE html>
<html>

  <head>
    <title>LogWis 2 :: Login</title>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css" />
  </head>

  <body>


    <div class="ui text container" style="padding-top:150px">


      <h1 class="ui header">
        <div class="content">LogWis 2.0</div>
        <div class="sub header">
          Lorem ipsum. Let's describe this application with a sentence or two.
        </div>
        </h2>

        @loginError



        <div class="ui cards">

          <a class="ui card orange" color="orange" href="@azureAdLoginUrl">
            <div class="content">
              <i aria-hidden="true" class="user orange large bordered right floated inverted icon"></i>

              <div class="header">Login</div>
              <div class="meta">Azure AD</div>
              <div class="description">
                Login for Wärtsilä users
              </div>
            </div>
          </a>



          <a class="ui card blue" href="@salesForceLoginUrl">
            <div class="content">
              <i aria-hidden="true" class="user blue large bordered right floated inverted icon"></i>
              <div class="header">Login</div>
              <div class="meta">Salesforce</div>
              <div class="description">
                Login for external users
              </div>
            </div>
          </a>
        </div>

    </div>




  </body>

</html>