PageSourceSearch

https://bitdcs.github.io/

html bitdcs.github.io collected 2026-10-03 08:42:56 UTC 28,327 bytes, 724 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js" lang="en">
3<head>
4
5    <!--- basic page needs
6    ================================================== -->
7    <meta charset="utf-8">
8    <title>BIT-D CS</title>
9    <meta name="description" content="Coding Society of College">
10  <meta name="keywords" content="coding society bit deoghar">
11  <meta name="author" content="Sourabh Kumar">
12  <meta name="viewport" content="width=device-width, initial-scale=1.0">
13
14    <!-- mobile specific metas
15    ================================================== -->
16    <meta name="viewport" content="width=device-width, initial-scale=1">
17
18    <!-- CSS
19    ================================================== -->
20    <link rel="stylesheet" href="css/base.css">
21    <link rel="stylesheet" href="css/vendor.css">
22    <link rel="stylesheet" href="css/main.css">
23
24    <!-- script
25    ================================================== -->
26    
26<script src="js/modernizr.js"></script>
26
27    
27<script src="js/pace.min.js"></script>
27
28
29    <!-- favicons
30    ================================================== -->
31    <link rel="shortcut icon" href="favicon.ic" type="image/x-icon">
32    <link rel="icon" href="favicon.ic" type="image/x-icon">
33<style type="text/css" media="screen">
34/* PIN BOARD */
35ul#notice li {
36   
37}
38ul.pinboards li,
39ul.tag-list li {
40  list-style: none;
41   display:inline;
42}
43ul.pinboards li h4 {
44  margin-top: 20px;
45  font-size: 18px;
46}
47ul.pinboards li div p { font-size: 16px; }
48ul.pinboards li div {
49  text-decoration: none;
50  color: #000;
51  background: #ffc;
52  display: block;
53  height: 140px;
54  width: 140px;
55  padding: 1em;
56  position: relative;
57}
58ul.pinboards li div small {
59  position: absolute;
60  top: 5px;
61  right: 5px;
62  font-size: 10px;
63}
64ul.pinboards li div a {
65  position: absolute;
66  right: 10px;
67  bottom: 10px;
68  color: inherit;
69}
70ul.pinboards li {
71  margin: 10px 40px 50px 0;
72  float: left;
73}
74ul.pinboards li div p {
75  font-size: 12px;
76}
77ul.pinboards li div {
78  text-decoration: none;
79  color: #000;
80  background: #ffc;
81  display: block;
82  height: 140px;
83  width: 140px;
84  padding: 1em;
85  /* Firefox */
86  -moz-box-shadow: 5px 5px 2px #212121;
87  /* Safari+Chrome */
88  -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
89  /* Opera */
90  box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
91}
92ul.pinboards li div {
93  -webkit-transform: rotate(-6deg);
94  -o-transform: rotate(-6deg);
95  -moz-transform: rotate(-6deg);
96  -ms-transform: rotate(-6deg);
97}
98ul.pinboards li:nth-child(even) div {
99  -o-transform: rotate(4deg);
100  -webkit-transform: rotate(4deg);
101  -moz-transform: rotate(4deg);
102  -ms-transform: rotate(4deg);
103  position: relative;
104  top: 5px;
105}
106ul.pinboards li:nth-child(3n) div {
107  -o-transform: rotate(-3deg);
108  -webkit-transform: rotate(-3deg);
109  -moz-transform: rotate(-3deg);
110  -ms-transform: rotate(-3deg);
111  position: relative;
112  top: -5px;
113}
114ul.pinboards li:nth-child(5n) div {
115  -o-transform: rotate(5deg);
116  -webkit-transform: rotate(5deg);
117  -moz-transform: rotate(5deg);
118  -ms-transform: rotate(5deg);
119  position: relative;
120  top: -10px;
121}
122ul.pinboards li div:hover,
123ul.pinboards li div:focus {
124  -webkit-transform: scale(1.1);
125  -moz-transform: scale(1.1);
126  -o-transform: scale(1.1);
127  -ms-transform: scale(1.1);
128  position: relative;
129  z-index: 5;
130}
131ul.pinboards li div {
132  text-decoration: none;
133  color: #000;
134  background: #ffc;
135  display: block;
136  height: 210px;
137  width: 210px;
138  padding: 1em;
139  -moz-box-shadow: 5px 5px 7px #212121;
140  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
141  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
142  -moz-transition: -moz-transform 0.15s linear;
143  -o-transition: -o-transform 0.15s linear;
144  -webkit-transition: -webkit-transform 0.15s linear;
145}
146</style>
147</head>
148
149<body id="top">
150
151    <!-- header
152    ================================================== -->
153    <header class="s-header">
154
155        <div class="header-logo">
156            <a class="site-logo" href="index.html">
157                <img src="images/logo.png" alt="Homepage">
158            </a>
159        </div>
160
161        <nav class="header-nav">
162
163            <a href="#0" class="header-nav__close" title="close"><span>Close</span></a>
164
165            <div class="header-nav__content">
166                <h3>BIT-Deoghar</h3>
167                
168                <ul class="header-nav__list">
169                    <li class="current"><a class="smoothscroll"  href="#home" title="home">Home</a></li>
170                    <li><a class="smoothscroll"  href="#about" title="about">About</a></li>
171                    <li><a class="smoothscroll"  href="#works" title="works">Gallery</a></li>
172                    <li><a class="smoothscroll"  href="#clients" title="clients">Notice</a></li>
173                    <li><a class="smoothscroll"  href="#services" title="services">Team</a></li>
174              	    <li><a class="smoothscroll"  href="#contact" title="contact">Contact</a></li>
175                </ul>
176    
177                
178                <ul class="header-nav__social">
179                    <li>
180                        <a href="#"><i class="fa fa-facebook"></i></a>
181                    </li>
182                    <li>
183                        <a href="#"><i class="fa fa-envelope"></i></a>
184                    </li>
185                    
186                </ul>
187.
188            </div> <!-- end header-nav__content -->
189
190        </nav>  <!-- end header-nav -->
191
192        <a class="header-menu-toggle" href="#0">
193            <span class="header-menu-text">Menu</span>
194            <span class="header-menu-icon"></span>
195        </a>
196
197    </header> <!-- end s-header -->
198
199
200    <!-- home
201    ================================================== -->
202    <section id="home" class="s-home target-section" data-parallax="scroll" data-image-src="images/hero-bg.jpg" data-natural-width=3000 data-natural-height=2000 data-position-y=center>
203
204        <div class="overlay"></div>
205        <div class="shadow-overlay"></div>
206
207        <div class="home-content">
208
209            <div class="row home-content__main">
210
211                <h3>Welcome to Coding Society</h3>
212
213                <h1 style="font-size:40px;">
214                    Coding Society is a student group <br> that tries to create a coding culture<br> which is somewhat missing.<br>
215					And we develop cool stuff that <br> benefits everyone in the campus. <br>
216                </h1>
217
218                <div class="home-content__buttons">
219					
220				   <a href="#about" class="smoothscroll btn btn--stroke">
221                        More About Us
222                    </a>
223					<a href="#about" class="smoothscroll btn btn--stroke">
224                        Quiz Arena
225                    </a>
226					<a href="compiler.html" target="_blank" class="btn btn--stroke">
227                        Compiler
228                    </a>
229                </div>
230
231            </div>
232
233            <div class="home-content__scroll">
234                <a href="#about" class="scroll-link smoothscroll">
235                    <span>Scroll Down</span>
236                </a>
237            </div>
238
239            <div class="home-content__line"></div>
240
241        </div> <!-- end home-content -->
242
243
244        <ul class="home-social">
245            <li>
246                <a href="#0"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a>
247            </li>
248            <li>
249                <a href="#0"><i class="fa fa-envelope" aria-hidden="true"></i><span>EMail</span></a>
250            </li>
251        </ul> 
252        <!-- end home-social -->
253
254    </section> <!-- end s-home -->
255
256
257    <!-- about
258    ================================================== -->
259    <section id='about' class="s-about">
260
261        <div class="row section-header has-bottom-sep" data-aos="fade-up">
262            <div class="col-full">
263                
264                <h1 class="display-1 display-1--light">About Coding Society</h1>
265            </div>
266        </div> <!-- end section-header -->
267
268        <div class="row about-desc" data-aos="fade-up">
269            <div class="col-full">
270                <p>
271                The best way to excel in competitive coding is to, well, compete. 
272				The Coding Club orgainzes regular contests on popular coding platforms
273				in order to inculcate the coding culture in students. 
274				In addition, We organize lectures on Programming Languages and 
275				algorithms & data structures in order to better place you among the global competition. 
276                </p>
277            </div>
278        </div>
279		
280
281        <div class="about__line"></div>
282
283    </section> <!-- end s-about -->
284
285    <!-- works
286    ================================================== -->
287    <section id='works' class="s-works">
288
289        <div class="intro-wrap">
290                
291            <div class="row section-header has-bottom-sep light-sep" data-aos="fade-up">
292                <div class="col-full">
293                    <h1 class="display-2 display-2--light">Gallery</h1>
294                </div>
295            </div> <!-- end section-header -->
296
297        </div> <!-- end intro-wrap -->
298
299        <div class="row works-content">
300            <div class="col-full masonry-wrap">
301                <div class="masonry">
302    
303                    <div class="masonry__brick" data-aos="fade-up">
304                        <div class="item-folio">
305                                
306                            <div class="item-folio__thumb">
307                                <a href="images/portfolio/gallery/g-shutterbug.jpg" class="thumb-link" title="Shutterbug" data-size="1050x700">
308                                    <img src="images/portfolio/lady-shutterbug.jpg" 
309                                         srcset="images/portfolio/lady-shutterbug.jpg 1x, images/portfolio/[email protected] 2x" alt="">
310                                </a>
311                            </div>
312    
313                            <div class="item-folio__text">
314                                <h3 class="item-folio__title">
315                                    Lorem
316                                </h3>
317                                <p class="item-folio__cat">
318                                    Lorem
319                                </p>
320                            </div>
321    
322                            <a href="https://www.behance.net/" class="item-folio__project-link" title="Project link">
323                                <i class="icon-link"></i>
324                            </a>
325    
326                            <div class="item-folio__caption">
327                                <p>Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.</p>
328                            </div>
329    
330                        </div>
331                    </div> <!-- end masonry__brick -->
332
333                    <div class="masonry__brick" data-aos="fade-up">
334                        <div class="item-folio">
335                                
336                            <div class="item-folio__thumb">
337                                <a href="images/portfolio/gallery/g-woodcraft.jpg" class="thumb-link" title="Woodcraft" data-size="1050x700">
338                                    <img src="images/portfolio/woodcraft.jpg" 
339                                         srcset="images/portfolio/woodcraft.jpg 1x, images/portfolio/[email protected] 2x" alt="">
340                                </a>
341                            </div>
342    
343                            <div class="item-folio__text">
344                                <h3 class="item-folio__title">
345                                    Lorem
346                                </h3>
347                                <p class="item-folio__cat">
348                                    Lorem
349                                </p>
350                            </div>
351    
352                            <a href="https://www.behance.net/" class="item-folio__project-link" title="Project link">
353                                <i class="icon-link"></i>
354                            </a>
355    
356                            <div class="item-folio__caption">
357                                <p>Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.</p>
358                            </div>
359    
360                        </div>
361                    </div> <!-- end masonry__brick -->
362    
363                    <div class="masonry__brick" data-aos="fade-up">
364                        <div class="item-folio">
365                                
366                            <div class="item-folio__thumb">
367                                <a href="images/portfolio/gallery/g-beetle.jpg" class="thumb-link" title="The Beetle Car" data-size="1050x700">
368                                    <img src="images/portfolio/the-beetle.jpg"
369                                         srcset="images/portfolio/the-beetle.jpg 1x, images/portfolio/[email protected] 2x" alt="">
370                                </a>
371                            </div>
372    
373                            <div class="item-folio__text">
374                                <h3 class="item-folio__title">
375                                    Lorem
376                                </h3>
377                                <p class="item-folio__cat">
378                                    Lorem
379                                </p>
380                            </div>
381    
382                            <a href="https://www.behance.net/" class="item-folio__project-link" title="Project link">
383                                <i class="icon-link"></i>
384                            </a>
385    
386                            <div class="item-folio__caption">
387                                <p>Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.</p>
388                            </div>
389    
390                        </div>
391                    </div> <!-- end masonry__brick -->
392    
393                    <div class="masonry__brick" data-aos="fade-up">
394                        <div class="item-folio">
395                                
396                            <div class="item-folio__thumb">
397                                <a href="images/portfolio/gallery/g-grow-green.jpg" class="thumb-link" title="Grow Green" data-size="1050x700">
398                                    <img src="images/portfolio/grow-green.jpg" 
399                                         srcset="images/portfolio/grow-green.jpg 1x, images/portfolio/[email protected] 2x" alt="">
400                                </a>
401                            </div>
402    
403                            <div class="item-folio__text">
404                                <h3 class="item-folio__title">
405                                    Lorem
406                                </h3>
407                                <p class="item-folio__cat">
408                                    Lorem
409                                </p>
410                            </div>
411    
412                            <a href="https://www.behance.net/" class="item-folio__project-link" title="Project link">
413                                <i class="icon-link"></i>
414                            </a>
415    
416                            <div class="item-folio__caption">
417                                <p>Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.</p>
418                            </div>
419    
420                        </div>
421                    </div> <!-- end masonry__brick -->
422
423                    <div class="masonry__brick" data-aos="fade-up">
424                        <div class="item-folio">
425                                
426                            <div class="item-folio__thumb">
427                                <a href="images/portfolio/gallery/g-guitarist.jpg" class="thumb-link" title="Guitarist" data-size="1050x700">
428                                    <img src="images/portfolio/guitarist.jpg" 
429                                         srcset="images/portfolio/guitarist.jpg 1x, images/portfolio/[email protected] 2x" alt="">
430                                </a>
431                            </div>
432    
433                            <div class="item-folio__text">
434                                <h3 class="item-folio__title">
435                                    Lorem
436                                </h3>
437                                <p class="item-folio__cat">
438                                    Lorem
439                                </p>
440                            </div>
441    
442                            <a href="https://www.behance.net/" class="item-folio__project-link" title="Project link">
443                                <i class="icon-link"></i>
444                            </a>
445    
446                            <div class="item-folio__caption">
447                                <p>Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.</p>
448                            </div>
449    
450                        </div>
451                    </div> <!-- end masonry__brick -->
452    
453                    
454                </div> <!-- end masonry -->
455            </div> <!-- end col-full -->
456        </div> <!-- end works-content -->
457
458    </section> <!-- end s-works -->
459
460
461    <!-- clients
462    ================================================== -->
463    <section id="clients" class="s-clients">
464
465        <div class="row section-header" data-aos="fade-up">
466            <div class="col-full">
467                <h1 class="display-2">Notice</h1>
468            </div>
469        </div> <!-- end section-header -->
470
471        <div class="row clients-outer" data-aos="fade-up">
472            <div class="col-full">
473                <div style="margin-left:60px; margin-right:60px;">
474                  <ul class="pinboards" id="notice">
475                        <li>
476                            <div>
477                                <small>October 4, 2018</small>
478                                <h6>Notice 1</h6>
479                                <p>Now a days all  web based application requires video and audio chat capabilities for real time communications.</p>
480                        
481                            </div>
482                        </li>
483                        <li>
484                            <div>
485                                <small>October 3, 2017</small>
486                                <h6>Notice 2</h6>
487                                <p>I would like to share all the trending javascript and jQuery plugins of the year 2017.</p>
488							</div>
489                        </li>
490                        <li>
491                            <div>
492                                <small>October 4, 2018</small>
493                                <h6>Notice 3</h6>
494                                <p>These plugins are light weight and it help us to make the web development much easier and finally time saver</p>
495                            </div>
496                        </li>
497                        <li>
498                            <div>
499                                <small>October 5, 2018</small>
500                                <h6>Notice 4</h6>
501                                <p></p>
502                            </div>
503                        </li>
504                                             
505                 </ul>
506               </div> <!-- end clients -->
507            </div> <!-- end col-full -->
508        </div> <!-- end clients-outer -->
509
510    </section> <!-- end s-clients -->
511
512
513    <!-- contact
514    ================================================== -->
515    <section id="contact" class="s-contact">
516
517        <div class="overlay"></div>
518        <div class="contact__line"></div>
519
520        <div class="row section-header" data-aos="fade-up">
521            <div class="col-full">
522                <h3 class="subhead">Contact Us</h3>
523                <h1 class="display-2 display-2--light">Reach out for a new project or just say hello</h1>
524            </div>
525        </div>
526
527        <div class="row contact-content" data-aos="fade-up">
528            
529            <div class="contact-primary">
530
531                <h3 class="h6">Send Us A Message</h3>
532
533                <form name="contactForm" id="contactForm" method="post" action="" novalidate="novalidate">
534                    <fieldset>
535    
536                    <div class="form-field">
537                        <input name="contactName" type="text" id="contactName" placeholder="Your Name" value="" minlength="2" required="" aria-required="true" class="full-width">
538                    </div>
539                    <div class="form-field">
540                        <input name="contactEmail" type="email" id="contactEmail" placeholder="Your Email" value="" required="" aria-required="true" class="full-width">
541                    </div>
542                    <div class="form-field">
543                        <input name="contactSubject" type="text" id="contactSubject" placeholder="Subject" value="" class="full-width">
544                    </div>
545                    <div class="form-field">
546                        <textarea name="contactMessage" id="contactMessage" placeholder="Your Message" rows="10" cols="50" required="" aria-required="true" class="full-width"></textarea>
547                    </div>
548                    <div class="form-field">
549                        <button class="full-width btn--primary">Submit</button>
550                        <div class="submit-loader">
551                            <div class="text-loader">Sending...</div>
552                            <div class="s-loader">
553                                <div class="bounce1"></div>
554                                <div class="bounce2"></div>
555                                <div class="bounce3"></div>
556                            </div>
557                        </div>
558                    </div>
559    
560                    </fieldset>
561                </form>
562
563                <!-- contact-warning -->
564                <div class="message-warning">
565                    Something went wrong. Please try again.
566                </div> 
567            
568                <!-- contact-success -->
569                <div class="message-success">
570                    Your message was sent, thank you!<br>
571                </div>
572
573            </div> <!-- end contact-primary -->
574
575            <div class="contact-secondary">
576                <div class="contact-info">
577
578                    <h3 class="h6 hide-on-fullwidth">Contact Info</h3>
579
580                    <div class="cinfo">
581                        <h5>Address</h5>
582                        <p>
583                            Birla Institute Of Technology<br>
584                            Deoghar, Jharkhand<br>
585                            814112, IN
586                        </p>
587                    </div>
588
589                    <div class="cinfo">
590                        <h5>Email Us At</h5>
591                        <p>
592                        [email protected]<br>
593                        </p>
594                    </div>
595
596                    <div class="cinfo">
597                        <h5>Call Us At</h5>
598                        <p>
599                            Phone: (+91) 9110086006<br>
600                        </p>
601                    </div>
602
603                    <ul class="contact-social">
604                        <li>
605                            <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
606                        </li>
607                        <li>
608                            <a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a>
609                        </li>
610                    </ul> <!-- end contact-social -->
611
612                </div> <!-- end contact-info -->
613            </div> <!-- end contact-secondary -->
614
615        </div> <!-- end contact-content -->
616
617    </section> <!-- end s-contact -->
618
619
620    <!-- footer
621    ================================================== -->
622    <footer>
623
624        <div class="row footer-main">
625
626            <div class="col-twelve tab-full right footer-subscribe">
627
628                <h4>Get Notified</h4>
629                <p></p>
630
631                <div class="subscribe-form">
632                    <form id="mc-form" class="group" novalidate="true">
633                        <input type="email" value="" name="EMAIL" class="email" id="mc-email" placeholder="Email Address" required="">
634                        <input type="submit" name="subscribe" value="Subscribe">
635                        <label for="mc-email" class="subscribe-message"></label>
636                    </form>
637                </div>
638
639            </div>
640
641        </div> <!-- end footer-main -->
642
643        <div class="row footer-bottom">
644
645            <div class="col-twelve">
646                <div class="copyright">
647                    <span>© Copyright BIT-Deoghar</span> 
648                    <span>Developed by <a href="https://sourabhbit.github.io">Sourabh Kumar</a></span>	
649                </div>
650
651                <div class="go-top">
652                    <a class="smoothscroll" title="Back to Top" href="#top"><i class="icon-arrow-up" aria-hidden="true"></i></a>
653                </div>
654            </div>
655
656        </div> <!-- end footer-bottom -->
657
658    </footer> <!-- end footer -->
659
660
661    <!-- photoswipe background
662    ================================================== -->
663    <div aria-hidden="true" class="pswp" role="dialog" tabindex="-1">
664
665        <div class="pswp__bg"></div>
666        <div class="pswp__scroll-wrap">
667
668            <div class="pswp__container">
669                <div class="pswp__item"></div>
670                <div class="pswp__item"></div>
671                <div class="pswp__item"></div>
672            </div>
673
674            <div class="pswp__ui pswp__ui--hidden">
675                <div class="pswp__top-bar">
676                    <div class="pswp__counter"></div><button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title=
677                    "Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title=
678                    "Zoom in/out"></button>
679                    <div class="pswp__preloader">
680                        <div class="pswp__preloader__icn">
681                            <div class="pswp__preloader__cut">
682                                <div class="pswp__preloader__donut"></div>
683                            </div>
684                        </div>
685                    </div>
686                </div>
687                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
688                    <div class="pswp__share-tooltip"></div>
689                </div><button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title=
690                "Next (arrow right)"></button>
691                <div class="pswp__caption">
692                    <div class="pswp__caption__center"></div>
693                </div>
694            </div>
695
696        </div>
697
698    </div> <!-- end photoSwipe background -->
699
700
701    <!-- preloader
702    ================================================== -->
703    <div id="preloader">
704        <div id="loader">
705            <div class="line-scale-pulse-out">
706                <div></div>
707                <div></div>
708                <div></div>
709                <div></div>
710                <div></div>
711            </div>
712        </div>
713    </div>
714
715
716    <!-- Java Script
717    ================================================== -->
718    
718<script src="js/jquery-3.2.1.min.js"></script>
718
719    
719<script src="js/plugins.js"></script>
719
720    
720<script src="js/main.js"></script>
720
721
722</body>
723
724</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.