Skip to content

Commit

Permalink
extra help section fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
@1880akshay
1880akshay committed Jul 12, 2020
1 parent f2ce1bf commit 1d13dd6
Show file tree
Hide file tree
Showing 3 changed files with 67 additions and 68 deletions.
17 changes: 6 additions & 11 deletions css/networkStyle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1301,26 +1301,20 @@ a img {
}

.my-card {
height: 16vw;
width: 24vw;
width: 100%;
padding: 40px auto;
}

.my-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 1s;
transform-style: preserve-3d;
}

.card-front {
height: 100%;
width: 100%;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
backface-visibility: hidden;
transform: rotateX(0deg);
transition: 1s;
Expand All @@ -1331,12 +1325,13 @@ a img {
}

.card-back {
position: relative;
border-radius: 18px;
background-color: black;
padding: 5px;
transition: 1s;
position: absolute;
top: 0;
height: 100%;
transition: 1s;
width: 100%;
transform: rotateX(180deg);
-webkit-backface-visibility: hidden;
Expand All @@ -1346,7 +1341,7 @@ a img {
.card-back {
color: white;
text-align: center;
font-size: 1.1vw;
font-size: 15px;
}

#p1 {
Expand Down
2 changes: 1 addition & 1 deletion networkJS/howToHelpRam.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
$('#recipeCarousel').carousel({
interval: 1000
interval: 5000
})

$('.carousel .carousel-item').each(function() {
Expand Down
116 changes: 60 additions & 56 deletions networkpage.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -589,7 +589,9 @@ <h1>Teachers</h1>
display: table;
clear: both;
}

.rajcard p {
margin-top: 15px;
}
@media screen and (max-width: 700px) {
.rajcolumn {
width: 100%;
Expand Down Expand Up @@ -629,25 +631,25 @@ <h3>Why join us?</h3>
<br>
<div class="rajrow">
<div class="rajcolumn">
<div class="rajcard" >
<div class="rajcard wow fadeInUp" >
<p>1. By joining LiGHT, he will become a part of a network which is spread nationwide across 12 states. He could share and discuss his ideas on a platform consisting of more than 150 members having diverse opinions.</p>
</div>
</div>

<div class="rajcolumn">
<div class="rajcard" >
<div class="rajcard wow fadeInUp" >
<p>2. He will find this platform unique from other organizations because it was completely student-run, which will enable him to communicate and understand better with other student members.</p>
</div>
</div>

<div class="rajcolumn">
<div class="rajcard" >
<div class="rajcard wow fadeInUp" >
<p>3. He would receive a lot of incentives such as certification, proper guidance, improving skills and personality, and most importantly an established platform for team format.</p>
</div>
</div>

<div class="rajcolumn">
<div class="rajcard" >
<div class="rajcard wow fadeInUp" >
<p>4. Apart from this, he will also receive other benefits from the team such as career guidance, various resources, mentorship and various others.</p>
</div>
</div>
Expand Down Expand Up @@ -928,79 +930,81 @@ <h3>What extra help we can give?</h3>
<br>
<br>
<!---Aaditya's code for the flipping card-->
<div class="flipping cards" style="padding-left: 3vw;padding-right: 5vw;">
<header class="section-header">
<h3>What Extra Help Can we give?</h3>
</header>
<div class="row1" style="padding-top: 3vw;">
<div class="col-md-4" style="padding-left: 5vw;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img2.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p3">We are a network of under-graduate, Post Graduates and Research Scholars studying In different streams of engineering. We work together to create a pool of ideas, which can/will try to provide a solution to every problem faced
by you. With us, you can benefit yourself in the ways which sometimes you cannot get on your own.</p>
</div>
<div class="container">
<div class="flipping cards">
<header class="section-header">
<h3>What Extra Help Can we give?</h3>
</header>
<div class="row justify-content-center" style="padding-top: 3vw;">
<div class="col-lg-4 col-md-6 col-12 wow fadeInUp" style="margin-bottom: 20px;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img2.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p3">We are a network of under-graduate, Post Graduates and Research Scholars studying In different streams of engineering. We work together to create a pool of ideas, which can/will try to provide a solution to every problem faced
by you. With us, you can benefit yourself in the ways which sometimes you cannot get on your own.</p>
</div>
</div>
</div>
<div class="col-md-4" style="padding-left: 3vw;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img1.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p2">Not only for career, members in LiGHT are always ready to help you in various fields. Be it sports, art, learning new things etc.</p>
</div>
<div class="col-lg-4 col-md-6 col-12 wow fadeInUp" style="margin-bottom: 20px;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img1.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p2">Not only for career, members in LiGHT are always ready to help you in various fields. Be it sports, art, learning new things etc.</p>

</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img3.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p1">In GYWS and LiGHT, members have completed or are doing various projects/internships in various companies in different fields. We will be able to guide you through the steps required to accomplish your plans.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 wow fadeInUp" style="margin-bottom: 20px;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img3.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p1">In GYWS and LiGHT, members have completed or are doing various projects/internships in various companies in different fields. We will be able to guide you through the steps required to accomplish your plans.</p>
</div>
</div>
</div>
</div>
<div class="row2">
<div class="col-md-4" style="padding-left: 5vw;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img4.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p4">If you are interested in Research or want to have a discussion on a certain topic, our intellectually stimulated members can guide you might fulfil your thirst for knowledge.</p>
</div>

<div class="col-lg-4 col-md-6 col-12 wow fadeInUp" style="margin-bottom: 20px;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img4.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p4">If you are interested in Research or want to have a discussion on a certain topic, our intellectually stimulated members can guide you might fulfil your thirst for knowledge.</p>
</div>
</div>
</div>
<div class="col-md-4" style="padding-left: 3vw;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img5.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p5">Our esteemed alumni are working in different companies and have excelled in their fields, and their experience is a treasure to us. Through them we can help you to know the mantra to get various type of internships and jobs
easily.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 wow fadeInUp" style="margin-bottom: 20px;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img5.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p5">Our esteemed alumni are working in different companies and have excelled in their fields, and their experience is a treasure to us. Through them we can help you to know the mantra to get various type of internships and jobs
easily.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img6.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p6">A variety of resources for learning almost every domain or field is present are present in IIT Kharagpur Community, which can be shared with all the centre members.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 wow fadeInUp" style="margin-bottom: 20px;">
<div class="my-card">
<div class="my-card-inner">
<div class="card-front"><img src="img/network/extraGive/img6.png" style="width: inherit; height:inherit"></div>
<div class="card-back">
<p id="p6">A variety of resources for learning almost every domain or field is present are present in IIT Kharagpur Community, which can be shared with all the centre members.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br>
</div>



Expand Down

0 comments on commit 1d13dd6

Please sign in to comment.