JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<div class="login-wrapper col-lg-6">
  <h1 class="text-center">Login</h1>
  <img id="logo" src="">
  <form name="form">
    <div class="form-group"><label>Email</label><input type="text" name="email" class="form-control" value=""></div>
    <div class="form-group"><label>Password</label><input type="password" name="password" class="form-control" value=""></div>
    <div class="form-group"><button class="btn btn-primary">Login</button></div>
  </form><a href="/request-reset-password">Reset Password</a>
</div>

JavaScript

/* if (window.location.href.indexOf("admin.modist") > -1)

{
  document.body.style.backgroundImage = "url('https://images.unsplash.com/photo-1593756287137-df3c9b0bd731?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80')";
} else {
  console.log('Not this page');
} */

document.getElementById("logo").src = "https: //modist.co/img/modist-logo.svg";