Merge branch 'E-Cell-VSSUT:main' into main

E-Cell-VSSUT · Oct 29, 2022 · 2bf58dc · 2bf58dc
2 parents b0de97e + d0915f8
commit 2bf58dc
Show file tree

Hide file tree

Showing 31 changed files with 1,102 additions and 0 deletions.
diff --git a/PrachiSuman2/login.css b/PrachiSuman2/login.css
@@ -0,0 +1,54 @@
+body  
+{  
+    margin: 0;  
+    padding: 0;  
+    background-color:#f9fbfc;  
+    font-family: 'Arial';  
+}  
+.login{  
+        width: 382px;  
+        overflow: hidden;  
+        margin: auto;  
+        margin: 20 0 0 450px;  
+        padding: 80px;  
+        background: #aca6a6;  
+
+
+}  
+h2{  
+    text-align: center;  
+    color: #333738;  
+    padding: 20px;  
+}  
+label{  
+    color: #020106;  
+    font-size: 17px;  
+}  
+#Email{  
+    width: 300px;  
+    height: 30px;  
+    border: none;  
+    padding-left: 8px;  
+}  
+#Pass{  
+    width: 300px;  
+    height: 30px;  
+    border: none;  
+    padding-left: 8px;  
+
+}  
+#log{  
+    width: 300px;  
+    height: 30px;  
+    border: none;  
+    padding-left: 7px;
+    border-radius: 24px;  
+    color: rgb(53, 33, 33);  
+
+
+}  
+a{  
+    float: right;  
+    background-color: grey;  
+} 
+
diff --git a/PrachiSuman2/login.html b/PrachiSuman2/login.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>    
+<html>    
+<head>    
+    <title>Login Form</title>    
+    <link rel="stylesheet" type="text/css" href="login.css">    
+</head>    
+<body>    
+    <h2>Login Page</h2><br>    
+    <div class="login">    
+    <form id="login" method="get" action="login.php">    
+        <label><b>Email Address:      
+        </b>    
+        </label>    
+        <input type="text" name="Email" id="Email" placeholder="@gmail.com">    
+        <br><br>    
+        <label><b>Password:    
+        </b>    
+        </label>    
+        <input type="Password" name="Pass" id="Pass" placeholder="Password">    
+        <br><br>    
+        <input type="button" name="log" id="log" value="Log In">       
+        <br><br>   
+        <div><a href="#">Forgot Password</a></div>    
+    </form>     
+</div>    
+</body>    
+</html>   
diff --git a/PrachiSuman3/car.jpg b/PrachiSuman3/car.jpg
diff --git a/PrachiSuman3/index.html b/PrachiSuman3/index.html
@@ -0,0 +1,15 @@
+<!doctype HTML>
+<html>
+ <head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Flower</title>
+  <link rel="stylesheet" href="style.css" />
+ </head>
+ <body>
+  <h1>Here we go </h1>
+      <div>
+        <img src="car.jpg" alt="Aston Martin"/>
+      </div>
+ </body>
+</html>
diff --git a/PrachiSuman3/style.css b/PrachiSuman3/style.css
@@ -0,0 +1,12 @@
+div {
+    text-align: center;
+}
+
+h1 {
+    text-align: center;
+}
+
+img {
+    width: 50%;
+    height: 30%;
+}
diff --git a/Rabin Kumar Agrawalla/issue 5/img.jpg b/Rabin Kumar Agrawalla/issue 5/img.jpg
diff --git a/Rabin Kumar Agrawalla/issue 5/index.html b/Rabin Kumar Agrawalla/issue 5/index.html
@@ -0,0 +1,13 @@
+<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="styles.css">
+</head>
+<body>
+    <div class="img">
+        <img src="img.jpg" alt=" ">
+    </div>
+</body>
+</html>
diff --git a/Rabin Kumar Agrawalla/issue 5/styles.css b/Rabin Kumar Agrawalla/issue 5/styles.css
@@ -0,0 +1,6 @@
+.img img{
+    width: 50%;
+    display: block;
+    margin: auto;
+    margin-top: 200px;
+}
diff --git a/Samrit krushan/Samrit Krushan #5/Create transform ,transition using css.html b/Samrit krushan/Samrit Krushan #5/Create transform ,transition using css.html
@@ -0,0 +1,24 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+<style> 
+div {
+  width: 200px;
+  height: 200px;
+  background: blue;
+  transition: width 4s, height 4s, transform 6s;
+}
+div:hover {
+  width: 400px;
+  height: 400px;
+  transform: rotate(720deg);
+}
+</style>
+</head>
+<body>
+<h1>Transition + Transform</h1>
+<p>keep your mouse pointer over the element:</p>
+<div></div>
+</body>
+</html>
diff --git a/Santosh Contact/.vscode/settings.json b/Santosh Contact/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/Santosh Contact/index.html b/Santosh Contact/index.html
@@ -0,0 +1,52 @@
+<!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>
+    <section id="contact">
+        <h1 class="h-primary center">Contact Us</h1>
+        <div id="contact-box">
+            <form action="">
+                <div class="form-group">
+                    <label for="name">Name:</label>
+                    <input type="text" name="name" id="name"
+                    placeholder="Enter Your Name">
+                </div>
+                <div class="form-group">
+                    <label for="name">E-Mail:</label>
+                    <input type="email" name="name" id="E-Mail"
+                    placeholder="Enter Your E-Mail">
+                </div>
+                <div class="form-group">
+                    <label for="name">Contact-Number:</label>
+                    <input type="number" name="name" id="contact-number"
+                    placeholder="Enter Your Contact-Number">
+                </div>
+                <div class="form-group">
+                    <label for="name">Feedback:</label>
+                    <textarea name="feedback" id="feedback" cols="30" rows="10"></textarea>
+                </div>
+                <div class="form-group">
+                    <label for="name">SUBMIT</label>
+                <input type="submit" value="submit now">
+                </div>
+                <div class="form-group">
+                    <label for="name">RESET</label>
+                <input type="reset" value="reset now">
+                </div>
+            </form>
+        </div>
+    </section>
+
+
+    <footer>
+        <div class="center">
+            Copyright @2k22 &copy;www.ssdevelopers.com. 
+        </div>
+</body>
+</html>
diff --git a/Santosh Contact/style.css b/Santosh Contact/style.css
@@ -0,0 +1,46 @@
+body{
+    background-color: rgba(106, 149, 235, 0.823);
+}
+.h-primary{
+    font-size: 2.8rem;
+    padding: 12px;
+    font-family: 'Kdam Thmor Pro', sans-serif;
+}
+.center{
+    text-align:center;
+}
+#contact{
+    position: relative;
+}
+#contact::before{
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    /*z-index: -1;
+    opacity: 0.8;*/
+}
+#contact-box{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-bottom: 34px;
+}
+#contact-box input,
+#contact-box textarea{
+    width: 100%;
+    padding: 0.3rem;
+    border-radius: 10px;
+    font-size: 1.1rem;
+}
+#contact-box form{
+    width: 50%;
+}
+#contact-box label{
+    font-size: 1.1rem;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+}
+footer{
+    background-color: black;
+    color: white;
+}
diff --git a/Santosh Landing page/index.html b/Santosh Landing page/index.html
@@ -0,0 +1,26 @@
+<!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>Center an image without using flexbox</title>
+    <style>
+        img{
+            width:350px;
+            height: 350px;
+        }
+        .container{
+            display: grid;
+            place-items: center;
+            padding-top: 116px;
+            padding-bottom: 116px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <img src="landing page.jpg" alt="no image found">
+    </div>
+</body>
+</html>
diff --git a/Santosh Landing page/landing page.jpg b/Santosh Landing page/landing page.jpg
diff --git a/Santosh Navbar/index.html b/Santosh Navbar/index.html
@@ -0,0 +1,27 @@
+<!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>Best Online Food Delivery/Foodiephile.com</title>
+    <link rel="stylesheet" href="style.css">
+    <link
+      href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Fascinate&family=Indie+Flower&family=Kdam+Thmor+Pro&family=Macondo&family=My+Soul&family=Orbitron&family=Shadows+Into+Light&family=Tapestry&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+
+  <body>
+    <nav id="navbar">
+
+      <ul>
+        <li class="item"><a href="">Home</a></li>
+        <li class="item"><a href="">Services</a></li>
+        <li class="item"><a href="">About Us</a></li>
+        <li class="item"><a href="">Contact Us</a></li>
+      </ul>
+    </nav>
+  </body>
+</html>
+
diff --git a/Santosh Navbar/style.css b/Santosh Navbar/style.css
@@ -0,0 +1,44 @@
+
+*{
+    margin: 0;
+    padding: 0;
+}
+
+:root{
+    --navbar-height:59px;
+}
+
+#navbar{
+    display: flex;
+    align-items: center;
+    position: relative;
+    top: 0;
+}
+
+#navbar ul{
+    display: flex;
+}
+#navbar::before{
+    content: "";
+    background-color: rgb(0, 0, 0);
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    z-index: -1;
+    opacity: 0.4;
+}
+#navbar ul li{
+    list-style: none;
+    font-size: 1.3rem;
+}
+#navbar ul li a{
+    color: rgb(32, 233, 247);
+    display: block;
+    padding: 30px 20px;
+    border-radius: 20px;
+    text-decoration: none;
+}
+#navbar ul li a:hover{
+    color: rgb(101, 9, 9);
+    background-color: aqua;
+}