-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathUPSC.html
149 lines (142 loc) · 6.02 KB
/
UPSC.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title> UPSC </title>
<link rel="stylesheet" href="style.css">
<style>
.flex {
display:flex;
}
.flex div {
flex:1;
margin:5px;
}
img {
width:100%;
}
.button {
padding: 15px 25px;
font-size: 24px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #255f91;
border: none;
border-radius: 15px;
box-shadow: 0 9px rgb(83, 125, 135);
}
.button:hover {
background-color: #72bde6;
}
.button:active {
background-color: #030f35;
box-shadow: 0 5px rgb(195, 219, 249);
transform: translateY(4px);
}
@media screen and (max-width: 400px) {
.container {
float: none;
display: block;
}
}
@media screen and (max-width: 400px) {
.navbar a {
float: none;
display: block;
width: 100;
}
}
</style>
</head>
<body>
<nav>
<div class="navbar">
<a class="active" href="/Home.html"> Home </a>
<a href="/About_Us.html"> About Us! </a>
<a href="/ContactUs.html" class="right"> Contact Us </a>
<a href="/SignUp.html" class="right"> Login </a>
</div>
</nav>
<nav>
<div class="container">
<img src="/horizontal-shot-joyful-young-woman-with-glasses-posing-against-white-wall.jpg" alt="Cover_Pic" class="responsive" >
<div class="right2"> ANONYMOUS EDUCATORS! </div>
<div class="right1"> LEARN FROM THE BEST,<br>ANYTIME!! ANYWHERE!!
</div>
</div>
</nav>
<div class="header">
<h1> UNION PUBLIC SERVICE COMMISSION </h1>
</div>
<div class="flex">
<div>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRXe7Zxc_dk7Lpn9TPRVZW5k0w1U3k8JaJ6RQ&usqp=CAU" height="300px" width="150px" border="5px" />
<h2 align="center"> Rahul Sharma </h2><br>
<p class="fontfiles" align="center">Currently pursuing MA in English<br><br><b>For Course :</b> UPSC <br><br> <b>Fees :</b> Rs.500/Session</p><br>
<div align="center">
<button class="button"><b>Hire Him!</b></button>
</div>
</div>
<div>
<img src="https://15xh2r248z7d286gcz3i6g1q-wpengine.netdna-ssl.com/wp-content/uploads/2017/07/1707_11_Keondra_Rustan_-1080x675.jpg" height="300px" width="150px" border="5px"/>
<h2 align="center"> Lisa Hyden </h2><br>
<p class="fontfiles" align="center">Currently pursuing MSc in Mathematics<br><br><b>For Course :</b> UPSC <br><br> <b>Fees :</b> Rs.500/Session</p><br>
<div align="center">
<button class="button"><b>Hire Her!</b></button>
</div>
</div>
<div>
<img src="https://www.horrycountyschools.net/cms/lib/SC02209139/Centricity/Domain/5027/_STA_FREEZE_JENAE.JPG" height="300px" width="150px" border="5px" />
<h2 align="center"> Jenae Freeze </h2><br>
<p class="fontfiles" align="center">Currently pursuing MSc in Physics<br><br><b>For Course :</b> UPSC <br><br> <b>Fees :</b> Rs.500/Session</p><br>
<div align="center">
<button class="button"><b>Hire Her!</b></button>
</div>
</div>
<div>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRlaIIXU0TLsWzWB-AueXwbwBl1AWDoXKTZHw&usqp=CAU" height="300px" width="150px" border="5px" />
<h2 align="center"> Angela Neon </h2><br>
<p class="fontfiles" align="center">Currently pursuing MA in Economics<br><br><b>For Course :</b> UPSC <br><br> <b>Fees :</b> Rs.500/Session</p><br>
<div align="center">
<button class="button"><b>Hire Her!</b></button>
</div>
</div>
</div>
<br><br>
<div class="flex">
<div>
<img src="https://www.horrycountyschools.net/cms/lib/SC02209139/Centricity/Domain/5027/_STA_FILIPPO_TERRY.JPG" height="300px" width="150px" border="5px" />
<h2 align="center"> Terry Filippo </h2><br>
<p class="fontfiles" align="center">Currently pursuing MA in History<br><br><b>For Course :</b> UPSC <br><br> <b>Fees :</b> Rs.500/Session</p><br>
<div align="center">
<button class="button"><b>Hire Him!</b></button>
</div>
</div>
<div>
<img src="https://www.horrycountyschools.net/cms/lib/SC02209139/Centricity/Domain/5027/0STA_STA_ETHERSON_LESLIE.JPG" height="300px" width="150px" border="5px"/>
<h2 align="center"> Lesley Etherson </h2><br>
<p class="fontfiles" align="center">Currently pursuing MA in Political Science<br><br><b>For Course :</b> UPSC <br><br> <b>Fees :</b> Rs.500/Session</p><br>
<div align="center">
<button class="button"><b>Hire Her!</b></button>
</div>
</div>
<div>
<img src="https://www.horrycountyschools.net/cms/lib/SC02209139/Centricity/Domain/5027/_STA_JOHNSON_TRACY.JPG" height="300px" width="150px" border="5px" />
<h2 align="center"> Tracy Johnson </h2><br>
<p class="fontfiles" align="center">Recognised Personality Development Trainer<br><br><b>For Course :</b> UPSC <br><br> <b>Fees :</b> Rs.500/Session</p><br>
<div align="center">
<button class="button"><b>Hire Him!</b></button>
</div>
</div>
</div>
<br>
<div class="footer">
<h4> Made with Love by <i>HyperText Assassins</i> </h4>
</div>
</body>
</html>