From 57af03821e362c357498ec6b4b5866f63c81c690 Mon Sep 17 00:00:00 2001 From: Quratulain Arif <154021980+ainycodes@users.noreply.github.com> Date: Sun, 3 Nov 2024 00:45:25 +0500 Subject: [PATCH 1/3] Update index.html --- index.html | 199 +++++++++++++++++++++++++++++++---------------------- 1 file changed, 117 insertions(+), 82 deletions(-) diff --git a/index.html b/index.html index de38797..f1a2359 100644 --- a/index.html +++ b/index.html @@ -1,89 +1,124 @@ - - - Programmers Survey Form - + + + Programmers Survey Form + -
-

Programmers Voice! Tell us your choice!

+
+ +

Programmers Voice!
Tell us your choice!

We love to know about which technology and tools software engineers are using world wide! Each and every Developers opinions are very precious to us!

-
-
-
-
- -
-
- -
-
- - -
- -
-
-
- Full-time job holder.(Employed)
- Part-time job holder.(Freelancer)
- Looking for a job.(Applier)
- I am a student.(Unemployed) -
-

-
- I am experienced with Windows-OS
- I am experienced with Linux-OS
- I am experienced with Mac-OS
-
- - -


-
- Flutter UI
- Node.js
- Tensorflow
- Github
- Dev-Ops
-
- - -


-
-

- -
-
-
- + +
+ + +

+ + +

+ + +

+ + +

+ +
+
+
+ + +

+
+ + +

+
+ + +

+
+ + +
+

+ +
+
+
+ + +

+
+ + +

+
+ + +
+

+ + +

+ +
+
+
+ + +

+
+ + +

+
+ + +

+
+ + +

+
+ + +
+

+ + +

+ + + +
+
+ + + + - - \ No newline at end of file + From 7eeb0ef65fbd2ce84a532d8f8c69e15495f6caa3 Mon Sep 17 00:00:00 2001 From: Quratulain Arif <154021980+ainycodes@users.noreply.github.com> Date: Sun, 3 Nov 2024 00:45:53 +0500 Subject: [PATCH 2/3] Update style.css --- css/style.css | 195 +++++++++++++++++++++++++++++++------------------- 1 file changed, 123 insertions(+), 72 deletions(-) diff --git a/css/style.css b/css/style.css index 4e52ffb..4b0bb55 100644 --- a/css/style.css +++ b/css/style.css @@ -1,76 +1,127 @@ -/* google font */ -@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); - -/* css reset */ - *{ - margin: 0; - padding: 0; - box-sizing: border-box; - } - - body { - font-family: 'Raleway', sans-serif; - background-image: url("../images/Background.jpg"); - width: 100%; - height: auto; - background-repeat: no-repeat; - background-size: cover; - background-color: #45b6eb; - color: #fff; - font-size: 1.2vw; - } - - #heading { - max-width: 750px; - margin: 4rem auto; - padding: .6rem; - } - #main { - padding: 0% 20% 0% 20%; - } - - #title { - font-size: 2.2rem; - text-align: center; - line-height: 1.2; - padding: .6rem; - } - - #description { - font-size: 1.1rem; - text-align: center; - padding: .2rem; - } - - #survey-form { - background-color: #2222425d; - padding: 3rem 2.5rem; - border-radius: 7px; - } - - #submit { - background: #22d87d; - color: #fff; - padding: .7rem; - font-size: 1.15rem; - cursor: pointer; - } - - #submit:hover { - background: rgb(9, 168, 89); - } - -.form { +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600;700;800'); + +body { + font-family: 'Poppins', sans-serif; + background-image: url('https://img.freepik.com/free-vector/big-meeting-room-concept-illustration_114360-24589.jpg?t=st=1720079277~exp=1720082877~hmac=56dd244c77917795eeb15897bfcb41975b85b27005cf853681876bb4a897908c&w=996'); + background-repeat: repeat; + background-size: fit; + opacity: 0.9; + margin: 0; + padding: 0; +} + +#container { + background-color: #6a5acd; + opacity: 1; + margin: 0 auto; + padding: 50px; + text-align: center; + color: #ffffff; +} + +#title, #description { + color: #ffffff; +} + +#description { + font-size: 18px; + font-style: italic; +} + +#survey-form { + background-color: #f6f6f6; + max-width: 800px; + padding: 40px; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + text-align: left; +} + +label { + display: block; + margin-bottom: 5px; + color: #6a5acd; + font-size: 18px; + font-weight: 600; +} + +input[type="text"], input[type="email"], input[type="number"], select, textarea { width: 100%; - padding: .7rem; - border-radius: 6px; - font-size: 1.0rem; - border: none; + padding: 10px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 5px; + font-family: inherit; + font-size: 16px; + font-weight: 600; + color: #f8554e; + background-color: #ffffff; +} + +input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, select:hover, textarea:hover { + border-color: #f8554e; + background-color: #f6f6f6; +} + +input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, textarea::placeholder { + color: #808080; } - @media only screen and (max-width:480px){ +option{ + font-weight:600; +} - #main { - padding: 0% 0% 0% 0%; - } - } \ No newline at end of file +input[type="radio"], input[type="checkbox"] { + display: none; +} + +input[type="radio"] + label, input[type="checkbox"] + label { + display: inline-block; + position: relative; + padding-left: 30px; + cursor: pointer; + line-height: 10px; + color: #f8554e; + word-wrap:wrap; +} + +input[type="radio"] + label:before, input[type="checkbox"] + label:before { + content: ''; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + border: 2px solid #f8554e; + border-radius: 50%; + transition: background-color 0.3s ease; + word-wrap:wrap; +} + +input[type="checkbox"] + label:before { + border-radius: 5px; +} + +input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before { + background-color: #f8554e; +} + +button { + background-color: #6a5acd; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + width: 100%; + font-family: 'Roboto', sans-serif; + font-weight: 700; + font-size: medium; +} + +button:hover { + background-color: #f8554e; + color: #fff; +} From 3c00205ed022691c1b69fe7280507d821a51e360 Mon Sep 17 00:00:00 2001 From: Quratulain Arif <154021980+ainycodes@users.noreply.github.com> Date: Sun, 3 Nov 2024 20:58:24 +0500 Subject: [PATCH 3/3] Update index.html --- index.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index f1a2359..624545d 100644 --- a/index.html +++ b/index.html @@ -59,15 +59,15 @@

Programmers Voice!
Tell us your choice!


- +

- +

- +

@@ -88,23 +88,23 @@

Programmers Voice!
Tell us your choice!


- +

- +

- +

- +

- +