Skip to content

Instantly share code, notes, and snippets.

@arjun00231

arjun00231/Partage Html

Last active July 19, 2017 13:42
Show Gist options
  • Save arjun00231/c49159508c6e538b45d25bc1670fb3fe to your computer and use it in GitHub Desktop.
Save arjun00231/c49159508c6e538b45d25bc1670fb3fe to your computer and use it in GitHub Desktop.
Download ZIP
Partage create account page
Raw
Partage Html
<body>
<form>
<div class= "button"><input type="button" value= "< Partage Pay"></div>
<h3>Create Account</h3>
<div><input type="text" placeholder="First Name" pattern="[A-Za-z]{3,}" required/></div>
<div><input type="text" placeholder="Last Name" pattern="[A-Z|a-z]{4,}" required/></div>
<div><input type="text" placeholder="Monthly Budget" pattern="[1-9]{3,}"required/></div>
<div><input type="tel" placeholder="Contact Number" pattern ="[7|8|9][0-9]{9}" required/></div>
<div><input type="password" placeholder="Password" required minlength="8" </div>
<div class="submit"><input type="submit" value="SIGN UP"/></div>
</form>
</body>
/***************CSS*********************/
input{
padding: 12px 20px;
border-radius: 30px;
border-color: grey;
margin: 8px 8px 8px 8px;
border: 1px solid;
}
input:focus {
outline:none;
}
body{
text-align: center;
border: solid;
margin: 100px 500px 50px 500px;
padding: 0px 0px;
}
.submit input{
border-radius: 30px;
width: 225px;
margin: 20px;
color: white;
background-color: grey;
}
.button input{
border-radius: 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 50px;
background-color:green;
font-size: medium;
text-align: left;
color:white;
border: 0px;
font: bold 10px;
}
.heading body{
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}
/****************************************Icon**********************/
<span class="input-icon"><span class="fa fa-user"></span></span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment