Skip to main content

Login Form Design 1


The Code is :

<!DOCTYPE html><html><head>
   
<meta charset="UTF-8">
   
<title>krButani

    <style type="text/css">
        html,
        body {
            min-height: 100%;
        }
        body {
           
            background: url("../img/1.jpg") left top;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .login-design {
            margin: 20% 33%;
            width: 380px;
            border: 2px solid #000;
            font-size: 120%;
            border-radius: 4px;

            box-shadow: 0px 0px 5px #222;
        }
        .login-title {
            margin: 10px ;
            padding: 10px;
            font-size: 120%;
            font-family: "Lucida Handwriting",Lucida Handwriting;
            background: rgba(0,0,0,0.8);
            color:#f4f4f4;
        }
        .login-controll-con {
            margin: 0 10%;
        }
        .login-controll-con > input {
            margin: 10px;
            width: 250px;
            font-size: 90%;
            padding: 3px 7px;
            border: 1px solid #000;
            background: rgba(220,191,135,0.2);
            color:#111;
            box-sizing: 100%;
            border-radius: 3px;
        }
        .login-controll-con .btn {
            width: auto;
            padding: 5px 30px;
            padding-bottom: 7px;
            background: rgba(0,0,0,0.8);
            color: #efefef;
            cursor: pointer;
            letter-spacing: 1px;

            transition: all 0.5s linear 0.2s;
        }
        .login-controll-con .btn:hover {
            color: rgba(0,0,0,0.8);
            background: rgba(220,191,135,0.2);
        }
   
</style></head><body><div class="login-design">
   
<div class="login-title" align="center">Login Form
    <div class="login-controll-con" align="center">
       
<input type="text" name="username" placeholder="Enter Username.....">

       
<input type="password" name="password" placeholder="Enter Password....">

       
<input type="submit" name="sub" value="Login" class="btn">
   
</div></div></body></html>
Post a Comment

Popular posts from this blog

My new Jquery Plugin name is krDailog

This is my new jquery plugin i hope this is use full to you if you require this plugin than contact me

 /*
    krDailog Version 1.0
    Author: krButani
    email: butanikartik1108@gmail.com
*/


Require to use this function
    - bootstrap.css new version
    - bootstrap.js new version
    - jquery.js new version
    - jquery-ui.js new version
    - glyphicons font by bootstrap

# you can use new version of all and also use min file also

# include file first this way

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/krDailog.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <s…

Intent demo pass with text demo in Android

First Create Two acitvity layout file name firstscreen.xml second_screen.xml java filename FirstScreen.java SecondScreen.javafirstscreen.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/firstscreen"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.krbutani.intentpasswithdatademo.Firstscreen">

<Button
android:text="Goto Second"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignPare…