diff --git a/Responsive login form/Images/bg.svg b/Responsive login form/Images/bg.svg new file mode 100644 index 0000000..2ebd6d6 --- /dev/null +++ b/Responsive login form/Images/bg.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/Responsive login form/Images/logo.png b/Responsive login form/Images/logo.png new file mode 100644 index 0000000..bbeb9b4 Binary files /dev/null and b/Responsive login form/Images/logo.png differ diff --git a/Responsive login form/icons/email.svg b/Responsive login form/icons/email.svg new file mode 100644 index 0000000..4c8aab6 --- /dev/null +++ b/Responsive login form/icons/email.svg @@ -0,0 +1,3 @@ + + + diff --git a/Responsive login form/icons/password lock.svg b/Responsive login form/icons/password lock.svg new file mode 100644 index 0000000..dd42bff --- /dev/null +++ b/Responsive login form/icons/password lock.svg @@ -0,0 +1,3 @@ + + + diff --git a/Responsive login form/index.html b/Responsive login form/index.html new file mode 100644 index 0000000..3432753 --- /dev/null +++ b/Responsive login form/index.html @@ -0,0 +1,37 @@ + + + + + + + + Login form + + + + +
+
+

Sign Into Account

+ +
+
+ + +
+
+ + +
+
+ + Keep Me Logged In +
+ + Forgot Password +
+
+
+ + + \ No newline at end of file diff --git a/Responsive login form/style.css b/Responsive login form/style.css new file mode 100644 index 0000000..2bcb392 --- /dev/null +++ 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 new file mode 100644 index 0000000..cf7778f Binary files /dev/null and b/Rock Paper Scissors/kagit.png differ diff --git a/Rock Paper Scissors/makas.png b/Rock Paper Scissors/makas.png new file mode 100644 index 0000000..9e49247 Binary files /dev/null and b/Rock Paper Scissors/makas.png differ diff --git a/Rock Paper Scissors/tas.png b/Rock Paper Scissors/tas.png new file mode 100644 index 0000000..ca90f3c Binary files /dev/null and b/Rock Paper Scissors/tas.png differ diff --git "a/Rock Paper Scissors/taskag\304\261tmakas.css" "b/Rock Paper Scissors/taskag\304\261tmakas.css" new file mode 100644 index 0000000..3be79ba --- /dev/null +++ "b/Rock Paper Scissors/taskag\304\261tmakas.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 +} \ No newline at end of file diff --git "a/Rock Paper Scissors/taskag\304\261tmakas.html" "b/Rock Paper Scissors/taskag\304\261tmakas.html" new file mode 100644 index 0000000..cfbc65f --- /dev/null +++ "b/Rock Paper Scissors/taskag\304\261tmakas.html" @@ -0,0 +1,137 @@ + + + + + + page + + + + + +
+
+
+

TAŞ

+
+
+
+

KAĞIT

+
+
+
+

MAKAS

+
+
+
+
+
+

OYUNCU 1

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