Skip to content

Adding contact us form #59

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ritu-2001 wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Adding contact us form #59

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f44c86a
Adding a new file
Ritu-2001 Oct 10, 2022
7a9603a
Add files via upload
Ritu-2001 Oct 10, 2022
c24694e
Add files via upload
Ritu-2001 Oct 10, 2022
ecac2b4
Merge branch 'main' into main
Ritu-2001 Oct 11, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Animation CSS/background.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
93 changes: 93 additions & 0 deletions Animation CSS/signup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<div class="sign-up-form">
<img src="user.png">
<h1>Sign Up Now</h1>
<form>
<input type="email" class="input-box" placeholder="your Email">
<input type="password" class="input-box" placeholder="your password">
<p><span><input type="checkbox"></span> I agree to the terms of services</p>
<button type="button" class="signup-btn">Sign up</button>
<hr>
<p class="or">OR</p>
<button type="button" class="twitter-btn">Login with twitter</button>


</form>
</div>
<style>
body{
margin: 0;
padding: 0;
font-family:sans-serif;
background-image:url(background.jpg) ;
background-size:cover;
background-position:center;
}
.sign-up-form{
width: 300px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0,3);
background: #fff ;
padding: 20px;
margin: 8% auto 0;
text-align: center;
}
.sign-up-form h1{
color: #1c8adb;
margin-bottom: 30px;
}
.input-box{
border-radius: 20px;
padding: 10px;
margin: 10px 0;
width: 100%;
border:1px solid #999;
outline: none;

}
button{
color:#fff;
width: 100%;
padding: 10px;
border-radius: 20px;
font-size: 15px;
margin: 10px 0;
border: none;
outline: none;
cursor: pointer;
}
.signup-btn{
background-color:#1c8adb;

}
.twitter-btn{
background-color:#21afde;
}
a {
text-decoration:none;
}
hr{
margin-top: 20px;
width:80%;
}
.or{
background:#fff;
width: 30px;
margin: -19px auto 10px;
}
img{
width:70px;
margin-top:-50px;
}

</style>

</body>
</html>
Binary file added Animation CSS/user.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
81 changes: 61 additions & 20 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,62 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Wave Circle Animation</title>
</head>

<body>
<div class="wave">
<span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span>
</div>
</body>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>contact Us</title>
</head>
<body>
<div class="background">
<div class="container">
<div class="screen">
<div class="screen-header">
<div class="screen-header-left">
<div class="screen-header-button close"></div>
<div class="screen-header-button maximize"></div>
<div class="screen-header-button minimize"></div>
</div>
<div class="screen-header-right">
<div class="screen-header-ellipsis"></div>
<div class="screen-header-ellipsis"></div>
<div class="screen-header-ellipsis"></div>
</div>
</div>
<div class="screen-body">
<div class="screen-body-item left">
<div class="app-title">
<span>CONTACT</span>
<span>US</span>
</div>
<div class="app-contact">CONTACT INFO : +62 81 314 928 595</div>
</div>
<div class="screen-body-item">
<div class="app-form">
<div class="app-form-group">
<input class="app-form-control" placeholder="NAME" value="Protyusha Ghosh">
</div>
<div class="app-form-group">
<input class="app-form-control" placeholder="EMAIL">
</div>
<div class="app-form-group">
<input class="app-form-control" placeholder="CONTACT NO">
</div>
<div class="app-form-group message">
<input class="app-form-control" placeholder="MESSAGE">
</div>
<div class="app-form-group buttons">
<button class="app-form-button">CANCEL</button>
<button class="app-form-button">SEND</button>

</div>
</div>
</div>
</div>
</div>



</body>
</html>
Loading