diff --git a/Ishika250/google form/index.html b/Ishika250/google form/index.html new file mode 100644 index 0000000..20849e1 --- /dev/null +++ b/Ishika250/google form/index.html @@ -0,0 +1,53 @@ + + + + + + Google Form + + + + +
+
+

Frontend Freaks

+

This is a google form. This form is created with HTML and CSS.

+

*Required

+
+ +
+
+ What is your name?* +
+
+ +
+
+ +
+
Enter your college name.
+
+ +
+
+ +
+
Enter your email.*
+
+ +
+
+ +
+
Enter your mobile no.
+
+ +
+
+ +
+ +
+
+ + diff --git a/Ishika250/google form/style.css b/Ishika250/google form/style.css new file mode 100644 index 0000000..cbd4b10 --- /dev/null +++ b/Ishika250/google form/style.css @@ -0,0 +1,75 @@ +body { + background-color: #ede7f6; + font-family: Roboto, Sans-serif; +} + +.form { + height: 1100px; + width: 600px; + margin: auto; +} + +.required { + font-size: 13px; + color: red; +} + +.title-div { + height: 150px; + width: 600px; + background-color: #FDFEFE; + margin: 15px; + border-radius: 8px; + border-top: 8px solid #6703c4; + padding: 25px; +} + +.name-div, .college-div, .gmail-div, .mobile-div { + height: 150px; + width: 650px; + background-color: #FDFEFE; + margin: 15px; + border-radius: 8px; +} + +.name { + padding-top: 20px; + padding-left: 25px; + padding-bottom: 25px; + font-size: 15px; +} + +.input-div { + padding-top: 25px; + padding-left: 25px; +} + +.input-div input { + width: 300px; + border: 0; + outline: 0; + border-bottom: 1.5px solid #DCD7D7; + font-size: 15px; +} + +.btn { + height: 36px; + width: 100px; + background-color: #6703c4; + border-radius: 5px; + font-size: 14px; + letter-spacing: .5px; + font-weight: 540; + border: none; + padding: 10px; + position: absolute; + margin: 15px; + color: white; +} + +.last-div h2 { + text-align: center; + padding-top: 50px; + color: #a2a4a6; + font-weight: 200; +} \ No newline at end of file