Skip to content
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

Jump to bottom

issue no.2 resolved #23

Merged
merged 3 commits into from
Oct 7, 2022
Merged

issue no.2 resolved #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
87d158b
issue no.2 resolved
Aastha290 Oct 6, 2022
446a7fd
issue no.13 resolved
Aastha290 Oct 6, 2022
75efa45
issue no.4 resolved
Aastha290 Oct 7, 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
34 changes: 34 additions & 0 deletions Aastha-13/index.html
View file
Open in desktop
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>
113 changes: 113 additions & 0 deletions Aastha-13/style.css
View file
Open in desktop
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 added Aastha-Flex/Doraemon.webp
View file
Open in desktop
Binary file not shown.
16 changes: 16 additions & 0 deletions Aastha-Flex/prog2.css
View file
Open in desktop
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;
}
16 changes: 16 additions & 0 deletions Aastha-Flex/prog2.html
View file
Open in desktop
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>
66 changes: 66 additions & 0 deletions Aastha/prog1.html
View file
Open in desktop
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>
Loading