diff --git a/Hof.html b/Hof.html
new file mode 100644
index 0000000..dd5af79
--- /dev/null
+++ b/Hof.html
@@ -0,0 +1,439 @@
+
+
+
+
+
+
+ Hall Of Fame
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Science and Technology Council
+
+ IIT Mandi
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/css/hof.css b/css/hof.css
new file mode 100644
index 0000000..ab311f3
--- /dev/null
+++ b/css/hof.css
@@ -0,0 +1,143 @@
+@import url('https://fonts.googleapis.com/css?family=Exo+2|Yatra+One');
+
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Exo 2', sans-serif;
+}
+
+
+.header{
+ background-color: #242A2E;
+}
+.header h1{
+
+ color: brown;
+ font-size: 100px;
+ position: relative;
+ text-align: center;
+ font-family: 'Yatra One', cursive ;
+}
+.header h2{
+ color: silver;
+ font-size: 20px;
+ position: relative;
+ text-align: center;
+ font-family: 'Yatra One', cursive ;
+
+}
+.container h3{
+ text-align: center;
+ color: #ffa42f; ;
+ text-decoration: underline;
+ font-family: 'Yatra One', cursive ;
+ font-size: 40px;
+}
+
+
+.container{
+ margin-top: 100px;
+ background-color: #242A2E;
+ border-radius: 15px;
+
+}
+
+
+
+.our-team{
+
+ border-radius: 15px;
+ text-align: center;
+ padding: 10px 10px 20px;
+ background:#242A2E;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+}
+
+.our-team .pic{
+
+ padding: 10px;
+ margin-bottom: 10px;
+ display: inline-block;
+ width: 100%;
+ height: 50%;
+ transition: all 0.5s ease 0s;
+
+}
+/*
+.our-team:hover .pic{
+
+ border-radius: 50%;
+}*/
+.pic img{
+ width: 100%;
+ height: auto;
+ border-radius: 50%;
+}
+.our-team .title{
+ font-weight: 600;
+ color: #ffff;
+ text-transform: capitalize;
+ display: block;
+ font-size: 15px;
+ margin-top: 4px;
+
+}
+.our-team .post{
+ color: #ffff;
+ text-transform: capitalize;
+ display: block;
+ font-size: 13px;
+ margin-bottom: 12px;
+}
+.our-team .social{
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+.our-team .social li{
+ display: inline-block;
+ margin-right: 5px;
+}
+.our-team .social li a{
+ border-radius: 50%;
+ font-size: 15px;
+ color: #17bebb;
+ border: 1px solid #17bebb;
+ display: block;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ transition: all 0.5s ease 0s;
+}
+.our-team:hover .social li a{
+
+ background: #a020f0;;
+
+}
+/*
+.our-team:hover .pic{
+ background: black;
+ border-radius: 50%;
+}*/
+
+/* index page footer */
+
+footer.main {
+ position: relative;
+ bottom: 0;
+ width: 100%;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ padding-right: 20px;
+ text-align: right;
+}
+
+.footer-txt {
+ font-size: 1.3vw;
+ font-family: "AvenirLTStd-Medium";
+ color: #BFBFBF;
+ padding-bottom: 0.2vw;
+}
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 7954ad9..c24b1c9 100644
--- a/css/main.css
+++ b/css/main.css
@@ -19,42 +19,37 @@
float: left;
padding-left: 0.3vw;
color: #BFBFBF;
- border-bottom: solid .5px #f3fb04;
- padding-bottom: 0.2vw;
+
}
.top{
- margin-left: 20.3vw;
+ margin-left: 20vw;
+ margin-right: 18vw;
margin-top: 3vw;
text-align: center;
}
-
-#t1 {
- margin-right: 4%;
- padding-right: 9%;
-}
-
-#t2 {
- padding-right: 10%;
+.top a{
+ color:yellow;
+ text-decoration: none;
+ font-size: 18px;
}
-#t3 {
- padding-left: 6%;
-}
-#t4 {
- margin-left: 4.6%;
- padding-left: 6%;
+#t2 {
+ margin-right: 3%;
+ padding-right: 6%;
}
#mid-logo {
- float: left;
+ float: right;
+
}
.logo
{
- height:7vw;
+ height: 5vw;
+ width: 5vw;
}
.def {
@@ -65,7 +60,7 @@
margin-left: 36.5vw;
letter-spacing: 0.188em;
margin-top:1%;
- color:#BFBFBF;
+ color: #c0c0c0;;
margin-bottom: 50px;
}
@@ -97,7 +92,7 @@
}
.active-main, .top-text:hover, .top-text:focus{
- color: #f3fb04 !important;
+ color: #f56 !important;
}
.service-head {
diff --git a/images/agupta.jpg b/images/agupta.jpg
new file mode 100644
index 0000000..69a4671
Binary files /dev/null and b/images/agupta.jpg differ
diff --git a/index.html b/index.html
index fbbeb51..3f67621 100644
--- a/index.html
+++ b/index.html
@@ -29,13 +29,15 @@
Science and Technology Council
@@ -189,6 +191,13 @@
+
+
+
+
+
+
+