-
Notifications
You must be signed in to change notification settings - Fork 116
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #23 from Aastha290/main
issue no.2 resolved
- Loading branch information
Showing
7 changed files
with
397 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
<!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>Contact us</title> | ||
<link rel="stylesheet" href="style.css"> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
<form id="contact" action="" method="post"> | ||
<h3>Contact Form</h3> | ||
<h4>Contact us for any query</h4> | ||
<fieldset> | ||
<input placeholder="Your name" type="text" tabindex="1" required autofocus> | ||
</fieldset> | ||
<fieldset> | ||
<input placeholder="Your Email Address" type="email" tabindex="2" required> | ||
</fieldset> | ||
<fieldset> | ||
<input placeholder="Your Phone Number (optional)" type="tel" tabindex="3" required> | ||
</fieldset> | ||
<fieldset> | ||
<textarea placeholder="Type your message here...." tabindex="5" required></textarea> | ||
</fieldset> | ||
<fieldset> | ||
<button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Submit</button> | ||
</fieldset> | ||
<p class="copyright">Designed by <a href="https://github.com/" target="_blank" title="Aastha">Aastha</a></p> | ||
</form> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,113 @@ | ||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic); | ||
* { | ||
margin: 0; | ||
padding: 0; | ||
box-sizing: border-box; | ||
-moz-box-sizing: border-box; | ||
-moz-font-smoothing: antialiased; | ||
-o-font-smoothing: antialiased; | ||
font-smoothing: antialiased; | ||
text-rendering: optimizeLegibility; | ||
} | ||
|
||
body { | ||
font-family: "Roboto", Helvetica, Arial, sans-serif; | ||
font-weight: 100; | ||
font-size: 12px; | ||
line-height: 30px; | ||
color: rgb(235, 231, 231); | ||
background: #9e4089; | ||
} | ||
|
||
.container { | ||
max-width: 400px; | ||
width: 100%; | ||
margin: 0 auto; | ||
position: relative; | ||
} | ||
|
||
#contact input[type="text"], | ||
#contact input[type="email"], | ||
#contact input[type="tel"], | ||
#contact textarea, | ||
#contact button[type="submit"] { | ||
font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif; | ||
} | ||
|
||
#contact { | ||
background: #380868; | ||
padding: 25px; | ||
margin: 150px 0; | ||
box-shadow: 0 0 20px 0 rgba(155, 37, 37, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); | ||
} | ||
|
||
#contact h3 { | ||
display: block; | ||
font-size: 30px; | ||
font-weight: 300; | ||
margin-bottom: 10px; | ||
} | ||
|
||
#contact h4 { | ||
margin: 5px 0 15px; | ||
display: block; | ||
font-size: 13px; | ||
font-weight: 400; | ||
} | ||
|
||
fieldset { | ||
border: medium none !important; | ||
margin: 0 0 10px; | ||
min-width: 100%; | ||
padding: 0; | ||
width: 100%; | ||
} | ||
|
||
#contact input[type="text"], | ||
#contact input[type="email"], | ||
#contact input[type="tel"], | ||
#contact input[type="url"], | ||
#contact textarea { | ||
width: 100%; | ||
border: 1px solid #ccc; | ||
background: #FFF; | ||
margin: 0 0 5px; | ||
padding: 10px; | ||
} | ||
|
||
#contact input[type="text"]:hover, | ||
#contact input[type="email"]:hover, | ||
#contact input[type="tel"]:hover, | ||
#contact textarea:hover { | ||
-webkit-transition: border-color 0.3s ease-in-out; | ||
-moz-transition: border-color 0.3s ease-in-out; | ||
transition: border-color 0.3s ease-in-out; | ||
border: 1px solid #aaa; | ||
} | ||
|
||
#contact textarea { | ||
height: 100px; | ||
max-width: 100%; | ||
resize: none; | ||
} | ||
|
||
#contact button[type="submit"] { | ||
cursor: pointer; | ||
width: 100%; | ||
border: none; | ||
background: #9e4089; | ||
color: #FFF; | ||
margin: 0 0 5px; | ||
padding: 10px; | ||
font-size: 15px; | ||
} | ||
|
||
.copyright { | ||
text-align: center; | ||
} | ||
|
||
#contact input:focus, | ||
#contact textarea:focus { | ||
outline: 0; | ||
border: 1px solid #aaa; | ||
} |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
.flexbox { | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
width:50%; | ||
min-height:80vh; | ||
margin:auto; | ||
border:1px solid; | ||
} | ||
.flexbox img { | ||
display: block; | ||
width: 80%; | ||
height: 50%; | ||
height: auto; | ||
margin: auto; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Flex Box</title> | ||
<link rel="stylesheet" href="prog2.css"/> | ||
</head> | ||
<body> | ||
|
||
<div class="flexbox"> | ||
<img src="https://img1.hotstarext.com/image/upload/f_auto,t_web_m_1x/sources/r1/cms/prod/3422/753422-v" width="350" height="250" alt="Doraemon"> | ||
</div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,66 @@ | ||
<!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>login-form</title> | ||
<link rel="stylesheet" type="text/css" href="style.css" /> | ||
</head> | ||
|
||
<body> | ||
<div class="middle-box text-center loginscreen animated fadeInDown"> | ||
<div class="loginbox"> | ||
<br /> | ||
<div> | ||
<center> | ||
<h3 class="logo-name"><img id="img" class="img-responsive img" | ||
src="https://2.bp.blogspot.com/-JgduteoM9QQ/V3PElJNo5HI/AAAAAAAAANA/dfC1VOrWE24nG7cnd7PEaDUu3yY1nzlXgCLcB/s1600/new%2Blogo%2Bcopy.png" | ||
style="height:150px;width:150px;" /></h3> | ||
</center> | ||
</div> | ||
|
||
<div class="container"> | ||
<header class="header"> | ||
<h1 id="title" class="text-center">STUDENT LOGIN</h1> | ||
</header> | ||
|
||
<form id="login-form"> | ||
<div class="form-group"> | ||
<label id="name-label" for="name">Username</label> | ||
<input type="text" name="name" id="name" class="form-control" placeholder="Regd. No" required /> | ||
</div> | ||
<div class="form-group"> | ||
<label id="password-field" for="password">Password</label> | ||
<input type="password" name="password" id="password" class="form-control" placeholder="Password" required /> | ||
<span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span> | ||
</div> | ||
<div class="sub-button"> | ||
<button type="submit" class="btn btn-primary submit px-3">Log In</button> | ||
</div> | ||
<div class="form-group"> | ||
<div class="form-group d-md-flex"> | ||
<div class="w-50"> | ||
<div class="form-group2"> | ||
<div class="form-group3"> | ||
<input type="checkbox" checked=""> | ||
<span class="checkmark"></span> | ||
<label class="checkbox-wrap checkbox-primary">Remember Me</label> | ||
</div> | ||
<div class="w-50 text-md-right"> | ||
<a href="#" style="color: #fff">Forgot Password</a> | ||
</div> | ||
</div> | ||
<p class="text-center text-white"><small><br />© <span id="lblCollegeName">Veer Surendra Sai University of Technology</span></small></p> | ||
</div> | ||
</div> | ||
</div> | ||
</form> | ||
|
||
</div> | ||
|
||
</div> | ||
</div> | ||
</body> | ||
|
||
</html> |
Oops, something went wrong.