LogIn Page HTML CSS

-

                 LogIn Page HTML CSS


<html>
  <head>
    <meta charset="utf-8" />
    <title>Movieshub: Sign-in</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <div class="login-box">
      <div class="box-root" style="min-height: 100vh; flex-grow: 1">
        <h1><a href="#" rel="follow me">Movieshub</a></h1>
        <br />
        <div class="formbg-outer">
          <div class="formbg">
            <span class="padding-bottom--15">Sign in to your account</span>
            <form id="login">
              <div class="field padding-bottom--24">
                <label for="email">Email</label>
                <input type="email" name="email" />
              </div>
              <div class="field padding-bottom--24">
                <div class="psw">
                  <label for="password">Password</label>
                  <div class="reset-psw">
                    <a href="#">Forgot your password?</a>
                  </div>
                </div>
                <input type="password" name="password" />
              </div>
              <div class="field field-checkbox padding-bottom--24">
                <label for="checkbox">
                  <input type="checkbox" name="checkbox" /> Remember email
                </label>
              </div>
              <div class="field padding-bottom--24">
                <input type="submit" name="submit" value="Login" />
              </div>
            </form>
          </div>
        </div>
        <br />
        <div class="footer-link padding-top--24">
          <span>Don't have an account? <a href="">Sign up</a></span>
          <div class="listing">
            <span><a href="#">© Movieshub</a></span> &nbsp;&nbsp;&nbsp;&nbsp;
            <span><a href="#">Contact</a></span
            >&nbsp;&nbsp;&nbsp;&nbsp;
            <span><a href="#">Privacy & terms</a></span>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Comments

Post a Comment

Popular posts from this blog

Basic Data types | HackerRank Solution...

-
                Basic data types Solution Input Format Input consists of the following space-separated values:  int ,  long ,  char ,  float , and  double , respectively. Output Format Print each element on a new line in the same order it was received as input. Note that the floating-point value should be correct up to 3 decimal places and the double to 9 decimal places. #include   < iostream > #include   < cstdio > #include   < iomanip > using   namespace  std; int  main() {      // Complete the code.      int  a;      long   int  ld;      char  ch;      float  f;      double  lf;     cin >> a;     cin >> ld;     cin...
Read more

There are three people sitting in a room - Alice, Bob, and Charlie. They need to decide on the temperature to set on the air conditioner. Everyone has a demand each:

-
  Problem There are three people sitting in a room - Alice, Bob, and Charlie. They need to decide on the temperature to set on the air conditioner. Everyone has a demand each: Alice wants the temperature to be at least  A A  degrees. Bob wants the temperature to be at most  B B  degrees. Charlie wants the temperature to be at least  C C  degrees. Can they all agree on some temperature, or not? Input Format The first line of input will contain a single integer  T T , denoting the number of test cases. Each test case consists of a single line which contains three integers -  A, B, C A , B , C . Output Format For each test case, output on a new line, "Yes" or "No". "Yes", if they can decide on some temperature which fits all their demands. Or "No", if no temperature fits all their demands. You may print each character of the string in either uppercase or lowercase (for example, the strings  NO ,  nO ,  No , and  no  will...
Read more

Using HTML CSS and JavaScript Create a Responsive Personal Portfolio Website Design

-
Image
Using HTML CSS and JavaScript Create a Responsive Personal Portfolio Website Design   Using HTML CSS and JavaScript Create a Responsive Personal Portfolio Website Design Using HTML CSS and JavaScript Create a Responsive Personal Portfolio Website Design   Main Features Given Below  1) High-quality Design  2) Built with HTML5, CSS3 and JavaScript  3) Live Style Switcher  4) 5 Color Skins  5) Light/Dark   Don't forget to smash the like button and share the video with your friends.  Also, click on the bell icon to turn on notifications.   This way you'll be notified the moment new videos are uploaded.   Make sure to SUBSCRIBE for more tutorials like this one!   Join Telegram grp:  Join
Read more