@@ -288,9 +288,122 @@ <h3 class="arrow-txt">Do you accept <br />the invitation?</h3>
288288 many
289289 techies by delivering them the platform of learning.</ p >
290290
291- </ div >
292- </ section >
291+ </ div >
292+ </ section >
293293
294+ <!--Timeline-->
295+ <!-- <div>
296+ <div class="tabset">
297+
298+ <input type="radio" name="tabset" id="tab1" aria-controls="marzen" checked>
299+ <label for="tab1">Day 1</label>
300+
301+ <input type="radio" name="tabset" id="tab2" aria-controls="rauchbier">
302+ <label for="tab2">Day 2</label>
303+ Tab 3
304+ <input type="radio" name="tabset" id="tab3" aria-controls="dunkles">
305+ <label for="tab3">Day 3</label>
306+
307+ <div class="tab-panels">
308+ <section id="marzen" class="tab-panel">
309+ <div class="" style="padding-left:5%">
310+ <div class="row">
311+ <div class="col-md-12">
312+ <div class="card">
313+ <div class="card-body">
314+ <div id="content">
315+ <ul class="timeline">
316+ <li class="event" data-date="1:00pm">
317+ <h3>Registration</h3>
318+ <p></p>
319+ </li>
320+ <li class="event" data-date="4:00pm">
321+ <h3>Opening Ceremony</h3>
322+ <p></p>
323+ </li>
324+ <li class="event" data-date="8:00pm">
325+ <h3>Main Event</h3>
326+ <p></p>
327+ </li>
328+ <li class="event" data-date="9:30pm">
329+ <h3>Closing Ceremony</h3>
330+ <p></p>
331+ </li>
332+ </ul>
333+ </div>
334+ </div>
335+ </div>
336+ </div>
337+ </div>
338+ </div>
339+ </section>
340+ <section id="rauchbier" class="tab-panel">
341+ <div class="" style="padding-left:5%">
342+ <div class="row">
343+ <div class="col-md-12">
344+ <div class="card">
345+ <div class="card-body">
346+ <div id="content">
347+ <ul class="timeline">
348+ <li class="event" data-date="1:00pm">
349+ <h3>Registration</h3>
350+ <p></p>
351+ </li>
352+ <li class="event" data-date="4:00pm">
353+ <h3>Opening Ceremony</h3>
354+ <p></p>
355+ </li>
356+ <li class="event" data-date="8:00pm">
357+ <h3>Main Event</h3>
358+ <p></p>
359+ </li>
360+ <li class="event" data-date="9:30pm">
361+ <h3>Closing Ceremony</h3>
362+ <p></p>
363+ </li>
364+ </ul>
365+ </div>
366+ </div>
367+ </div>
368+ </div>
369+ </div>
370+ </div>
371+ </section>
372+ <section id="dunkles" class="tab-panel">
373+ <div class="" style="padding-left:5%">
374+ <div class="row">
375+ <div class="col-md-12">
376+ <div class="card">
377+ <div class="card-body">
378+ <div id="content">
379+ <ul class="timeline">
380+ <li class="event" data-date="1:00pm">
381+ <h3>Registration</h3>
382+ <p></p>
383+ </li>
384+ <li class="event" data-date="4:00pm">
385+ <h3>Opening Ceremony</h3>
386+ <p></p>
387+ </li>
388+ <li class="event" data-date="8:00pm">
389+ <h3>Main Event</h3>
390+ <p></p>
391+ </li>
392+ <li class="event" data-date="9:30pm">
393+ <h3>Closing Ceremony</h3>
394+ <p></p>
395+ </li>
396+ </ul>
397+ </div>
398+ </div>
399+ </div>
400+ </div>
401+ </div>
402+ </div>
403+ </section>
404+ </div>
405+ </div>
406+ </div> -->
294407
295408 <!--Themes-->
296409
@@ -530,49 +643,64 @@ <h2 class="Topic">Miscellaneous</h2>
530643 <div class="speakers">
531644 <div class="speaker-image-div"><img class="speaker-image" src="https://fontmeme.com/permalink/211124/3827380206ee06b7478b1bb866048f7f.png" alt="squid-game-font"></div>
532645 <div class="list">
533- <div class="card-wrap">
534- <div class="card-header one">
535-
536- </div>
646+ <div class="card-wrap">
647+ <div class="card-header one"></div>
537648 <div class="card-content">
538649 <h1 class="card-title">Title</h1>
539650 <p class="card-text">Lorem Ipsum is simply dummy text of </p>
651+ <div class="socials">
652+ <a href=""><i class="fab fa-twitter"></i></a>
653+ <a href=""><i class="fab fa-linkedin-in"></i></a>
654+ <a href=""><i class="fab fa-github"></i></a>
655+ </div>
540656 </div>
541657 </div>
542658 <div class="card-wrap">
543- <div class="card-header one">
544-
545- </div>
659+ <div class="card-header one"></div>
546660 <div class="card-content">
547661 <h1 class="card-title">Title</h1>
548662 <p class="card-text">Lorem Ipsum is simply dummy text of </p>
663+ <div class="socials">
664+ <a href=""><i class="fab fa-twitter"></i></a>
665+ <a href=""><i class="fab fa-linkedin-in"></i></a>
666+ <a href=""><i class="fab fa-github"></i></a>
667+ </div>
549668 </div>
550669 </div>
551670 <div class="card-wrap">
552- <div class="card-header one">
553-
554- </div>
671+ <div class="card-header one"></div>
555672 <div class="card-content">
556673 <h1 class="card-title">Title</h1>
557674 <p class="card-text">Lorem Ipsum is simply dummy text of </p>
675+ <div class="socials">
676+ <a href=""><i class="fab fa-twitter"></i></a>
677+ <a href=""><i class="fab fa-linkedin-in"></i></a>
678+ <a href=""><i class="fab fa-github"></i></a>
679+ </div>
558680 </div>
559681 </div>
560682 <div class="card-wrap">
561- <div class="card-header one">
562-
563- </div>
683+ <div class="card-header one"></div>
564684 <div class="card-content">
565685 <h1 class="card-title">Title</h1>
566686 <p class="card-text">Lorem Ipsum is simply dummy text of </p>
687+ <div class="socials">
688+ <a href=""><i class="fab fa-twitter"></i></a>
689+ <a href=""><i class="fab fa-linkedin-in"></i></a>
690+ <a href=""><i class="fab fa-github"></i></a>
691+ </div>
567692 </div>
568693 </div>
569694 <div class="card-wrap">
570- <div class="card-header one">
571-
572- </div>
695+ <div class="card-header one"></div>
573696 <div class="card-content">
574697 <h1 class="card-title">Title</h1>
575698 <p class="card-text">Lorem Ipsum is simply dummy text of </p>
699+ <div class="socials">
700+ <a href=""><i class="fab fa-twitter"></i></a>
701+ <a href=""><i class="fab fa-linkedin-in"></i></a>
702+ <a href=""><i class="fab fa-github"></i></a>
703+ </div>
576704 </div>
577705 </div>
578706 </div>
0 commit comments