diff --git a/Aastha-13/index.html b/Aastha-13/index.html new file mode 100644 index 00000000..438112fe --- /dev/null +++ b/Aastha-13/index.html @@ -0,0 +1,34 @@ + + + + + + + Contact us + + + +
+
+

Contact Form

+

Contact us for any query

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+

Designed by Aastha

+
+
+ + \ No newline at end of file diff --git a/Aastha-13/style.css b/Aastha-13/style.css new file mode 100644 index 00000000..b859527b --- /dev/null +++ b/Aastha-13/style.css @@ -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; +} \ No newline at end of file diff --git a/Aastha-Flex/Doraemon.webp b/Aastha-Flex/Doraemon.webp new file mode 100644 index 00000000..055a1992 Binary files /dev/null and b/Aastha-Flex/Doraemon.webp differ diff --git a/Aastha-Flex/prog2.css b/Aastha-Flex/prog2.css new file mode 100644 index 00000000..3e46a2c9 --- /dev/null +++ b/Aastha-Flex/prog2.css @@ -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; + } \ No newline at end of file diff --git a/Aastha-Flex/prog2.html b/Aastha-Flex/prog2.html new file mode 100644 index 00000000..d13641bf --- /dev/null +++ b/Aastha-Flex/prog2.html @@ -0,0 +1,16 @@ + + + + + + Flex Box + + + + +
+ Doraemon +
+ + + \ No newline at end of file diff --git a/Aastha/prog1.html b/Aastha/prog1.html new file mode 100644 index 00000000..57036888 --- /dev/null +++ b/Aastha/prog1.html @@ -0,0 +1,66 @@ + + + + + + + login-form + + + + +
+
+
+
+
+

+
+
+ +
+
+

STUDENT LOGIN

+
+ +
+
+ + +
+
+ + + +
+
+ +
+
+
+
+
+
+ + + +
+
+ Forgot Password +
+
+


© Veer Surendra Sai University of Technology

+
+
+
+
+ +
+ +
+
+ + + \ No newline at end of file diff --git a/Aastha/style.css b/Aastha/style.css new file mode 100644 index 00000000..d462077c --- /dev/null +++ b/Aastha/style.css @@ -0,0 +1,152 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins:200i,400&display=swap'); + +:root { + --color-white: #f3f3f3; + --color-green: #37af7f; +} + +*, +*::before, +*::after { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +body { + font-family: 'Poppins', sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.4; + color: var(--color-white); + margin: 0; +} + +body::before { + content: ''; + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: -1; + background-image: linear-gradient(115deg, rgba(58, 58, 158, 0.8), rgba(136, 136, 206, 0.7)), + url(https://images.fastcompany.net/image/upload/w_1280,f_auto,q_auto,fl_lossy/wp-cms/uploads/2019/04/p-1-apple-security.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + +.loginbox { + background-color: rgba(0, 0, 0, 0.6); + padding: 0px 30px 10px 30px; + border-bottom: 5px solid #18A689; + margin-top: 20px; +} + +h1 { + font-weight: 400; + line-height: 1.2; +} + +p { + font-size: 1.125rem; +} + +h1, +p { + margin-top: 0; + margin-bottom: 0.5rem; +} + +label { + display: flex; + align-items: center; + font-size: 1.125rem; + margin-bottom: 0.5rem; +} + +input, +button, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +.text-center { + text-align: center; +} + +.container { + width: 50%; + margin: 2.125rem auto 0 auto; +} + +.header { + padding: 0 0.625rem; + margin-bottom: 1rem; +} + +form { + padding: 2.5rem 0.625rem; + border-radius: 0.25rem; +} + +.form-group { + margin: 0 auto 1.25rem auto; + padding: 0.25rem; +} + +.form-control { + display: block; + width: 100%; + height: 2.375rem; + padding: 0.375rem 0.75rem; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.8rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-group2, +.form-group3 { + display: flex; + justify-content: space-between; +} + +.sub-button .btn { + display: block; + width: 100%; + padding: 0.75rem 0.30rem; + color: inherit; + border-radius: 0.8rem; + background-clip: padding-box; + border: none; + cursor: pointer; + background-color: var(--color-green); +} + + +/* @media queries */ + +@media (min-width: 480px) { + form { + padding: 2.5rem; + } +} + +@media (min-width: 576px) { + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} \ No newline at end of file