Skip to content

Commit

Permalink
people images added
Browse files Browse the repository at this point in the history
  • Loading branch information
@sujiv1204
sujiv1204 committed Dec 11, 2020
1 parent 0f920f9 commit d10e6f2
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 43 deletions.
93 changes: 51 additions & 42 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 Down Expand Up @@ -175,98 +175,107 @@ <h2>Viknesh Rajaramon</h2>
</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
10 changes: 9 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 @@ -487,7 +495,7 @@ footer ul {
}
.img1{
height: 300px;
width: 300px;
width: 350px;
}
.img2{
height: 200px;
Expand Down

0 comments on commit d10e6f2

Please sign in to comment.