Skip to content

Commit 893378f

Browse files
chitraa-jainchitraa-jain
authored
Add files via upload
1 parent ad02976 commit 893378f

File tree

1 file changed

+214
-0
lines changed

1 file changed

+214
-0
lines changed

‎ContactUs.css

+214
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,214 @@
1+
body{
2+
background-color: rgb(231, 229, 229);
3+
}
4+
h1{
5+
background-color: #333;
6+
padding: 20px;
7+
padding-bottom: 40px;
8+
font-family: 'Dosis', sans-serif;
9+
border-radius: 5px;
10+
color: beige;
11+
text-align: center;
12+
margin-bottom: 0px;
13+
}
14+
a>img{
15+
float: right;
16+
}
17+
a>img:hover{
18+
opacity: 50%;
19+
}
20+
nav{
21+
22+
float: left;
23+
}
24+
nav img{
25+
width: 1.8%;
26+
}
27+
button{
28+
float: right;
29+
padding: 10px;
30+
background-color: #FFC000;
31+
border-radius: 5px;
32+
border: 0px;
33+
34+
}
35+
button>a{
36+
text-decoration: none;
37+
color: #333;
38+
}
39+
button>a:hover{
40+
color: aqua;
41+
}
42+
button:hover{
43+
opacity: 50%;
44+
}
45+
form{
46+
float: right;
47+
margin: 20px;
48+
margin-top: 20px;
49+
position: absolute;
50+
top: 22%;
51+
left: 35%;
52+
background-color: #ffffff;
53+
border-radius: 15px;
54+
padding: 20px;
55+
height: auto;
56+
57+
58+
}
59+
div{
60+
height: 571px;
61+
width: 450px;
62+
background-color: #121567;
63+
border-radius: 10px;
64+
margin-top: 49px;
65+
margin-left: 10px;
66+
}
67+
div>img{
68+
width: 50%;
69+
padding-left: 95px;
70+
padding-top: 145px;
71+
}
72+
73+
form>p{
74+
color: black;
75+
font-family: 'Dosis', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
76+
77+
}
78+
input[type="submit"]{
79+
background-color: #FFC000;
80+
border-radius: 5px;
81+
color: white;
82+
padding: 12px 20px;
83+
border: none;
84+
cursor: pointer; /*changes cursor when hover over it*/
85+
width: 100%;
86+
}
87+
input[type="submit"]:hover{
88+
opacity: 80%;
89+
color: black;
90+
}
91+
input[type="text"],
92+
input[type="number"],
93+
input[type="email"]
94+
{
95+
width: 30%; /*filling the border*/
96+
padding: 12px; /*space between box and place-holder*/
97+
border: 1px solid #ccc; /*border to input text are*/
98+
border-radius: 5px;
99+
margin: 10px;
100+
font-size: small;
101+
102+
}
103+
select,
104+
textarea{
105+
width: 91.5%; /*filling the border*/
106+
padding: 12px; /*space between box and place-holder*/
107+
border: 1px solid #ccc; /*border to input text are*/
108+
border-radius: 5px;
109+
margin: 10px;
110+
font-size: small;
111+
112+
}
113+
fieldset{
114+
width: 91.1%;
115+
background-color: #fff;
116+
border: 1px solid #ccc;
117+
border-radius: 5px;
118+
}
119+
120+
/* #firstname{
121+
float: left;
122+
}
123+
#lastname{
124+
float: right;
125+
}
126+
127+
#email{
128+
float: left;
129+
}
130+
#phonenumber{
131+
float: right;
132+
} */
133+
@media screen and (max-width:600px){
134+
nav img{
135+
width: 5.8%;
136+
}
137+
div>img{
138+
width: 0%;
139+
padding-left: 0%;
140+
padding-top: 0%;
141+
}
142+
form{
143+
float: left;
144+
margin: 5px;
145+
position: absolute;
146+
top: 30%;
147+
left: 0%;
148+
background-color: #ffffff;
149+
border-radius: 15px;
150+
padding: 20px;
151+
height: auto;
152+
}
153+
button{
154+
float: right;
155+
padding: 10px;
156+
background-color: #FFC000;
157+
border-radius: 5px;
158+
border: 0px;
159+
margin-top: 10px;
160+
161+
}
162+
div{
163+
height: 0px;
164+
width: 0%;
165+
background-color: #121567;
166+
border-radius: 0px;
167+
margin-top: 0px;
168+
margin-left: 0px;
169+
margin-right: 0px;
170+
}
171+
input[type="submit"]{
172+
background-color: #FFC000;
173+
border-radius: 5px;
174+
color: white;
175+
padding: 12px 20px;
176+
border: none;
177+
cursor: pointer; /*changes cursor when hover over it*/
178+
width: 100%;
179+
margin-top: -20px;
180+
}
181+
input[type="submit"]:hover{
182+
opacity: 80%;
183+
color: black;
184+
}
185+
input[type="text"],
186+
input[type="number"],
187+
input[type="email"]
188+
{
189+
width: 90%; /*filling the border*/
190+
padding: 12px; /*space between box and place-holder*/
191+
border: 1px solid #ccc; /*border to input text are*/
192+
border-radius: 5px;
193+
margin: 10px;
194+
font-size: small;
195+
196+
}
197+
select,
198+
textarea{
199+
width: 91.5%; /*filling the border*/
200+
padding: 12px; /*space between box and place-holder*/
201+
border: 1px solid #ccc; /*border to input text are*/
202+
border-radius: 5px;
203+
margin: 10px;
204+
font-size: small;
205+
206+
}
207+
fieldset{
208+
width: 91.1%;
209+
background-color: #fff;
210+
border: 1px solid #ccc;
211+
border-radius: 5px;
212+
}
213+
214+
}

0 commit comments

Comments
 (0)