Skip to content

Commit

Permalink
rest two events details added
Browse files Browse the repository at this point in the history
  • Loading branch information
@ritwickdey
ritwickdey committed Jan 14, 2018
1 parent 271e098 commit f884dca
Showing 1 changed file with 118 additions and 30 deletions.
148 changes: 118 additions & 30 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,38 +42,109 @@ <h1>Techno Buzz</h1>
<img src="./img/events/techno_buzz_comp.jpg" alt="Event">
</div>
<div class="details-item details-category">
<h5>Category</h5>
<ul>
<li>Cateory 1 : Lorem, ipsum.</li>
<li>Cateory 2 : Lorem ipsum.</li>
<li>Cateory 3 : Lorem ipsum.</li>
<li>Cateory 4 : Lorem ipsum.</li>
<li>Cateory 5 : Lorem ipsum.</li>
</ul>
<h5>Details</h5>
<table>
<tr>
<td class="bold">Category</td>
<td>:</td>
<td>Technical Exhibition</td>
</tr>
<tr>
<td class="bold">Date</td>
<td>:</td>
<td class="dateEvent">Soon</td>
</tr>
<tr>
<td class="bold">Registration Fee</td>
<td>:</td>
<td>Rs.50/- per team</td>
</tr>
<tr>
<td class="bold">Max member in a team</td>
<td>:</td>
<td>3</td>
</tr>
</table>
<p>
<i>(Download Rules for more details)</i>
</p>
</div>
<div class="details-item details-rules">
<h5>Rules</h5>
<ul>
<li>Rule 1 : Lorem, ipsum dolor sit amet consectetur adipisicing.</li>
<li>Rule 2 : Lorem ipsum dolor sit amet.</li>
<li>Rule 3 : Lorem ipsum dolor sit amet.</li>
<li>Rule 4 : Lorem ipsum dolor sit amet.</li>
<li>Rule 5 : Lorem ipsum dolor sit amet.</li>
</ul>
<div>
...
</div>
<div class="prizeMoney">
<h5>PRIZE MONEY</h5>
<p>1st Prize: INR 3,000/-*</p>
<p>2nd Prize: INR 2,000/-*</p>
</div>

</div>
<div class="details-item details-btns">
<button class="btn RegisterBtn register-button">Register</button>
<button class="btn details-btn" id="techBtn">Rules</button>
<button class="btn details-btn RegisterBtn">Register</button>
<div class="bold green small-font">(OFFLINE REGISTRATION DESK IS ALSO AVAILABLE TO REGISTER DIRECTLY ON THE EVENT DATE)</div>
<div class="bold red small-font">* Prize money is subject to change based on the number of participants</div>
</div>

</div>
</div>
</div>
<div class="event-details 2-event">
<i class="fa fa-3x fa-times modal-close-btn" eventNo="2" aria-hidden="true"></i>
<div class="details">
<h1>Build Mech Arena</h1>
<p>
Rules will be declared soon...
</p>
<h1>BUILD MECH ARENA</h1>
<div class="details-card">
<div class="details-item details-img">
<img src="./img/events/BUILD_MECH_ARENA.jpeg" alt="Event">
</div>
<div class="details-item details-category">
<h5>Details</h5>
<table>
<tr>
<td class="bold">Category</td>
<td>:</td>
<td>Technical Exhibition</td>
</tr>
<tr>
<td class="bold">Date</td>
<td>:</td>
<td class="dateEvent">Soon</td>
</tr>
<tr>
<td class="bold">Registration Fee</td>
<td>:</td>
<td>Rs.50/- per team</td>
</tr>
<tr>
<td class="bold">Max member in a team</td>
<td>:</td>
<td>3</td>
</tr>
</table>
<p>
<i>(Download Rules for more details)</i>
</p>
</div>
<div class="details-item details-rules">
<div>
....
</div>
<div class="prizeMoney">
<h5>PRIZE MONEY</h5>
<p>1st Prize: INR 3,000/-*</p>
<p>2nd Prize: INR 2,000/-*</p>
</div>

</div>
<div class="details-item details-btns">
<button class="btn details-btn" id="bmaBtn">Rules</button>
<button class="btn details-btn RegisterBtn">Register</button>
<div class="bold green small-font">(OFFLINE REGISTRATION DESK IS ALSO AVAILABLE TO REGISTER DIRECTLY ON THE EVENT DATE)</div>
<div class="bold red small-font">* Prize money is subject to change based on the number of participants</div>
</div>

</div>
</div>
</div>
<div class="event-details 3-event">
Expand All @@ -95,7 +166,7 @@ <h5>Details</h5>
<tr>
<td class="bold">Date</td>
<td>:</td>
<td>Soon</td>
<td class="dateEvent">Soon</td>
</tr>
<tr>
<td class="bold">Registration Fee</td>
Expand All @@ -108,7 +179,9 @@ <h5>Details</h5>
<td>3</td>
</tr>
</table>
<p><i>(Download Rules for more details)</i></p>
<p>
<i>(Download Rules for more details)</i>
</p>
</div>
<div class="details-item details-rules">
<div>
Expand Down Expand Up @@ -150,7 +223,7 @@ <h5>Details</h5>
<tr>
<td class="bold">Date</td>
<td>:</td>
<td>Soon</td>
<td class="dateEvent">Soon</td>
</tr>
<tr>
<td class="bold">Registration Fee</td>
Expand All @@ -163,7 +236,9 @@ <h5>Details</h5>
<td>Home Engineering</td>
</tr>
</table>
<p><i>(Download Rules for more details)</i></p>
<p>
<i>(Download Rules for more details)</i>
</p>
</div>
<div class="details-item details-rules">
<div>
Expand Down Expand Up @@ -204,7 +279,7 @@ <h5>Details</h5>
<tr>
<td class="bold">Date</td>
<td>:</td>
<td>Soon</td>
<td class="dateEvent">Soon</td>
</tr>
<tr>
<td class="bold">Registration Fee</td>
Expand All @@ -217,7 +292,9 @@ <h5>Details</h5>
<td>5</td>
</tr>
</table>
<p><i>(Download Rules for more details)</i></p>
<p>
<i>(Download Rules for more details)</i>
</p>
</div>
<div class="details-item details-rules">
<div>
Expand Down Expand Up @@ -258,7 +335,7 @@ <h5>Details</h5>
<tr>
<td class="bold">Date</td>
<td>:</td>
<td>Soon</td>
<td class="dateEvent">Soon</td>
</tr>
<tr>
<td class="bold">Registration Fee</td>
Expand All @@ -267,11 +344,13 @@ <h5>Details</h5>
</tr>

</table>
<p><i>(Download Rules for more details)</i></p>
<p>
<i>(Download Rules for more details)</i>
</p>
</div>
<div class="details-item details-rules">
<div>
Feel the game.
...
</div>
<div class="prizeMoney">
<h5>PRIZE MONEY</h5>
Expand Down Expand Up @@ -654,14 +733,23 @@ <h5>
const csGoUrl = 'https://drive.google.com/open?id=1W-ozeGOEu08jmqWxOjCTwKAui5KnFzDU';
const fifaUrl = 'https://drive.google.com/open?id=1vAflCxE2pYFOG6hemUqN8QjE98zax9to';
const photoUrl = 'https://drive.google.com/open?id=1ce5Z3hqNUSCdbCC8aCeMFEGsiuJ0avhL';
const bmaUrl = 'https://drive.google.com/open?id=1Td5-xu8I70A_JRKNa-g7SKywqua-g6Wi';
const techUrl = 'https://drive.google.com/open?id=1yPZypm1d6kkrBSFiUJAIUOqrr8MOuPHX';
const eventDate = '10.03.2018';

document.getElementById('csGoBtn').onclick = () => window.open(csGoUrl, '_blank');
document.getElementById('codeStromBtn').onclick = () => window.open(codeStromUrl, '_blank');
document.getElementById('fifaBtn').onclick = () => window.open(fifaUrl, '_blank');
document.getElementById('photoBtn').onclick = () => window.open(photoUrl, '_blank');
document.getElementById('bmaBtn').onclick = () => window.open(bmaUrl, '_blank');
document.getElementById('techBtn').onclick = () => window.open(techUrl, '_blank');

[...document.getElementsByClassName('RegisterBtn')].forEach(e =>
e.onclick = () => window.open(registerUrl, '_blank'));

[...document.getElementsByClassName('dateEvent')].forEach(e => {
e.innerHTML = eventDate;
});
</script>

</body>
Expand Down

0 comments on commit f884dca

Please sign in to comment.