letdummy · harshwardhan18t · Oct 4, 2022
diff --git a/Responsive login form/Images/bg.svg b/Responsive login form/Images/bg.svg
diff --git a/Responsive login form/Images/logo.png b/Responsive login form/Images/logo.png
diff --git a/Responsive login form/icons/email.svg b/Responsive login form/icons/email.svg
diff --git a/Responsive login form/icons/password lock.svg b/Responsive login form/icons/password lock.svg
diff --git a/Responsive login form/index.html b/Responsive login form/index.html
@@ -0,0 +1,37 @@
+<!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" href="style.css">
+</head>
+
+<body>
+    <div class="contact-container">
+        <div class="right">
+            <h1 class="title">Sign Into Account</h1>
+            <img class="logo" src="images/logo.png" alt="">
+            <div class="form-container">
+                <div class="username">
+                    <img class="icon email-icon" src="icons/email.svg" alt="">
+                    <input type="email" class="user-input" placeholder="E-Mail">
+                </div>
+                <div class="password">
+                    <img class="icon password-icon" src="icons/password lock.svg" alt="">
+                    <input type="password" class="pass-input" placeholder="Password">
+                </div>
+                <div class="keepme">
+                    <input type="checkbox" checked="true">
+                    Keep Me Logged In
+                </div>
+                <button type="submit">Go !</button>
+                <a href="#" class="link">Forgot Password</a>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/Responsive login form/style.css b/Responsive login form/style.css
@@ -0,0 +1,125 @@
+@import url("http://fonts.cdnfonts.com/css/sansation");
+@import url("https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap");
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.contact-container {
+  background-image: url(images/bg.svg);
+  background-size: cover;
+  height: 100vh;
+}
+
+.right {
+  position: absolute;
+  width: 360px;
+  left: 60%;
+  height: 580px;
+  top: calc(50% - 580px / 2);
+  background: #ffffff;
+  border-radius: 25px;
+  text-align: center;
+}
+
+.title {
+  font-family: Sansation;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 25px;
+  line-height: 145px;
+  align-items: center;
+  font-family: "Sansation", sans-serif;
+  color: #5754dd;
+}
+
+.logo {
+  width: 120px;
+  height: 120px;
+  margin-top: -40px;
+}
+
+input[type="email"],
+input[type="password"] {
+  border: none;
+  outline: none;
+  background: none;
+  font-size: 20px;
+  color: #85b6ff;
+  padding: 20px 10px 20px 5px;
+  border: 2px solid #568aee;
+  width: 280px;
+  height: 45px;
+  margin: 15px;
+  border-radius: 25px;
+  box-sizing: border-box;
+  text-align: center;
+  overflow: hidden;
+  font-family: "Scheherazade New", serif;
+}
+
+input[type="checkbox"] {
+  vertical-align: middle;
+  margin-right: 3px;
+  margin-bottom: 3px;
+  font-weight: bold;
+  height: 18px;
+  width: 18px;
+}
+
+::placeholder {
+  color: #85b6ff;
+  font-size: 18px;
+}
+
+.icon {
+  position: absolute;
+  padding: 24px 32px;
+  height: 75px;
+  width: 90px;
+}
+
+.keepme {
+  margin: 15px;
+  color: #71a1bd;
+  font-family: "Scheherazade New", serif;
+  font-weight: bold;
+}
+
+button {
+  width: 260px;
+  height: 45px;
+  left: 1273px;
+  top: 780px;
+  font-family: "Sansation", sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 20px;
+  line-height: 28px;
+  cursor: pointer;
+  color: #ffffff;
+  border: none;
+  background: rgba(135, 113, 224, 0.89);
+  border-radius: 25px;
+}
+
+.link {
+  text-align: center;
+  display: block;
+  margin: 18px;
+  color: #71a1bd;
+  font-family: "Scheherazade New", serif;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+@media only screen and (max-width: 700px) {
+  .contact-container {
+    background: linear-gradient(138.56deg, #318adc 23.44%, #88183a 89.5%);
+  }
+  .right {
+    left: calc(68% - 500px / 2);
+  }
+}
diff --git a/Rock Paper Scissors/kagit.png b/Rock Paper Scissors/kagit.png
diff --git a/Rock Paper Scissors/makas.png b/Rock Paper Scissors/makas.png
diff --git a/Rock Paper Scissors/tas.png b/Rock Paper Scissors/tas.png
diff --git a/Rock Paper Scissors/taskagıtmakas.css b/Rock Paper Scissors/taskagıtmakas.css
@@ -0,0 +1,133 @@
+body {
+    padding: 0;
+    margin: 0;
+    background: #ededed;
+    font-family: Verdana;
+    width:100%;
+}
+#container {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+}
+#topBox{
+    width:425px;
+    margin:0 auto;
+}
+#tas, #kagit, #makas {
+    display: block;
+    float: left;
+    width: 120px;
+    height: 150px;
+    border: 2px solid #333;
+    margin: 5px;
+}
+#image1 {
+    width: 100%;
+    height: 81%;
+    background: url(tas.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+#image2 {
+    width: 100%;
+    height: 81%;
+    background: url(kagit.png);
+    background-position:center;
+    background-repeat:no-repeat;
+    background-size:cover;
+}
+#image3 {
+    width: 100%;
+    height: 81%;
+    background: url(makas.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+#tas p, #kagit p, #makas p{
+    text-align:center;
+    padding:0;
+    margin:5px;
+}
+#botBox {
+    width:800px;
+    height: 300px;
+    border: 2px solid #333;
+    margin-top:170px;
+}
+#left {
+    display: block;
+    width: 395px;
+    float: left;
+    height: 100%;
+}
+#right {
+    display: block;
+    float: right;
+    width: 395px;
+    height: 100%;
+}
+.player{
+    font-family: Verdana;
+    font-weight:bold;
+    color:#ff7c2b;
+    text-shadow:0px 0px 1px #000;
+    margin-left:100px;
+}
+#leftPhoto {
+    width: 200px;
+    height: 200px;
+    position:absolute;
+    top:250px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    margin-left:50px;
+    border:2px solid #262626;
+    border-radius:20px;
+}
+#rightPhoto {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    top: 250px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    margin-left: 50px;
+    border: 2px solid #262626;
+    border-radius: 20px;
+}
+.result{
+    width:200px;
+    height:50px;
+    margin:0 auto;
+    border:2px solid #262626;
+}
+.py1 {
+    float: left;
+    width: 50%;
+    height: 100%;
+    background: #116900;
+    color: #fff;
+    line-height: 45px;
+    text-align: center;
+    font-size:24px;
+}
+.py2 {
+    float: right;
+    width: 50%;
+    height: 100%;
+    background: #7c1200;
+    color: #fff;
+    line-height: 45px;
+    text-align: center;
+    font-size: 24px;
+}
+#secim1, #secim2{
+    margin-left:125px;
+    font-family:sans-serif
+}