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.