HTML/CSS - Project | ION-Mail Log In Page Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<!-- ION-Mail is under licensed by JFS-Group™ -->
<!-- JFS-Group™ ©2017, Don't steal this code! -->
<html>
    <head>
        <title>ION-Mail</title>
        <meta name="description" content=""></meta>
        <meta name="keyword" content=""></meta>
    </head>
    <body>
    
<!-- this is a heading -->
<h1 class="el" id="el">
    <marquee behavior="alternate">ION-Mail</marquee>
</h1>
<!-- this is a page -->
<div class="en">
<form align="center">
  <f class="ef">Sign In to your Λccount</f><br/>
    <input id="in" type="text" name="email"  placeholder="email" autofocus required/>
    <input id="in" type="password" name="password"  placeholder="password" required/>
    <button id="but" type="submit" href="#"> Sign In</button>
  <br /><f class="q">
  <input type="checkbox" name="remember" value="1"/> Remember Me,</f>
    <a class="z" href="#" target="_blank"> Forgot Password</a><br/>

css

/* ION-Mail is under licensed by JFS-Group™ */
/* JFS-Group™ ©2017, Don't steal this code! */
/* footer */
.es {
    background-color: #eebb00; 
    border-bottom-style: solid;
    border-bottom-color:  rgba(50,50,50,0.5);
    border-bottom-width: 10px;
    border-left-style: solid;
    border-left-color:  rgba(150,150,150,0.5);
    border-left-width: 10px;
    border-right-style: solid;
    border-right-color:  rgba(100,100,100,0.5);
    border-right-width: 10px;
}
/* page */
.en {
    background-color: gold;
    padding:20px;
    border-top-style: solid;
    border-top-color:  rgba(200,200,200,0.5);
    border-top-width: 10px;
    border-left-style: solid;
    border-left-color:  rgba(150,150,150,0.5);
    border-left-width: 10px;
    border-right-style: solid;
    border-right-color:  rgba(100,100,100,0.5);

// this is alert box
alert("by JFS-Group™ ©2017")
// ION-Mail is under licensed by JFS-Group™
// JFS-Group™ ©2017, Don't steal this code!
function start() 
{
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = correctTime(m);
    s = correctTime(s);
    document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
    //calling the function every second
    var t = setTimeout(start, 1000);
}
//adding the zero if needed
function correctTime(i) 
{
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}
function myFunction() {

BROWSER

Console