Skip to content

Commit

Permalink
Merge pull request CSClubIIITDM-org#5 from sujiv1204/people
Browse files Browse the repository at this point in the history 
People
  • Loading branch information
@Salmanbs
Salmanbs authored Jan 12, 2021
2 parents 88edf9c + d10e6f2 commit 3b91368
Show file tree
Hide file tree
Showing 21 changed files with 120 additions and 71 deletions.
158 changes: 88 additions & 70 deletions people.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ <h1 class="display-4 wow zoomIn">People</h1>

<!-- Team -->
<div class="jumbotron">
<h2 class="text-center">Members (2019 - 2020)</h2>
<h2 class="text-center">Members (2020 - 2021)</h2>
</div>
<div class="container my-5">
<h4 class="text-center mb-4"><u>Faculty Advisor</u></h4>
Expand All @@ -102,162 +102,180 @@ <h2>Name</h2>
<h4 class="text-center mb-4"><u>Core Members</u></h4>
<div class="row my-4">
<div class="col">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/300x300" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container align-self-center">
<img class="img-fluid rounded mx-auto d-block img1" src="/src/img/list/CS Club Coordinators list/P.ADITHYA [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>P.ADITHYA SRINIVAS</h2>
<p>ced17i007</p>
</div>
</div>
</div>
</div>
<div class="row my-4">
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/Praveen Kumar [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Praveen Kumar Rana</h2>
<p>ced17i019</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/Shreja [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Shreja Rangarajan</h2>
<p>coe18b043</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/[email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Hrishikesh</h2>
<p>coe18b024</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/Santosh Sinduja [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Santosh Sinduja S</h2>
<p>coe18b046</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/Saurabh [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Saurabh Singh</h2>
<p>msm18b046</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/Vijay [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Vijay Meena</h2>
<p>CED18I057</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/Viknesh [email protected]" alt="">
<div class="overlay">
<h2>Viknesh Rajaramon</h2>
<p>coe18b060</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/Pratyush V [email protected]" alt="">
<div class="overlay">
<h2>Pratyush V Moorthy</h2>
<p>COE18B042</p>
</div>
</div>
</div>
</div>
</div>
<div class="container my-5">
<h4 class="text-center mb-4"><u>Group Members</u></h4>
<h4 class="text-center mb-4"><u>Joint Core Members</u></h4>
<div class="row my-4">
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/CP/Manas [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Manas Sivakumar</h2>
<p>Coe19b003, CP</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/CP/Susheel [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Susheel Arukonda</h2>
<p>coe19b052, CP</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Edith/Atharva [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Atharva Kadlag</h2>
<p>ced19i015, EDITH</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Edith/C Rohin [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>C Rohin Menon</h2>
<p>coe19b010, EDITH</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Edith/KADALI PAUL [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>KADALI PAUL BABU</h2>
<p>ced19i002, EDITH</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Networking/Amith Prasanth [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Amith Prasanth K</h2>
<p>ced19i030, Networking</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Networking/Aniket [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Aniket Rochwani</h2>
<p>msm19b020, Networking</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Prit/Munukurthi [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>Munukurthi Binesh</h2>
<p>ced19i036, PRIT</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Prit/SHARUQ N [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>SHARUQ N A</h2>
<p>coe19b015, PRIT.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 my-4">
<div class="hovereffect mx-auto d-block">
<img class="img-fluid rounded mx-auto d-block" src="http://placehold.it/200x200" alt="">
<div class="hovereffect mx-auto d-block zoom-within-container">
<img class="img-fluid rounded mx-auto d-block img2" src="/src/img/list/CS Club Coordinators list/JC Photos/Prit/SREENIVAS DHEERAJ [email protected]" alt="">
<div class="overlay">
<h2>Name</h2>
<p>Lorem, ipsum.</p>
<h2>SREENIVAS DHEERAJ MARRI</h2>
<p>coe19b038, PRIT</p>
</div>
</div>
</div>
Expand Down
33 changes: 32 additions & 1 deletion src/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,8 @@ body {
font-size: 18px;
font-weight: 400;
color: #000000 !important;
border-bottom: 0.05px solid transparent;
transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav-link:hover {
font-weight: 500;
Expand All @@ -39,6 +41,12 @@ body {
outline: none;
box-shadow: none;
}
@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{ color: #fff; }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media (max-width: 992px){
.nav-link:hover{
border-bottom: none;
Expand Down Expand Up @@ -491,7 +499,25 @@ footer ul {
position: relative;
text-align: center;
}

.img1{
height: 300px;
width: 350px;
}
.img2{
height: 200px;
width: 200px;
}
.zoom-within-container .img{
height: 80%;
width: 80%;
overflow: hidden;
}
.zoom-within-container img {
transition: transform .5s ease;
}
.zoom-within-container:hover img {
transform: scale(1.25);
}
.hovereffect .overlay {
position: absolute;
overflow: hidden;
Expand Down Expand Up @@ -545,6 +571,11 @@ footer ul {
}

.hovereffect p {
text-transform: uppercase;
position: absolute;
width: 100%;
bottom: 0;
text-align: center;
color: #fff;
padding: 1em 0;
opacity: 0;
Expand Down
Binary file added src/img/list/CS Club Coordinators list/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...Club Coordinators list/JC Photos/CP/Manas [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...lub Coordinators list/JC Photos/CP/Susheel [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...lub Coordinators list/JC Photos/Edith/Atharva [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...lub Coordinators list/JC Photos/Edith/C Rohin [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ... Coordinators list/JC Photos/Edith/KADALI PAUL [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...dinators list/JC Photos/Networking/Amith Prasanth [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...rdinators list/JC Photos/Networking/Aniket [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ... Coordinators list/JC Photos/Prit/Munukurthi [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...CS Club Coordinators list/JC Photos/Prit/SHARUQ N [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...inators list/JC Photos/Prit/SREENIVAS DHEERAJ [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...g/list/CS Club Coordinators list/P.ADITHYA [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...g/list/CS Club Coordinators list/Pratyush V [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...g/list/CS Club Coordinators list/Praveen Kumar [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...mg/list/CS Club Coordinators list/Santosh Sinduja [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/list/CS Club Coordinators list/Saurabh [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...mg/list/CS Club Coordinators list/Shreja [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/list/CS Club Coordinators list/Vijay [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...img/list/CS Club Coordinators list/Viknesh [email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 3b91368

Please sign in to comment.