Skip to content

Commit

Permalink
Added transition to images and updated links
Browse files Browse the repository at this point in the history
  • Loading branch information
YashAgr5980 committed Nov 8, 2018
1 parent e624f4f commit 7088be0
Show file tree
Hide file tree
Showing 5 changed files with 19 additions and 11 deletions.
6 changes: 3 additions & 3 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -538,9 +538,9 @@ <h4>Links</h4>
</div>
</div>
<div class="col-sm-4 align-items-center">
<a href="https://www.facebook.com/phoenix.lnmiit/"><span class="fa fa-facebook footer-social"></span></a> &emsp;
<a href="https://www.youtube.com/channel/UCkgCJ_wF-E35nU_6HZGF0Sg"><span class="fa fa-youtube footer-social"></span></a> &emsp;
<a href="mailto:[email protected]"><span class="fa fa-envelope-o footer-social"></span></a> &emsp;
<a href="https://www.facebook.com/phoenix.lnmiit/" target="_blank"><span class="fa fa-facebook footer-social"></span></a> &emsp;
<a href="https://www.youtube.com/channel/UCkgCJ_wF-E35nU_6HZGF0Sg" target="_blank"><span class="fa fa-youtube footer-social"></span></a> &emsp;
<a href="mailto:[email protected]" target="_blank"><span class="fa fa-envelope-o footer-social"></span></a> &emsp;
</div>
</div>
</div>
Expand Down
7 changes: 7 additions & 0 deletions css/events.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,4 +20,11 @@
font-family: 'Average', serif;
text-align: center;
font-size: 80px;
}
.events-image {
transition: width 1s, height 1s;
}
.events-image:hover {
width: 540px;
height: 350px;
}
11 changes: 6 additions & 5 deletions events.html
Original file line number Diff line number Diff line change
Expand Up @@ -72,10 +72,11 @@
<div class="container events-container">
<div class="row events-row">
<div class="col-sm-6">
<h2 class="events-heading">Introuctory session on Robotics, different variety of robots, the scope of the field and it's imoportance.</h2>
<h2 class="events-heading">Introuctory session on Robotics</h2> <br>
<p class="events-text">Click on the image to go the recorded live session.</p>
</div>
<div class="col-sm-6">
<iframe src="https://www.youtube.com/watch?v=P-EDV9v3GxQ">The recorded video of the live stream.</iframe>
<a href="https://www.facebook.com/phoenix.lnmiit/videos/392712928216119/" target="_blank"><img src="src/img/events/introtorobotics.png" style="width: 100%; height: 300px;"></a>
</div>
</div>
<hr>
Expand Down Expand Up @@ -319,9 +320,9 @@ <h4>Links</h4>
</div>
</div>
<div class="col-sm-4 align-items-center">
<a href="https://www.facebook.com/phoenix.lnmiit/"><span class="fa fa-facebook footer-social"></span></a> &emsp;
<a href="https://www.youtube.com/channel/UCkgCJ_wF-E35nU_6HZGF0Sg"><span class="fa fa-youtube footer-social"></span></a> &emsp;
<a href="mailto:[email protected]"><span class="fa fa-envelope-o footer-social"></span></a> &emsp;
<a href="https://www.facebook.com/phoenix.lnmiit/" target="_blank"><span class="fa fa-facebook footer-social"></span></a> &emsp;
<a href="https://www.youtube.com/channel/UCkgCJ_wF-E35nU_6HZGF0Sg" target="_blank"><span class="fa fa-youtube footer-social"></span></a> &emsp;
<a href="mailto:[email protected]" target="_blank"><span class="fa fa-envelope-o footer-social"></span></a> &emsp;
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -174,9 +174,9 @@ <h4>Links</h4>
</div>
</div>
<div class="col-sm-4 align-items-center">
<a href="https://www.facebook.com/phoenix.lnmiit/"><span class="fa fa-facebook footer-social"></span></a> &emsp;
<a href="https://www.youtube.com/channel/UCkgCJ_wF-E35nU_6HZGF0Sg"><span class="fa fa-youtube footer-social"></span></a> &emsp;
<a href="mailto:[email protected]"><span class="fa fa-envelope-o footer-social"></span></a> &emsp;
<a href="https://www.facebook.com/phoenix.lnmiit/" target="_blank"><span class="fa fa-facebook footer-social"></span></a> &emsp;
<a href="https://www.youtube.com/channel/UCkgCJ_wF-E35nU_6HZGF0Sg" target="_blank"><span class="fa fa-youtube footer-social"></span></a> &emsp;
<a href="mailto:[email protected]" target="_blank"><span class="fa fa-envelope-o footer-social"></span></a> &emsp;
</div>
</div>
</div>
Expand Down
Binary file added src/img/events/introtorobotics.png
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 7088be0

Please sign in to comment.