Skip to content

Commit

Permalink
Merge pull request #85 from pb-10/flame
Browse files Browse the repository at this point in the history 
Have solved the issue #64.
  • Loading branch information
@arps18
arps18 authored May 9, 2020
2 parents 0d1f5e1 + 3124046 commit 17015ef
Show file tree
Hide file tree
Showing 2 changed files with 95 additions and 159 deletions.
177 changes: 48 additions & 129 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -190,10 +190,9 @@ <h1>EVENTS</h1>
<div class="card1" style="background-color: #ff003b;">
<a href="https://community.mozilla.org/events/footprints-x10/" target="_blank">
<div class="card4">
<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">21st Feb</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>FootPrints X10
</b></p>
<p style="font-size: 25px; margin-left: 8px;">2020<br>MSU</p>
<h1 class="ml-2 mt-2" style="text-align: left; font-weight: normal;">21st Feb</h1>
<h2 class="ml-2 mt-5" style="font-style: italic;"><b>FootPrints X10</b></h2>
<h3 class="ml-2 mt-5">2020<br>MSU</h3>
</div>
</a>
</div>
Expand All @@ -202,9 +201,9 @@ <h1>EVENTS</h1>
<div class="card1" style="background-color: #FFAB0F;">
<a href="https://reps.mozilla.org/e/mlh-local-hackday-building-codes/" target="_blank">
<div class="card4">
<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">7th Dec </p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>Building Codes</b></p>
<p style="font-size: 25px; margin-left: 8px;">2019<br>SVIT</p>
<h1 class="ml-2 mt-2" style="text-align: left; font-weight: normal;">7th Dec</h1>
<h2 class="ml-2 mt-5" style="font-style: italic;"><b>Building Codes</b></h2>
<h3 class="ml-2 mt-5">2019<br>SVIT</h3>
</div>
</a>
</div>
Expand All @@ -213,9 +212,9 @@ <h1>EVENTS</h1>
<div class="card1" style="background-color: #00A2FFff;">
<a href="https://reps.mozilla.org/e/hacktoberfest-vadodara/" target="_blank">
<div class="card4">
<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">13th Oct</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>HacktoberFest</b></p>
<p style="font-size: 25px; margin-left: 8px;">2019<br>NUV</p>
<h1 class="ml-2 mt-2" style="text-align: left; font-weight: normal;">13th Oct</h1>
<h2 class="ml-2 mt-5" style="font-style: italic;"><b>HacktoberFest</b></h2>
<h3 class="ml-2 mt-5">2019<br>NUV</h3>
</div>
</a>
</div>
Expand All @@ -224,10 +223,9 @@ <h1>EVENTS</h1>
<div class="card1" style="background-color: #ff003b;">
<a href="https://reps.mozilla.org/e/wiz-a-thon/" target="_blank">
<div class="card4">

<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">5th Oct</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>Wiz-a-thon</b></p>
<p style="font-size: 25px; margin-left: 8px;">2019<br>PU</p>
<h1 class="ml-2 mt-2" style="text-align: left; font-weight: normal;">5th Oct</h1>
<h2 class="ml-2 mt-5" style="font-style: italic;"><b>Wiz-a-thon</b></h2>
<h3 class="ml-2 mt-5">2019<br>PU</h3>
</div>
</a>
</div>
Expand All @@ -236,10 +234,9 @@ <h1>EVENTS</h1>
<div class="card1" style="background-color: #FFAB0F;">
<a href="https://reps.mozilla.org/e/flutter-bootcamp/" target="_blank">
<div class="card4">
<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">16th June</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>Flutter Bootcamp</b>
</p>
<p style="font-size: 25px; margin-left: 8px;">2019<br>NUV</p>
<h1 class="ml-2 mt-2" style="text-align: left; font-weight: normal;">16th June</h1>
<h2 class="ml-2 mt-5" style="font-style: italic;"><b>Flutter Bootcamp</b></h2>
<h3 class="ml-2 mt-3">2019<br>NUV</h3>
</div>
</a>
</div>
Expand All @@ -248,85 +245,22 @@ <h1>EVENTS</h1>
<div class="card1" style="background-color: #00A2FF;">
<a href="https://reps.mozilla.org/e/os-fest/" target="_blank">
<div class="card4">

<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">20th Apr</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>OS Fest</b></p>
<p style="font-size: 25px; margin-left: 8px;">2019<br>BITS</p>
<h1 class="ml-2 mt-2" style="text-align: left; font-weight: normal;">20th Apr</h1>
<h2 class="ml-2 mt-5" style="font-style: italic;"><b>OS Fest</b></h2>
<h3 class="ml-2 mt-5">2019<br>BITS</h3>

</div>
</a>
</div>
</div>
</div>

<!--
<br><br>
<div class="row justify-content-around">
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="card1" style="background-color: #ff003b;">
<a href="https://reps.mozilla.org/e/wiz-a-thon/" target="_blank">
<div class="card4">
<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">5th Oct</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>Wiz-a-thon</b></p>
<div class = "card5">
<p class="year">2019</p>
<p class="college">PU</p>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="card1" style="background-color: #FFAB0F;">
<a href="https://reps.mozilla.org/e/flutter-bootcamp/" target="_blank">
<div class="card4">
<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">16th June</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>Flutter Bootcamp</b></p>
<div class = "card6">
<p class="year">2019</p>
<p class="college">NUV</p>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="card1" style="background-color: #00A2FF;">
<a href="https://reps.mozilla.org/e/os-fest/" target="_blank">
<div class="card4">
<p style="font-size: 50px; margin-left: 8px; font-weight: normal;">20th Apr</p>
<p style="font-size: 30px; margin-left: 8px; font-style: italic;"><b>OS Fest</b></p>
<div class = "card5">
<p class="year">2019</p>
<p class="college">BITS</p>
</div>
</div>
</a>
</div>
</div>
</section> -->
<!-- Card Grid Ends -->
<!-- Event Section Ends Here-->


<!-- Club Section Starts Here-->
<!-- Clubs Heading -->

<!-- Card Grid Starts -->

<div class="row">
<div class="col-sm-12">
<section id="club">
Expand All @@ -339,77 +273,62 @@ <h1>CLUBS</h1>
<!-- Card Grid Starts -->
<div class="row justify-content-around ml-4 ml-sm-5">
<div class="col-lg-4 col-md-6 col-sm-12 mt-0">
<div class="card1" style="width: 250px; height: 210px; background-color: #ff003b;">
<div class="card2" style="width:15.625rem; height: 210px; background-color: #ff003b;">
<a href="https://community.mozilla.org/groups/mozneurons" target="_blank">
<div class="card4" style="width: 250px; height: 210px;">
<p style="margin-left:10px;"><img class="img" src="./assets/MozNeurons.jpeg" alt="user"
height="90px" width="230px"></p>
<p style="font-size: 30px; margin-left: 8px;"><b>MozNeurons</b><br><span
style="font-size: 25px;">SVIT</span></p>
<div class="card3">
<p style="margin-left:10px;"><img class="img mt-2 w-100 pr-2" src="./assets/MozNeurons.jpeg" alt="user"
height="90px"></p>
<h2 class="ml-2 mt-4"><b>MozNeurons</b><br><span>SVIT</span></h2>
</div>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-0 mt-4 mt-md-0">
<div class="card1" style="width: 250px; height: 210px; background-color: #FFAB0F;">
<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-0 mt-5 mt-md-0">
<div class="card2" style="background-color: #FFAB0F;">
<a href="" target="_blank">
<div class="card4" style="width: 250px; height: 210px;">
<p style="margin-left:10px;"><img class="img" src="./assets/mozguj-horizontal-black.png"
alt="user" height="100px" width="230px"></p>
<p style="font-size: 30px; margin-left: 8px;"><b>MozPU</b><br><span
style="font-size: 25px;">PU</span></p>
<div class="card3">
<p style="margin-left:10px;"><img class="img w-100" src="./assets/mozguj-horizontal-black.png"
alt="user" height="100px"></p>
<h2 class="ml-2 mt-4"><b>MozPU</b><br><span>PU</span></h2>
</div>
</a>
</div>
</div>

<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-0 mt-4 mt-md-5 mt-lg-0">
<div class="card1" style="width: 250px; height: 210px; background-color: #00A2FF;">
<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-0 mt-5 mt-md-5 mt-lg-0">
<div class="card2" style="background-color: #00A2FF;">
<a href="" target="_blank">
<div class="card4" style="width: 250px; height: 210px;">
<p style="margin-left:10px;"><img class="img" src="./assets/mozguj-horizontal-black.png"
alt="user" height="100px" width="230px"></p>
<p style="font-size: 30px; margin-left: 8px;"><b>MozNUV</b><br><span
style="font-size: 25px;">NUV</span></p>
<div class="card3">
<p style="margin-left:10px;"><img class="img w-100" src="./assets/mozguj-horizontal-black.png"
alt="user" height="100px"></p>
<h2 class="ml-2 mt-4"><b>MozNUV</b><br><span>NUV</span></h2>
</div>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-5 mt-4 mt-md-5">
<div class="card1" style="width: 250px; height: 210px; background-color: #ff003b;">
<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-5 mt-5 mt-md-5">
<div class="card2" style="background-color: #ff003b;">
<a href="https://community.mozilla.org/groups/xplora-club/" target="_blank">
<div class="card4" style="width: 250px; height: 210px;">
<p style="margin-left:10px;"><img class="img" src="./assets/ITM.png" alt="user"
height="100px" width="230px"></p>
<p style="font-size: 30px; margin-left: 8px;"><b>Xplora</b><br><span
style="font-size: 25px;">ITM</span></p>
<div class="card3">
<p style="margin-left:10px;"><img class="img w-100 ml-n1" src="./assets/ITM.png" alt="user"
height="100px"></p>
<h2 class="ml-2 mt-4"><b>Xplora</b><br><span>ITM</span></h2>
</div>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-5 mt-4 mt-md-5">
<div class="card1" style="width: 250px; height: 210px; background-color: #FFAB0F;">
<div class="col-lg-4 col-md-6 col-sm-12 mt-xl-5 mt-5 mt-md-5">
<div class="card2" style="background-color: #FFAB0F;">
<a href="" target="_blank">
<div class="card4" style="width: 250px; height: 210px;">
<p style="margin-left:10px;"><img class="img" src="./assets/vier.jpg" alt="user"
height="100px" width="100px"></p>
<p style="font-size: 30px; margin-left: 8px;"><b>MozVIER</b><br><span
style="font-size: 25px;">VIER</span></p>
<div class="card3">
<p style="margin-left:10px;"><img class="img mt-2 w-50" src="./assets/vier.jpg" alt="user"
height="100px"></p>
<h2 class="ml-2 mt-2"><b>MozVIER</b><br><span>VIER</span></h2>
</div>
</a>
</div>
</div>
</div>
<!--
<div class="card1" style="width: 250px; height: 210px; margin-left:5%; background-color: #00A2FF;">
<div class="card4" style="width: 250px; height: 210px;">
<p style="margin-left:10px;"><img class="img" src="./assets/mozguj-horizontal-black.png" alt="user"
height="100px" width="230px"></p>
<p style="font-size: 30px; margin-left: 8px;"><b>MozPU</b><br><span
style="font-size: 25px;">SVIT</span></p>
</div>
</div>
-->

<!-- Card Grid Ends -->
<!-- Club Section Ends Here-->
Expand Down
77 changes: 47 additions & 30 deletions style/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -133,9 +133,8 @@ html{
}
/* End Banner Area */
.card1{
width: 220px;
width: 13.75rem;
height: 290px;
font-size: 30px;
font-weight: 700;
display: block;
justify-content: space-between;
Expand All @@ -147,57 +146,75 @@ html{
}
.card4{

width: 220px;
width: 13.75rem;
height: 290px;
font-size: 30px;
font-weight: 550;
margin-left: -6.5%;
margin-top: 4%;
margin-top: 5%;
display: block;
justify-content: space-between;
background-color: #ffffff;
border: 2.5px solid #000000;
display: inline-block;
cursor: pointer;
color: #000000;
font-size: 21px;
text-decoration: none;
border-radius: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.5s ease;

}

.card4:hover{
box-shadow: var(--box-shadow);
transform: scale(1.05);
}

.card5 .year{
font-size: 25px;
margin-top: 70px;
float: left;
margin-left: 20px;
.card2{
width: 15.625rem;
height: 210px;
font-weight: 700;
display: block;
justify-content: space-between;
border: 2.5px solid #000000;
display: inline-block;
cursor: pointer;
color: #000000;
border-radius: 10px;
}
.card5 .college{

font-size: 25px;
margin-top: 70px;
float: right;
margin-right: 20px;
.card3{

width: 15.625rem;
height: 210px;
font-weight: 550;
margin-left: -6.5%;
margin-top: 4%;
display: block;
justify-content: space-between;
background-color: #ffffff;
border: 2.5px solid #000000;
display: inline-block;
cursor: pointer;
color: #000000;
text-decoration: none;
border-radius: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.5s ease;

}

.card6 .year{
font-size: 25px;
margin-top: 30px;
float: left;
margin-left: 20px;
.card4:hover{
-webkit-transform: scale(0.25);
transform: scale(1.07);
-webkit-transition: all 1.3s ease;
transition: all 0.3s ease;

}

.card6 .college{
font-size: 25px;
margin-top: 30px;
float: right;
margin-right: 20px;
.card3:hover{
-webkit-transform: scale(0.25);
transform: scale(1.07);
-webkit-transition: all 1.3s ease;
transition: all 0.3s ease;
}

.row{
margin-left: 5%;
}
Expand Down

0 comments on commit 17015ef

Please sign in to comment.