-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfeedback.html
134 lines (122 loc) · 3.03 KB
/
feedback.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Feedback</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
margin:0;
padding:0;
box-sizing:border-box;
}
body {
margin:0;
font-family: Montserrat;
}
div.all{
display: flex;
}
footer {
background: black;
color:white;
width: 100vw;
padding-top: 15px;
height: auto;
display: grid;
text-align: center;
grid-template-columns: 33vw 34vw 33vw;
text-align: center;
}
h3 {
text-decoration: none;
font-family: arial;
margin: 15px;
}
p {
text-align: center;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
img.ft {
width: 60px;
height: 60px;
border-radius: 50%;
}
form {
width:100vw;
height:auto;
padding:10px;
background:.;
font-size:28px;
border: 4px solid #8098ff;
}
input {
font-size:24px;
border:3px solid #2b82ff;
border-radius: 0 10px 0 10px;
padding:10px;
}
textarea {
font-size:22px;
border:3px solid #2b82ff;
padding:10px;
border-radius: 20px;
width:90%;
}
header {
width:100%;
height: 25vh;
/*object-fit: contain;*/
/*border: 2px solid #8098ff;*/
display: flex;
margin: auto;
}
.logi {
display: flex;
width: 100vw;
align-items: center;
justify-content: center;
}
img#logo {
width: 35%;
height: 100%;
margin-top: 20px;
}
</style>
</head>
<body>
<form action="mailto: [email protected]" enctype="plain/text">
<header>
<div class="logi">
<img src="png_20221229_072610_0000.png" alt="" id="logo">
</div>
</header>
Name: <input type="text" name="name" id="" placeholder="" required><br>
Year & Section: 11- Mark Zuckerberg
<br>
Gender: <input type="radio" name="g" id=""> Male <input type="radio" name="g" id=""> Female
<br><br>
Tell us your thoughts, problems, and anything in relation to our E-Learning Website. Rest assured that this form will be kept confidential and will not be shared publicly. <br><br>
<textarea cols="45" rows="10" placeholder="Write here..." wrap="wrap"></textarea>
<br>
<input type="submit" value="Send">
</form>
<footer>
<div class="us"><h3>About Us</h3>
<p> Group 1 <br> Practical Research II</p>
<img src="c5e652b686a64f5593572daab36299d8_277477067_1458867251239998_2117183400229108786_n.jpg" alt="" class="ft">
<img src="gear2.png" alt="" class="ft">
</div>
<div class="sc"><h3>Our School</h3>
<p>SBTVHS-SHS</p>
</div>
<div class="in"><h3>Our Insights</h3>
<p>A generation teached through technology brings a better future.</p>
</div>
</footer>
</body>
</html>