├── .vscode
    └── settings.json
├── Photos
    ├── close.png
    ├── gallery_bg.jpg
    ├── gallery_bg1.jpg
    ├── group_photo.jpg
    ├── loading.gif
    ├── next.png
    ├── pic1.jpeg
    ├── pic10.jpg
    ├── pic11.JPG
    ├── pic12.JPG
    ├── pic13.JPG
    ├── pic14.JPG
    ├── pic14_copy.jpg
    ├── pic15.JPG
    ├── pic15_copy.jpg
    ├── pic2.jpeg
    ├── pic3.jpeg
    ├── pic4.jpeg
    ├── pic5.jpeg
    ├── pic6.jpg
    ├── pic7.png
    ├── pic8.jpg
    ├── pic_15.JPG
    ├── pic_16.JPG
    ├── pic_17.JPG
    ├── pic_18.JPG
    └── prev.png
├── README.md
├── contact_us.html
├── css
    ├── contact.css
    ├── flippingCard.css
    ├── gallery.css
    ├── lightbox.min.css
    ├── styles.css
    └── teams.css
├── events.html
├── events1.html
├── gallery.html
├── image
    ├── istockphoto-1162440985-170667a.jpg
    ├── leaves1.png
    ├── leaves2.png
    ├── leaves3.png
    ├── leaves4.png
    ├── new (1).png
    ├── new (2).png
    ├── new (3).png
    ├── new (4).png
    ├── one (1).jpg
    ├── one (2).png
    ├── one (3).png
    ├── one (4).jpg
    ├── star.png
    └── trek.png
├── images
    ├── 84yaPic.jpeg
    ├── AaminiPic.jpeg
    ├── Abhay_kumar_singh.jpg
    ├── AbhishekSinghPic.jpeg
    ├── Abhishek_mishra.jpg
    ├── AkanshaPic.jpeg
    ├── Akash_pathak.jpg
    ├── Akriti_raj.jpg
    ├── Aman_singh.jpg
    ├── AniketYadavPic.jpeg
    ├── Aniket_niranjan.jpg
    ├── Ankit_tiwari.jpg
    ├── AnkitaPic.jpeg
    ├── Anmol_pandey.jpg
    ├── Anshika_maurya.jpg
    ├── Anshika_sharma.jpg
    ├── Anurag_gupta.jpeg
    ├── AnushkaPic.jpeg
    ├── Aryan_singh.jpg
    ├── AshitSirPic.jpeg
    ├── Ashvini_rai.jpg
    ├── AsutoshPic.jpeg
    ├── CodeaholicShubDp.jpg
    ├── DivyanshSir.jpeg
    ├── Divyanshu.jpeg
    ├── DivyanshuSir.jpeg
    ├── Eshika_verma.jpg
    ├── GargiSaraMam.jpeg
    ├── HarshitPic.jpeg
    ├── HarshitSirPic.jpeg
    ├── HarshvarshanPic.jpeg
    ├── Hashir_waqar.jpg
    ├── JyotiPic.jpg
    ├── KushagraSirPic.jpeg
    ├── Manikant_kharwar.jpg
    ├── Mayank_rai.jpg
    ├── MillerPic.jpeg
    ├── Mohit.jpeg
    ├── Muzammil_ali.jpg
    ├── NSS-logo.png
    ├── NamitaMam.jpg
    ├── NehaRoshniPic.jpeg
    ├── Nishtha_singh.jpg
    ├── Priya_patel.jpg
    ├── Priyanshu_puri.jpg
    ├── Rajneesh.jpeg
    ├── Ritika_yadav.jpeg
    ├── Rohan_kumar.jpg
    ├── SakshiPandeyPic.jpeg
    ├── SaloniPic.jpeg
    ├── Satwick_verma.jpg
    ├── ShatakshiMamPic.jpeg
    ├── Shiva.jpeg
    ├── Shivam_singh.jpg
    ├── Shivendra_chaurasia.jpg
    ├── ShreyaGuptaPic.jpeg
    ├── ShreyaPic.jpeg
    ├── Shreya_gupta.jpg
    ├── Shruti_pandey.jpg
    ├── ShubhankarPic.jpeg
    ├── ShubhankarPic.jpg
    ├── Sudhir_mishra.jpg
    ├── SurajPic.jpeg
    ├── UttkarshPic.jpeg
    ├── VaibhavPic.jpeg
    ├── Vaibhav_srivastava.jpg
    ├── Yash_srivastava.jpg
    ├── logo.jpeg
    ├── mmm.png
    ├── mmmut.png
    ├── one.jpeg
    ├── two.jpeg
    ├── unnamed.jpg
    ├── user.jpg
    └── vc.jpg
├── index.html
├── js
    └── lightbox.min.js
├── scripts.js
├── teams.html
├── teams1.html
└── thanks.html


/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |     "liveServer.settings.port": 5501
3 | }


--------------------------------------------------------------------------------
/Photos/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/close.png


--------------------------------------------------------------------------------
/Photos/gallery_bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/gallery_bg.jpg


--------------------------------------------------------------------------------
/Photos/gallery_bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/gallery_bg1.jpg


--------------------------------------------------------------------------------
/Photos/group_photo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/group_photo.jpg


--------------------------------------------------------------------------------
/Photos/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/loading.gif


--------------------------------------------------------------------------------
/Photos/next.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/next.png


--------------------------------------------------------------------------------
/Photos/pic1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic1.jpeg


--------------------------------------------------------------------------------
/Photos/pic10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic10.jpg


--------------------------------------------------------------------------------
/Photos/pic11.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic11.JPG


--------------------------------------------------------------------------------
/Photos/pic12.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic12.JPG


--------------------------------------------------------------------------------
/Photos/pic13.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic13.JPG


--------------------------------------------------------------------------------
/Photos/pic14.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic14.JPG


--------------------------------------------------------------------------------
/Photos/pic14_copy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic14_copy.jpg


--------------------------------------------------------------------------------
/Photos/pic15.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic15.JPG


--------------------------------------------------------------------------------
/Photos/pic15_copy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic15_copy.jpg


--------------------------------------------------------------------------------
/Photos/pic2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic2.jpeg


--------------------------------------------------------------------------------
/Photos/pic3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic3.jpeg


--------------------------------------------------------------------------------
/Photos/pic4.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic4.jpeg


--------------------------------------------------------------------------------
/Photos/pic5.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic5.jpeg


--------------------------------------------------------------------------------
/Photos/pic6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic6.jpg


--------------------------------------------------------------------------------
/Photos/pic7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic7.png


--------------------------------------------------------------------------------
/Photos/pic8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic8.jpg


--------------------------------------------------------------------------------
/Photos/pic_15.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic_15.JPG


--------------------------------------------------------------------------------
/Photos/pic_16.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic_16.JPG


--------------------------------------------------------------------------------
/Photos/pic_17.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic_17.JPG


--------------------------------------------------------------------------------
/Photos/pic_18.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/pic_18.JPG


--------------------------------------------------------------------------------
/Photos/prev.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/Photos/prev.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # NSS-MMMUT ❤️🔥
  2 | ![NSS-MMMUT](https://socialify.git.ci/codeaholic-shub/NSS-MMMUT/image?description=1&descriptionEditable=Not%20Me%20But%20You%20!&font=Bitter&forks=1&issues=1&logo=https%3A%2F%2Fraw.githubusercontent.com%2Fcodeaholic-shub%2FNSS-MMMUT%2Fmaster%2Fimages%2Flogo.jpeg&owner=1&pattern=Charlie%20Brown&pulls=1&stargazers=1&theme=Dark)
  3 | 
  4 | <hr>
  5 | 
  6 | <h1>🎯 Website Making Details </h1>
  7 | 
  8 | ✔️This is an Open Source Project <br>
  9 | ✔️Participants which are part of NSS-MMMUT can easily contribute to it <br>
 10 | 
 11 | ## Contribution Guidelines🏗
 12 | 
 13 |  We invite you to contribute to this project and make it better.
 14 | To start contributing, follow the guidelines below:
 15 | 
 16 | **1.** Fork [this](https://github.com/codeaholic-shub/NSS-MMMUT) repository.
 17 | 
 18 | **2.** Clone your forked copy of the project.
 19 | 
 20 | ```
 21 | git clone --depth 1 https://github.com/<your_username>/NSS-MMMUT.git
 22 | ```
 23 | 
 24 | **3.** Navigate to the project directory :file_folder: .
 25 | 
 26 | ```
 27 | cd NSS-MMMUT
 28 | 
 29 | ```
 30 | 
 31 | **4.** Add a reference(remote) to the original repository.
 32 | 
 33 | ```
 34 | git remote add upstream https://github.com/codeaholic-shub/NSS-MMMUT
 35 | ```
 36 | 
 37 | **5.** Check the remotes for this repository.
 38 | 
 39 | ```
 40 | git remote -v
 41 | ```
 42 | 
 43 | **6.** Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).
 44 | 
 45 | ```
 46 | git pull upstream main
 47 | ```
 48 | 
 49 | **7.** Create a new branch.
 50 | 
 51 | ```
 52 | git checkout -b <your_branch_name>
 53 | ```
 54 | 
 55 | **8.** Perfom your desired changes to the code base.
 56 | 
 57 | <p align="center"><img width=35% src="https://media2.giphy.com/media/L1R1tvI9svkIWwpVYr/giphy.gif?cid=ecf05e47pzi2rpig0vc8pjusra8hiai1b91zgiywvbubu9vu&rid=giphy.gif"></p>
 58 | 
 59 | **9.** Track your changes:heavy_check_mark: .
 60 | 
 61 | ```
 62 | git add .
 63 | ```
 64 | 
 65 | **10.** Commit your changes .
 66 | 
 67 | ```
 68 | git commit -m "Relevant message"
 69 | ```
 70 | 
 71 | **11.** Push the committed changes in your feature branch to your remote repo.
 72 | 
 73 | ```
 74 | git push -u origin <your_branch_name>
 75 | ```
 76 | 
 77 | **12.** To create a pull request, click on `compare and pull requests`. Please ensure you compare your feature branch to the desired branch of the repo you are suppose to make a PR to.
 78 | 
 79 | **13.** Add appropriate title and description to your pull request explaining your changes and efforts done.
 80 | 
 81 | **14.** Click on `Create Pull Request`.
 82 | 
 83 | **15** Voila! You have made a PR to the NSS-MMMUT. Sit back patiently and relax while the your PR is reviewed.
 84 | 
 85 | <p align="center"><img src="https://media.giphy.com/media/5mCQOcUfywmyI/giphy.gif" width=35%></p>
 86 | 
 87 | In case of any help, please free to contact [us](shubhankar.poddar789@gmail.com) via email !
 88 | 
 89 | 
 90 |  <h1 align=center> Project Admin ❤️ </h1>
 91 | <p align="center">
 92 | 
 93 | <table>
 94 |   <tbody><tr>
 95 |     <td align="center"><a href="https://github.com/codeaholic-shub"><img alt="" src="https://avatars.githubusercontent.com/codeaholic-shub" width="130px;"><br><sub><b> Shubhankar Poddar </b></sub></a><br><a href="https://github.com/codeaholic-shub/NSS-MMMUT/commits?author=codeaholic-shub" title="Code">💻 </a></td> </a></td>
 96 |        <td align="center"><a href="https://github.com/JyotiKumari2"><img alt="" src="https://avatars.githubusercontent.com/JyotiKumari2" width="130px;"><br><sub><b> Jyoti Kumari </b></sub></a><br><a href="https://github.com/JyotiKumari2/NSS-MMMUT/commits?author=JyotiKumari2" title="Code">💻 </a></td> </a></td>
 97 | </tbody></table>
 98 | 
 99 | 
100 | 
101 | 
102 | 
103 | 
104 | 
105 | 
106 | <h2 align=center> ✨ Contributors </h2>
107 | 
108 | Thanks go to these **Wonderful People** 👨🏻‍💻: 🚀 **Contributions** of any kind are welcome!
109 | <table>
110 |   <tbody><tr>
111 |  <td align="center"><a href="https://github.com/codeaholic-shub"><img alt="" src="https://avatars.githubusercontent.com/codeaholic-shub" width="130px;"><br><sub><b> Shubhankar Poddar </b></sub></a><br><a href="https://github.com/codeaholic-shub/NSS-MMMUT/commits?author=codeaholic-shub" title="Code">💻 </a></td> </a></td>
112 |  <td align="center"><a href="https://github.com/JyotiKumari2"><img alt="" src="https://avatars.githubusercontent.com/JyotiKumari2" width="130px;"><br><sub><b> Jyoti Kumari </b></sub></a><br><a href="https://github.com/JyotiKumari2/NSS-MMMUT/commits?author=JyotiKumari2" title="Code">💻 </a></td> </a></td>
113 |  <td align="center"><a href="https://github.com/ashumsd7"><img alt="" src="https://avatars.githubusercontent.com/ashumsd7" width="130px;"><br><sub><b> Aashutosh Anand Tiwari </b></sub></a><br><a href="https://github.com/ashumsd7/NSS-MMMUT/commits?author=ashumsd7" title="Code">💻 </a></td> </a></td>
114 |  <td align="center"><a href="https://github.com/altyon-get"><img alt="" src="https://avatars.githubusercontent.com/altyon-get" width="130px;"><br><sub><b> Altyon-Get </b></sub></a><br><a href="https://github.com/altyon-get/NSS-MMMUT/commits?author=altyon-get" title="Code">💻 </a></td> </a></td>
115 |  <td align="center"><a href="https://github.com/aniketchaurasia"><img alt="" src="https://avatars.githubusercontent.com/aniketchaurasia" width="130px;"><br><sub><b> Aniket Chaurasia </b></sub></a><br><a href="https://github.com/aniketchaurasia/NSS-MMMUT/commits?author=aniketchaurasia" title="Code">💻 </a></td> </a></td>
116 |   <td align="center"><a href="https://github.com/arpit456jain"><img alt="" src="https://avatars.githubusercontent.com/arpit456jain" width="130px;"><br><sub><b> Arpit Jain </b></sub></a><br><a href="https://github.com/arpit456jain/NSS-MMMUT/commits?author=arpit456jain" title="Code">💻 </a></td> </a></td>
117 |   <td align="center"><a href="https://github.com/connectnitesh"><img alt="" src="https://avatars.githubusercontent.com/connectnitesh" width="130px;"><br><sub><b> Nitesh Rawat  </b></sub></a><br><a href="https://github.com/connectnitesh/NSS-MMMUT/commits?author=connectnitesh" title="Code">💻 </a></td> </a></td>
118 |   
119 | </tbody></table>
120 | 
121 | # Connect Us On 🤝:
122 | <p align="center">
123 |   <a href="https://www.instagram.com/nss_mmmut/">
124 |     <img src="https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white">
125 |   </a>
126 | <a href="https://www.facebook.com/nssmmmutgkp/">
127 |     <img src="https://img.shields.io/badge/Facebook-1877F2?style=for-the-badge&logo=facebook&logoColor=white">
128 |   </a>
129 | <a href="https://chat.whatsapp.com/L4K1EGQqzaj8HKT3asGbNA">
130 |     <img src="https://img.shields.io/badge/-Whatsapp-2EC866?style=for-the-badge&logo=whatsapp&logoColor=white">
131 |   </a>
132 | <a href="https://t.me/joinchat/TZMqcZzqtCfJbP0v">
133 |     <img src="https://img.shields.io/badge/Telegram-1DA1F2?style=for-the-badge&logo=telegram&logoColor=white">
134 |   </a>
135 | 
136 | <hr>
137 | 
138 | <h1 align=center>Happy Contributing 👨‍💻 </h1>
139 | 
140 | 


--------------------------------------------------------------------------------
/contact_us.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8" />
  6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8 |   <!-- favicon -->
  9 |   <link rel="shortcut icon" href="images/NSS-logo.png" type="image/x-icon" />
 10 | 
 11 |   <!-- icons -->
 12 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 13 | 
 14 |   <!-- bootstrap -->
 15 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
 16 |     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
 17 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 18 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css">
 19 |   <!-- jQuery library -->
 20 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 21 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
 22 | 
 23 |   <!-- stylesheet-css -->
 24 |    
 25 |   <link rel="preload" href="css/flippingCard.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 26 |   <link rel="preload" href="css/styles.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 27 |   <link rel="preload" href="css/contact.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 28 |   <link rel="preload" href="css/lightbox.min.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 29 |   <script type="text/javascript" src="js/lightbox.min.js"></script>
 30 |   <title>NSS-MMMUT</title>
 31 | 
 32 |   <style>
 33 |     /*  */
 34 |     /* For pre loader  */
 35 |     #pre-loader {
 36 |       z-index: 99999;
 37 |       position: fixed;
 38 |       width: 100%;
 39 |       height: 100vh;
 40 |       background: rgb(179, 179, 206) url(https://i.ibb.co/5j6Yrqc/loader.gif) center;
 41 |       background-repeat: no-repeat;
 42 |       background-size: 10rem;
 43 |     }
 44 | 
 45 |     /*  */
 46 |     /*  */
 47 |     .about {
 48 |       width: 100vw;
 49 |     }
 50 | 
 51 |     .content {
 52 |       margin-left: 1rem !important;
 53 |       position: relative;
 54 |       left: 30rem;
 55 |     }
 56 |     #submit-button:active
 57 |     {
 58 |       background-color: brown;
 59 |     }
 60 |     .contactForm
 61 |     {
 62 |       border-radius: 5px;
 63 |     }
 64 |   </style>
 65 | 
 66 | 
 67 | </head>
 68 | 
 69 | 
 70 | <!-- body -->
 71 | 
 72 | <body onload="close_loader()">
 73 |   <!-- preloader  -->
 74 |   <div id="pre-loader">
 75 | 
 76 |   </div>
 77 |   <!-- navbar start -->
 78 |   <nav class="navbar navbar-expand-lg navbar-light bg-light">
 79 |     <img class="navbar-brand" src="images/NSS-logo.png" alt="nss-logo-png" width="55.4rem" height="60.4rem" />
 80 |     <a id="mmmut-tag" href=index.html>NSS-MMMUT</a>
 81 | 
 82 |     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
 83 |       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 84 |       <span class="navbar-toggler-icon"></span>
 85 |     </button>
 86 |     <div class="collapse navbar-collapse" id="navbarNavDropdown">
 87 |       <ul class="navbar-nav ml-auto">
 88 |         <li class="nav-item active">
 89 |           <a class="nav-link" href="index.html"><i class="fa fa-home"></i> Home
 90 |             <span class="sr-only">(current)</span></a>
 91 |         </li>
 92 |         <li class="nav-item dropdown">
 93 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
 94 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-users"></i> Team
 95 |           </a>
 96 | 
 97 |           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 98 |             <a class="dropdown-item" href="teams.html" target="_blank">Year 2020-21</a>
 99 |             <a class="dropdown-item" href="teams1.html" target="_blank">Year 2021-22</a>
100 |           </div>
101 |         </li>
102 |         <li class="nav-item dropdown">
103 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
104 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-calendar"></i> Events
105 |           </a>
106 | 
107 |             <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
108 |               <a class="dropdown-item" href="events.html">Year 2020-21</a>
109 |               <a class="dropdown-item" href="events1.html">Year 2021-22</a>
110 |             </div>
111 |         </li>
112 |         <li class="nav-item">
113 |           <a class="nav-link" href="gallery.html"><i class="fa fa-image"></i> Gallery</a>
114 |         </li>
115 |         <li class="nav-item">
116 |           <a class="nav-link" href="contact_us.html"><i class="fa fa-phone"></i> Contact Us</a>
117 |         </li>
118 |       </ul>
119 |     </div>
120 |   </nav>
121 |   <!-- navbar end -->
122 | 
123 |   <!-- btn top -->
124 |   <button class="btn-to-top">
125 |     <i class="fa fa-arrow-up fa-2x"></i>
126 |   </button>
127 | 
128 |         <!-- section 4 start-->
129 |   <section class="contact-us" id="4">
130 |     <br>
131 |     <h1>  </h1>
132 |     <div class="content"></div>
133 |     <p>  </p>
134 |     </div>
135 |     <div class="contactForm">
136 |       <form action="https://formsubmit.co/nss20.mmmut@gmail.com" method="POST">
137 |         <h2> Send Message </h2>
138 |         <div class="inputBox">
139 |           <input class="contact-input" type="text" name="name" required="required" style="text-transform: capitalize;">
140 |           <span>Full Name</span>
141 |         </div>
142 |         <div class="inputBox">
143 |           <input class="contact-input" type="email" name="email" required="required">
144 |           <span>Email</span>
145 |         </div>
146 |         <div class="inputBox">
147 |           <textarea class="contact-input" type="text" name="message" required="required" style="text-transform: capitalize;"></textarea>
148 |           <span> Type Your Message ... </span>
149 |         </div>
150 |         <div class="inputBox">
151 |           <input type="submit" name="" value="Send" id="submit-button">
152 |         </div>
153 |         <!-- ||||||||||||||| -->
154 | 
155 |         <input type="hidden" name="_subject" value="New submission!">
156 |         <!--  -->
157 |         <input type="hidden" name="_next" value="https://codeaholic-shub.github.io/NSS-MMMUT/thanks.html">
158 |         <!-- <<<--web address of thanku page not file adress -->
159 |         <input type="hidden" name="_subject" value="NSS: Recieved message">
160 |         <input type="hidden" name="_captcha" value="false">
161 | 
162 |         <!-- |||||||||||||||| -->
163 |       </form>
164 |     </div>
165 |     </div>
166 |   </section>
167 |   <!-- section 4 ends -->
168 |   <!-- boostrap js start -->
169 |   <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
170 |     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
171 |     crossorigin="anonymous"></script>
172 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
173 |     integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
174 |     crossorigin="anonymous"></script>
175 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
176 |     integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
177 |     crossorigin="anonymous"></script>
178 |   <script src="scripts.js"></script>
179 |   <!-- bootstrap js ends -->
180 | 
181 |   <!-- btn-to-top script start -->
182 |   <script>
183 |     const btn = document.querySelector('.btn-to-top');
184 |     btn.addEventListener("click", function () {
185 |       window.scrollTo({
186 |         top: 0,
187 |         left: 0,
188 |         behavior: "smooth"
189 |       });
190 |     })
191 |   </script>
192 |   <!-- btn-to-top script ends-->
193 | 
194 |   <!-- preloader script starts-->
195 |   <script>
196 |     function close_loader() {
197 |       document.getElementById('pre-loader').style.display = 'none';
198 |     }
199 |   </script>
200 |   <!-- preloader script end-->
201 | 
202 |   <footer id="footer">
203 |     <div class="footer-top">
204 |       <div class="grid-container">
205 |         <div class="grid-item">
206 |           <div class="left">
207 |             <div class="left-content">
208 |               <img id="logo1" src="images/NSS-logo.png" alt="LogoNSS">
209 |               <img id="logo2" src="images/mmm.png" alt="LogoMMM">
210 |             </div>
211 |             <div class="left-content">
212 | 
213 |               <p class="nss">
214 |                 National Service Scheme(NSS),<br> an initiative by the<br> Government of India,<br> provides hands-on
215 |                 <br>
216 |                 experience in community services <br> to young students.
217 |               </p>
218 | 
219 |             </div>
220 |           </div>
221 |         </div>
222 | 
223 |         <div class="grid-item">
224 |           <div class="right">
225 |             <h3 class="underline-small"> <strong> Contact Us :- </strong> </h3>
226 |             <p id="details">
227 |               <i class="fa fa-map-marker" aria-hidden="true"></i> MMMUT, Gorakhpur, U.P, India <br>
228 |               <i class="fa fa-envelope" aria-hidden="true"></i><strong> Email: </strong> nss20.mmmut@gmail.com <br>
229 |             </p>
230 |             <div class="social-links">
231 |               <!-- <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> -->
232 | 
233 |               <a href="https://www.facebook.com/nssmmmutgkp/" class="facebook"><i
234 |                   class="fa fa-facebook"></i></a>
235 |               <a href="https://www.instagram.com/nss_mmmut/" class="instagram"><i
236 |                   class="fa fa-instagram"></i></a>
237 |               <!-- <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a> -->
238 |               <a href="https://t.me/joinchat/TZMqcZzqtCfJbP0v" class="linkedin"><i
239 |                   class="fa fa-telegram"></i></a>
240 |             </div>
241 |           </div>
242 |         </div>
243 |       </div>
244 |     </div>
245 | 
246 |     </div>
247 |     </div>
248 | 
249 |     </div>
250 |     </div>
251 |     <hr>
252 |     <div class="container">
253 |       <div class="copyright">
254 |         &copy; Copyright <strong>NSS MMMUT , GKP</strong>. All Rights Reserved <br> Designed by <a
255 |         href="https://github.com/codeaholic-shub/NSS-MMMUT" style="color: #f82249"> Shubhankar & Team </a>
256 |       </div>
257 |     </div>
258 |   </footer>
259 | </body>
260 | </html>
261 | 


--------------------------------------------------------------------------------
/css/contact.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |   margin: 0;
  3 |   padding: 0;
  4 |   box-sizing: border-box;
  5 |   font-family: "Poppins", sans-serif;
  6 | }
  7 | .contactHeading {
  8 |   color: white;
  9 |   font-size: 3.125rem;
 10 |   font-family: Arial, Helvetica, sans-serif;
 11 | }
 12 | .moto {
 13 |   color: rgb(228, 228, 228);
 14 |   font-size: 1.25rem;
 15 |   font-family: Arial, Helvetica, sans-serif;
 16 | }
 17 | .contact-form-input,
 18 | .contact-form button {
 19 |   font-family: inherit;
 20 |   text-transform: uppercase;
 21 |   font-weight: bold;
 22 |   font-size: 12px;
 23 |   padding: 24px;
 24 |   letter-spacing: 1px;
 25 |   border: none;
 26 |   width: 100%;
 27 |   outline: none;
 28 | }
 29 | .contact-input{
 30 |   border-radius: 4px;
 31 |   display:inline-block;
 32 |   margin:4px 4px;
 33 |   padding:4px 4px;
 34 |   background: #e7dee0;
 35 |   box-shadow: inset 5px 5px 10px #bdb6b8,
 36 |               inset -5px -5px 10px #ffffff;
 37 | }
 38 | .contact-form button {
 39 |   background-color: #e05e02;
 40 |   padding: 20px;
 41 |   color: rgb(255, 255, 255);
 42 | }
 43 | .contact-form button:hover {
 44 |   background-color: #ff7e29;
 45 | }
 46 | .contact-us {
 47 |   position: relative;
 48 |   min-height: 100vh;
 49 |   padding: 50px 100px;
 50 |   display: flex;
 51 |   justify-content: center;
 52 |   align-items: center;
 53 |   flex-direction: column;
 54 |   background: url("https://i.postimg.cc/7hDGkNjv/black-brick-wall-textured-background.jpg");
 55 |   background-size: cover;
 56 |   background-repeat: no-repeat;
 57 | }
 58 | .contact-us .content {
 59 |   max-width: 800px;
 60 |   text-align: center;
 61 | }
 62 | .contact-us .content h2 {
 63 |   font-size: 36px;
 64 |   font-weight: 500;
 65 |   color: #fff;
 66 | }
 67 | .contact-us .content p {
 68 |   font-weight: 300;
 69 |   color: #fff;
 70 | }
 71 | .container {
 72 |   width: 100%;
 73 |   justify-content: center;
 74 |   display: flex;
 75 |   align-items: center;
 76 |   margin-top: 30px;
 77 | }
 78 | .contactForm {
 79 |   width: 40%;
 80 |   padding: 40px;
 81 |   background: #e7dee0;
 82 |   box-shadow: inset 5px 5px 12px #b2abac,
 83 |               inset -5px -5px 12px #ffffff;
 84 | }
 85 | .contactForm h2 {
 86 |   font-size: 30px;
 87 |   color: #333;
 88 |   font-weight: 500;
 89 | }
 90 | .contactForm .inputBox {
 91 |   position: relative;
 92 |   width: 100%;
 93 |   margin-top: 10px;
 94 | }
 95 | .contactForm .inputBox input,
 96 | .contactForm .inputBox textarea {
 97 |   width: 100%;
 98 |   padding: 5px 0;
 99 |   font-size: 16px;
100 |   margin: 10px 0;
101 |   border: none;
102 |   border-bottom: 2px solid #333;
103 |   outline: none;
104 |   resize: none;
105 | }
106 | .contactForm .inputBox span {
107 |   position: absolute;
108 |   left: 0;
109 |   padding: 5px 0;
110 |   font-size: 16px;
111 |   margin: 10px 0;
112 |   pointer-events: none;
113 |   transition: 0.5%;
114 |   color: #666;
115 | }
116 | .contactForm .inputBox input:focus ~ span,
117 | .contactForm .inputBox input:valid ~ span,
118 | .contactForm .inputBox textarea:focus ~ span,
119 | .contactForm .inputBox textarea:valid ~ span {
120 |   color: #e91e63;
121 |   font-size: 12px;
122 |   transform: translateY(-20px);
123 | }
124 | .contactForm .inputBox input[type="submit"] {
125 |   width: 100px;
126 |   border-radius: 11px;
127 |   background: #f82449;
128 |   box-shadow:  1px 1px 2px #c91d3b,
129 |                -1px -1px 2px #ff4a6e;
130 |   color: rgb(255, 255, 255);
131 |   border: none;
132 |   cursor: pointer;
133 |   padding: 10px;
134 |   font-size: 18px;
135 | }
136 | @media (max-width: 768px) {
137 |   .contact-us {
138 |     padding-top: 180px;
139 |   }
140 |   .container {
141 |     flex-direction: column;
142 |   }
143 |   .contactForm {
144 |     width: 330px;
145 |     margin-bottom: 100px;
146 |     height: 380px;
147 |   }
148 | }
149 | .contact-us h1{
150 |     color: rgb(255, 255, 255);
151 | }
152 | 


--------------------------------------------------------------------------------
/css/flippingCard.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap");
  2 | 
  3 | /* *,
  4 | *::after,
  5 | *::before {
  6 |   margin: 0;
  7 |   padding: 0;
  8 |   box-sizing: inherit;
  9 | } */
 10 | 
 11 | html {
 12 |   font-size: 48.5%;
 13 | }
 14 | 
 15 | /* body {
 16 |   font-family: "Rubik", sans-serif;
 17 |   font-weight: 400;
 18 |   line-height: 1.7;
 19 |   padding: 3rem;
 20 |   box-sizing: border-box;
 21 | } */
 22 | 
 23 | .grids {
 24 |   max-width: 136rem;
 25 |   padding: 0px 4px;
 26 |   margin: 0 auto;
 27 |   display: grid;
 28 |   grid-template-columns: 1fr 1fr;
 29 |   /* grid-column-gap: 3rem;
 30 |   grid-row-gap: 3rem; */
 31 | }
 32 | 
 33 | .card-one {
 34 |   grid-column: 1/4;
 35 | }
 36 | 
 37 | .card-two {
 38 |   grid-column: 1/4;
 39 | }
 40 | 
 41 | .card-three {
 42 |   grid-column: 1/4;
 43 | }
 44 | 
 45 | .card-four {
 46 |   grid-column: 1/4;
 47 | }
 48 | 
 49 | .card-five {
 50 |   grid-column: 1/4;
 51 | }
 52 | 
 53 | .card-six {
 54 |   grid-column: 1/4;
 55 | }
 56 | 
 57 | .card-seven {
 58 |   grid-column: 1/4;
 59 | }
 60 | 
 61 | .card {
 62 |   perspective: 150rem;
 63 |   -moz-perspective: 150rem;
 64 |   position: relative;
 65 |   height: 20rem;
 66 |   width: 100%;
 67 |   transition: all ease-in-out 400ms;
 68 |   cursor: pointer;
 69 |   background-color: black;
 70 | }
 71 | 
 72 | .card:hover {
 73 |   transform: scale(1.05);
 74 | }
 75 | 
 76 | .card:active {
 77 |   transform: translateY(-1px);
 78 | }
 79 | 
 80 | .card__side {
 81 |   transition: all 0.8s ease;
 82 |   color: black;
 83 | 
 84 |   position: absolute;
 85 |   top: 0;
 86 |   left: 0;
 87 |   height: 20rem;
 88 |   width: 100%;
 89 |   backface-visibility: hidden;
 90 | }
 91 | 
 92 | .card__side--front {
 93 |   position: relative;
 94 |   background-position: center;
 95 |   background-repeat: no-repeat;
 96 |   background-size: cover;
 97 | }
 98 | 
 99 | .card__side--back {
100 |   transform: rotateY(180deg);
101 |   background-position: center;
102 |   background-repeat: no-repeat;
103 |   background-size: cover;
104 | }
105 | 
106 | .showGreen {
107 |   transform: rotateY(-180deg);
108 | }
109 | 
110 | .showRed {
111 |   transform: rotateY(0);
112 | }
113 | 
114 | .hide {
115 |   visibility: hidden;
116 |   opacity: 0;
117 | }
118 | 
119 | .show {
120 |   visibility: visible;
121 |   opacity: 1;
122 | }
123 | 
124 | #front-1 {
125 |   background-image: url("https://i.postimg.cc/DybskZcV/pic14-copy.jpg");
126 | }
127 | 
128 | #front-2 {
129 |   background-image: url("https://i.postimg.cc/SK39Ngdb/pic2.jpg");
130 | }
131 | 
132 | #front-3 {
133 |   background-image: url("https://i.postimg.cc/Sxzk7PNt/img.jpg");
134 | }
135 | 
136 | #front-4 {
137 |   background-image: url("https://i.postimg.cc/yxvVD9vF/pic9.jpg");
138 | }
139 | 
140 | #front-5 {
141 |   background-image: url("https://i.postimg.cc/15JvBZMm/pic11.jpg");
142 | }
143 | 
144 | #front-6 {
145 |   background-image: url("https://i.postimg.cc/g2fGLGqB/pic8.jpg");
146 | }
147 | 
148 | #front-7 {
149 |   background-image: url("https://i.postimg.cc/WzmdzDYt/pic15-copy.jpg");
150 | }
151 | 
152 | /* Back */
153 | #back-1 {
154 |   background-image: url("https://i.postimg.cc/KjbqYPrQ/pic10.jpg");
155 | }
156 | 
157 | #back-2 {
158 |   background-image: url("https://i.postimg.cc/Dfgfpkn8/pic4.jpg");
159 | }
160 | 
161 | #back-3 {
162 |   background-image: url("https://i.postimg.cc/yNSn73Kx/pic14.jpg");
163 | }
164 | 
165 | #back-4 {
166 |   background-image: url("https://i.postimg.cc/yxvVD9vF/pic9.jpg");
167 | }
168 | 
169 | #back-5 {
170 |   background-image: url("https://i.postimg.cc/9McDk2Df/immg.jpg");
171 | }
172 | 
173 | #back-6 {
174 |   background-image: url("https://i.postimg.cc/xTpfYvkQ/pic6.jpg");
175 | }
176 | 
177 | #back-7 {
178 |   background-image: url("https://i.postimg.cc/8P6BwRcr/group-photo.jpg");
179 | }
180 | 
181 | @media screen and (min-width: 1024px) {
182 |   html {
183 |     font-size: 62.5%;
184 |   }
185 | 
186 |   .grids {
187 |     max-width: 136rem;
188 |     margin: 0 auto;
189 |     display: grid;
190 |     grid-template-columns: 1fr 1fr 1fr;
191 |   }
192 | 
193 |   .card-one {
194 |     grid-column: 1/3;
195 |   }
196 | 
197 |   .card-two {
198 |     grid-column: 3/4;
199 |   }
200 | 
201 |   .card-three {
202 |     grid-column: 1/2;
203 |   }
204 | 
205 |   .card-four {
206 |     grid-column: 2/2;
207 |   }
208 | 
209 |   .card-five {
210 |     grid-column: 3/4;
211 |   }
212 | 
213 |   .card-six {
214 |     grid-column: 1/2;
215 |   }
216 | 
217 |   .card-seven {
218 |     grid-column: 2/4;
219 |   }
220 | }
221 | 


--------------------------------------------------------------------------------
/css/gallery.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css2?family=Poppins');
  2 | *
  3 | {
  4 |     margin: 0;
  5 |     padding: 0;
  6 |     font-family: 'Poppins', sans-serif;
  7 | }
  8 | .gallery
  9 | {
 10 |     position: relative;
 11 |     width:100%;
 12 |     height:100%;
 13 |     background: radial-gradient(rgb(70, 69, 69),rgb(0, 0, 0));
 14 |     overflow: hidden;
 15 | }
 16 | 
 17 | .gallery .set
 18 | {
 19 |     position: absolute;
 20 |     width:100%;
 21 |     height:100%;
 22 |     top:0;
 23 |     left:0;
 24 |     pointer-events:none;
 25 |     min-height:100vh;
 26 | }
 27 | .gallery .set div
 28 | {
 29 |     position: absolute;
 30 |     display:block;
 31 |     min-height:100vh;
 32 | }
 33 | .gallery .set div:nth-child(1)
 34 | {
 35 |     left:20%;
 36 |     animation: animate 15s linear infinite;
 37 |     animation-delay: -7s;
 38 | }
 39 | .gallery .set div:nth-child(2)
 40 | {
 41 |     left:50%;
 42 |     animation: animate 20s linear infinite;
 43 |     animation-delay: -5s;
 44 | 
 45 | }.gallery .set div:nth-child(3)
 46 | {
 47 |     left:70%;
 48 |     animation: animate 20s linear infinite;
 49 |     animation-delay: 0s;
 50 | }
 51 | .gallery .set div:nth-child(4)
 52 | {
 53 |     left:0%;
 54 |     animation: animate 15s linear infinite;
 55 |     animation-delay: -5s;
 56 | }
 57 | .gallery .set div:nth-child(5)
 58 | {
 59 |     left:85%;
 60 |     animation: animate 18s linear infinite;
 61 |     animation-delay: -10s;
 62 | }
 63 | .gallery .set div:nth-child(6)
 64 | {
 65 |     left:0%;
 66 |     animation: animate 12s linear infinite;
 67 | 
 68 | }.gallery .set div:nth-child(7)
 69 | {
 70 |     left:15%;
 71 |     animation: animate 14s linear infinite;
 72 | 
 73 | }
 74 | .gallery .set div:nth-child(8)
 75 | {
 76 |     left:60%;
 77 |     animation: animate 15s linear infinite;
 78 | }
 79 | @keyframes animate
 80 | {
 81 |     0%
 82 |     {
 83 |         opacity:0;
 84 |         top:-10%;
 85 |         transform: translateX(20px) rotate(0deg);
 86 |     }
 87 |     10%
 88 |     {
 89 |         opacity:1;
 90 |     }
 91 |     20%
 92 |     {
 93 |         transform: translateX(-20px) rotate(45deg);
 94 |     }
 95 |     40%
 96 |     {
 97 |         transform: translateX(-20px) rotate(90deg);
 98 |     }
 99 |     60%
100 |     {
101 |         transform: translateX(20px) rotate(180deg);
102 |     }
103 |     80%
104 |     {
105 |         transform: translateX(-20px) rotate(180deg);
106 |     }
107 |     100%
108 |     {
109 |         top:110;
110 |         transform: translateX(-20px) rotate(225deg);
111 |     }
112 | }
113 | .set2
114 | {
115 |     transform: scale(2) rotateY(180deg);
116 |     filter: blur(2px);
117 | }
118 | .set3
119 | {
120 |     transform: scale(2) rotateY(180deg);
121 |     filter: blur(2px);
122 | }
123 | .set4
124 | {
125 |     transform: scale(2) rotateY(180deg);
126 |     filter: blur(2px);
127 | }
128 | .set5
129 | {
130 |     transform: scale(2) rotateY(180deg);
131 |     filter: blur(2px);
132 | }
133 | .set6
134 | {
135 |     transform: scale(2) rotateY(180deg);
136 |     filter: blur(2px);
137 | }
138 | .set7
139 | {
140 |     transform: scale(2) rotateZ(180deg);
141 | }
142 | .set8
143 | {
144 |     transform: scale(2) rotateY(1800deg);
145 | }
146 | @media (max-width: 720px) {
147 |     .gallery .set{
148 |       height: 720px;
149 |     }
150 |     .gallery .set div{
151 |         height:720px;
152 |       }
153 |   }
154 |   
155 | 


--------------------------------------------------------------------------------
/css/lightbox.min.css:
--------------------------------------------------------------------------------
1 | .lb-loader,.lightbox
2 | {text-align:center;line-height:0;position:absolute;left:0}
3 | body.lb-disable-scrolling{overflow:hidden}
4 | .lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../Photos/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../Photos/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../Photos/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../Photos/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}


--------------------------------------------------------------------------------
/css/styles.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
  2 | body {
  3 |   background-color: rgb(255, 255, 255);
  4 | }
  5 | #mmmut-tag {
  6 |   color:black;
  7 |   font-size: 1.8rem;
  8 |   font-weight: bolder;
  9 |   /* margin-top: 10px; */
 10 | }
 11 | .navbar-brand {
 12 |   animation: animateLogo 3s forwards infinite;
 13 |   -webkit-animation: animateLogo 5s alternate infinite ease-in-out;
 14 | }
 15 | .nav-item {
 16 |   padding: 0 15px;
 17 |   font-size: 15px;
 18 |   font-weight: bold;
 19 | }
 20 | 
 21 | .nav-item:hover {
 22 |   display:inline-block;
 23 |   text-align:left;
 24 |   text-decoration:none;
 25 |   font-size:2em;
 26 |   letter-spacing:2px;
 27 |   color:#ffffff;
 28 |   background: linear-gradient(145deg, #ff244e, #df1f42);
 29 |   box-shadow:inset  4px 4px 8px #ad203a,
 30 |             inset -4px -4px 8px #fd4a7d;
 31 | }
 32 | 
 33 | 
 34 | .dropdown-menu {
 35 |   font-size: 20px;
 36 |   background-color: rgb(255, 255, 255);
 37 |   color: rgb(255, 0, 0);
 38 |   font-weight: bold; 
 39 | }
 40 | .dropdown-item:hover{
 41 |   color:#ffffff;
 42 |   background: linear-gradient(145deg, #ff244e, #df1f42);
 43 |   box-shadow:inset  4px 4px 8px #ad203a,
 44 |             inset -4px -4px 8px #fd4a7d;
 45 | }
 46 | .navbar {
 47 |   background:white;
 48 |   color:white;
 49 |   margin: 0 auto;
 50 |   padding: 16px;
 51 | }
 52 | /*.nav-item:hover {
 53 |   border-bottom: 2px solid #f82249;
 54 | }*/
 55 | 
 56 | section {
 57 |   text-align: center;
 58 |   height: 100%;
 59 | }
 60 | 
 61 | .btn-to-top {
 62 |   z-index: 99911;
 63 |   text-align: center;
 64 |   position: fixed;
 65 |   right: 10px;
 66 |   bottom: 20px;
 67 |   height: 50px;
 68 |   width: 48px;
 69 |   border-radius:14px;
 70 |   background-color: #f82249;
 71 |   background: linear-gradient(145deg, #ff244e, #df1f42);
 72 |   box-shadow: inset 5px 5px 9px #831227,
 73 |               inset -5px -5px 9px #ff326b;
 74 |   border: none;
 75 |   cursor: pointer;
 76 | }
 77 | 
 78 | @keyframes animateLogo {
 79 |   to {
 80 |     transform: rotate(0deg) scale(0.9);
 81 |   }
 82 |   from {
 83 |     transform: rotate(360deg) scale(1.1);
 84 |   }
 85 | }
 86 | * {
 87 |   scroll-behavior: smooth;
 88 | }
 89 | 
 90 | /*  */
 91 | /* about us  */
 92 | .flex-container {
 93 |   display: flex;
 94 | }
 95 | .aboutus .box {
 96 |   /* border: 2px solid black; */
 97 |   height: 100%;
 98 |   width: 100%;
 99 | }
100 | #box1 p {
101 |   font-size: 15px;
102 |   padding: 10px;
103 | }
104 | #box1,
105 | #box2 {
106 |   padding: 20px;
107 | }
108 | #box2 .content_ {
109 |   margin-top: 80px;
110 |   width: 600px;
111 |   height: 380px;
112 |   box-shadow: 1px 1px 10px 2px rgba(17, 28, 72, 0.76);
113 |   border-radius: 5px;
114 |   background-color: white;
115 | }
116 | #box2 .header_ {
117 |   background: #000080;
118 |   color: white;
119 |   padding: 15px 0px;
120 |   font-size: 15px;
121 | }
122 | #box2 .movingbody_ {
123 |   padding: 4px;
124 |   height: 320px;
125 | }
126 | #box2 .m-par_ {
127 |   text-align: center;
128 |   padding: 6px;
129 |   border-bottom: 1px solid #afafaf;
130 |   font-size: 15px;
131 | }
132 | @media screen and (max-width: 1025px) {
133 |   .aboutus .flex-container {
134 |     display: block;
135 |     text-align: center;
136 |   }
137 |   #box2 .content_ {
138 |     margin-top: 10px;
139 |     width: 100%;
140 |   }
141 |   .box2 {
142 |     padding: 0 10%;
143 |   }
144 | }
145 | @media screen and (max-width: 650px) {
146 |   #box2 .content_ {
147 |     margin-top: 10px;
148 |     width: 100%;
149 |   }
150 |   #box1 {
151 |     padding-bottom: 0;
152 |     margin-bottom: 0;
153 |   }
154 |   #box2 {
155 |     padding-top: 0px;
156 |   }
157 |   .about__img > img {
158 |     height: 100px !important;
159 |     width: 100px !important;
160 |   }
161 | }
162 | /*  */
163 | /*  */
164 | 
165 | #logo1 {
166 |   height: 80.15px;
167 |   width: 80px;
168 |   margin: 20px 10px 10px 50px;
169 | }
170 | 
171 | #logo2 {
172 |   height: 76.15px;
173 |   width: 76px;
174 |   margin: 20px 10px 10px 0px;
175 | }
176 | 
177 | #footer {
178 |   background: #101522;
179 |   padding: 0 0 25px 0;
180 |   color: #eee;
181 |   font-size: 14px;
182 | }
183 | 
184 | .copyright {
185 |   text-align: center;
186 | }
187 | 
188 | .credits {
189 |   text-align: center;
190 | }
191 | 
192 | #footer .footer-top .social-links a {
193 |   font-size: 20px;
194 |   display: inline-block;
195 |   background: #222636;
196 |   color: #eee;
197 |   padding-top: 7px;
198 |   margin-right: 4px;
199 |   border-radius: 50%;
200 |   text-align: center;
201 |   width: 40px;
202 |   height: 36px;
203 |   transition: 0.3s;
204 |   line-height: 1;
205 | }
206 | 
207 | #footer .footer-top .social-links a:hover {
208 |   background: #f82249;
209 |   color: #fff;
210 | }
211 | 
212 | .grid-container .right {
213 |   margin-top: 40px;
214 | }
215 | 
216 | .grid-container .right h3{
217 |   display:inline-block;
218 |   background:#f82249;
219 |   box-shadow: inset 2px 2px 4px #831227,
220 |              inset -2px -2px 4px #e6285e;
221 | 
222 |   color:#fff;
223 |   border-radius:40px;
224 |   padding:10px 20px;
225 |   text-decoration: none;
226 |   font-size:1em;
227 |   margin-bottom:10px;
228 |   letter-spacing:2px;
229 | }
230 | 
231 | @media (min-width: 880px) {
232 |   .nss {
233 |     margin-left: 50px;
234 |   }
235 |   .right {
236 |     text-align: right;
237 |     padding-right: 50px;
238 |   }
239 |   .left {
240 |     text-align: left;
241 |     padding-left: 5px;
242 |   }
243 |   .underline-small {
244 |     text-decoration: underline 2px solid #f82249;
245 |   }
246 |   .grid-container {
247 |     text-align: center;
248 |     display: grid;
249 |     grid-template-columns: auto auto;
250 |   }
251 |   .grid-container > .grid-item > a {
252 |     text-decoration: none;
253 |     color: rgba(0, 0, 0, 0.404);
254 |   }
255 |   .grid-container > .grid-item > a:hover {
256 |     color: #000000;
257 |   }
258 | }
259 | 
260 | @media (max-height: 800px) {
261 |   footer {
262 |     position: static;
263 |   }
264 |   header {
265 |     padding-top: 40px;
266 |   }
267 | }
268 | 
269 | @media (max-width: 880px) {
270 |   .grid-container .left,
271 |   .grid-container .right {
272 |     display: block;
273 |     width: 100%;
274 |     margin-bottom: 40px;
275 |     text-align: center;
276 |   }
277 |   .nss {
278 |     text-align: center;
279 |   }
280 |   #logo1 {
281 |     margin-left: 10px !important;
282 |   }
283 | }
284 | 
285 | /* these should be removed when corresponding sections added 
286 | .events {
287 |   height: 90vh;
288 | }
289 | .gallery {
290 |   height: 90vh;
291 | } */
292 | /* Events */
293 | 
294 | .events {
295 |   grid-area: event;
296 |   background-color: rgba(0, 0, 0, 0.5);
297 |   
298 |   box-sizing: border-box;
299 | }
300 | 
301 | .events ul {
302 |   margin: 0;
303 |   padding: 40px;
304 |   list-style: none;
305 | }
306 | 
307 | .events ul li {
308 |   background-color: #fff;
309 |   box-sizing: border-box;
310 |   display: grid;
311 |   grid-template-columns: 30% 1fr;
312 |   grid-template-rows: 1fr;
313 |   grid-gap: 0;
314 |   grid-template-areas:
315 |     "time time"
316 |     "detail detail";
317 |   margin-bottom: 20px;
318 | }
319 | 
320 | @media (min-width: 768px) {
321 |   .events ul li {
322 |     grid-template-areas:
323 |       "time detail"
324 |       "time detail";
325 |   }
326 | }
327 | 
328 | .events ul li .time {
329 |   grid-area: time;
330 |   position: relative;
331 |   padding: 8% 40%;
332 |   background-color: #262626;
333 |   box-shadow: inset 9px 9px 15px #0f0f0f,
334 |             inset -9px -9px 15px #3d3d3d;
335 |   box-sizing: border-box;
336 |   display: flex;
337 |   justify-content: center;
338 |   align-items: center;
339 |   width: 100%;
340 |   transition: 0.5s;
341 | }
342 | 
343 | .events ul li:hover .time {
344 |   background: #f82249;
345 |   box-shadow: inset 8px 8px 20px #90142a,
346 |               inset -8px -8px 20px #ff3068;
347 | }
348 | 
349 | .events ul li .time h2 {
350 |   margin: 0;
351 |   padding: 0;
352 |   color: #fff;
353 |   font-size: 60px;
354 |   line-height: 30px;
355 | }
356 | 
357 | .events ul li .time h2 span {
358 |   font-size: 30px;
359 | }
360 | 
361 | .events ul li .details {
362 |   grid-area: detail;
363 |   padding: 20px 20px 32px;
364 |   background: #e0e3eb;
365 |   box-shadow: inset 5px 5px 10px #afb1b7,
366 |               inset -5px -5px 10px #ffffff;
367 |   box-sizing: border-box;
368 | }
369 | 
370 | .events ul li .details h3 {
371 |   margin: 0;
372 |   padding: 0;
373 |   font-size: 22px;
374 | }
375 | 
376 | .events ul li .details p {
377 |   margin: 10px 0 0;
378 |   padding: 0;
379 |   font-size: 16px;
380 | }
381 | 
382 | .events ul li .details a {
383 |   display: inline-block;
384 |   text-decoration: none;
385 |   padding: 10px 15px;
386 |   border: 2px solid #262626;
387 |   margin-top: 16px;
388 |   font-size: 18px;
389 |   transition: 0.5s;
390 | }
391 | 
392 | .events ul li .details a:hover {
393 |   color:white;
394 |   border-color:#f82449;
395 |   background: #f82249;
396 |   box-shadow: inset 5px 5px 5px #c41b3a,
397 |               inset -5px -5px 5px #ff2958;
398 | 
399 | }
400 | 
401 | /*
402 | Gallery
403 | */
404 | .gallery {
405 |   height: 600px;
406 |  /* background-image: url(../Photos/gallery_bg.jpg);
407 |   background-repeat: no-repeat;*/
408 |   background-size: 100% 100%;
409 |   background-color: #e0e0e0;
410 | }
411 | #gallery-h1{
412 |   display:inline-block;
413 |   background:#f82249;
414 |   box-shadow: inset 2px 2px 4px #831227,
415 |              inset -2px -2px 4px #e6285e;
416 |   color:#fff;
417 |   border-radius:40px;
418 |   padding:10px 80px;
419 |   text-decoration: none;
420 |   font-family: 'Poppins', sans-serif;
421 |   font-size:24px;
422 |   font-weight:bolder;
423 |   margin-bottom:10px;
424 |   letter-spacing:2px;
425 | }
426 | .galleries {
427 |   margin: 10px 50px;
428 | }
429 | .galleries img {
430 |   width: 230px;
431 |   padding: 5px;
432 |   filter: grayscale(100%);
433 |   transition: 1s;
434 |   border-radius:20px;
435 |   background: #e0e0e0;
436 |   box-shadow: inset 9px 9px 10px #a6a6a6,
437 |               inset -9px -9px 10px #ffffff;
438 |   margin:5px;
439 | }
440 | .galleries img:hover {
441 |   filter: grayscale(0);
442 |   transform: scale(1.1);
443 | }
444 | @media (max-width: 768px) {
445 |   .gallery {
446 |     height: 1920px;
447 |   }
448 | }
449 | 


--------------------------------------------------------------------------------
/css/teams.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css2?family=Poppins');
  2 | *
  3 | {
  4 |     margin: 0;
  5 |     padding: 0;
  6 |     font-family: 'Poppins', sans-serif;
  7 | }
  8 | .team-section
  9 | {
 10 |     display: flex;
 11 |     justify-content: center;
 12 |     align-items: center;
 13 |     flex-wrap: wrap;
 14 |     background: #131419;
 15 |     min-height: 100vh; 
 16 | }
 17 | 
 18 | .team-container
 19 | {
 20 |     position: relative;
 21 |     z-index: 1;
 22 |     display: flex;
 23 |     justify-content: center;
 24 |     align-items: center;
 25 |     flex-wrap: wrap;
 26 |     margin: 40px 0;
 27 | }
 28 | .team-container .team-card
 29 | {
 30 |     position: relative;
 31 |     width: 300px;
 32 |     height: 400px;
 33 |     margin: 20px;
 34 |     background: #131419;
 35 |     box-shadow:  7px 7px 11px #0b0b0e,
 36 |                  -7px -7px 11px #1b1d24;
 37 |     border-radius: 15px;
 38 |     display: flex;
 39 |     justify-content: center;
 40 |     align-items: center;
 41 |     backdrop-filter: blur(10px);
 42 | }
 43 | .team-container .team-card .team-content
 44 | {
 45 |     position: relative;
 46 |     display: flex;
 47 |     justify-content: center;
 48 |     align-items: center;
 49 |     flex-direction: column;
 50 |     opacity: 0.5;
 51 |     transition: 0.5s;
 52 | }
 53 | .team-container .team-card:hover .team-content
 54 | {
 55 |     opacity: 1;
 56 |     transform: translateY(-20px);
 57 | }
 58 | 
 59 | 
 60 | 
 61 |  .team-container .team-card .team-content .imgBx
 62 | {
 63 |     position: relative;
 64 |     width: 150px;
 65 |     height: 150px;
 66 |     border-radius: 50%;
 67 |     overflow: hidden;
 68 |     box-shadow: 0px 0px 8px #3f4353,
 69 |                 0px 0px 0px 8px #131419,
 70 |                 7px 7px 11px #0b0b0e,
 71 |                 -7px -7px 11px #1b1d24;
 72 | 
 73 | }
 74 | 
 75 | .team-container .team-card .team-content .imgBx img
 76 | {
 77 |     position: absolute;
 78 |     top: 0;
 79 |     left: 0;
 80 |     width: 100%;
 81 |     height:100%;
 82 |     object-fit: cover;
 83 | }
 84 | 
 85 | 
 86 | .team-container .team-card .team-content .contentBx h3
 87 | {
 88 |     color: #fff;
 89 |     text-transform: initial;
 90 |     Letter-spacing: 2px;
 91 |     font-weight: 500;
 92 |     font-size: 18px;
 93 |     text-align: center;
 94 |     margin: 20px 0 10px;
 95 |     line-height: 1.1em;
 96 | }
 97 | .team-container .team-card .team-content .contentBx h3 span
 98 | {
 99 |     font-size: 12px;
100 |     font-weight: 300;
101 |     text-transform: initial;
102 | }
103 | .team-container .team-card .sci
104 | {
105 |     position: absolute;
106 |     bottom: 50px;
107 |     display: flex;
108 | }
109 | .team-container .team-card .sci li
110 | {
111 |     list-style: none;
112 |     margin: 0 10px;
113 |     transform: translateY(40px);
114 |     transition: 0.5s;
115 |     opacity: 0;
116 |     transition-delay: calc(0.1s * var(--i));
117 | }
118 | .team-container .team-card:hover .sci li
119 | {
120 |     transform: translateY(0px);
121 |     opacity: 1;
122 | }
123 | .team-container .team-card .sci li a
124 | {
125 |     color: #fff;
126 |     font-size:24px;
127 | }
128 | .team-section2{
129 |     background: #131419;
130 | }
131 | h2 {
132 |     display:inline-block;
133 |     color: rgb(255, 255, 255);
134 |     background:#f82249;
135 |     box-shadow: inset 2px 2px 4px #831227,
136 |                inset -2px -2px 4px #e6285e;
137 |   
138 |     border-radius:40px;
139 |     margin-bottom:0;
140 |     margin-top:14px;
141 |     margin-left:15px;
142 |     margin-right:15px;
143 |     padding: 4px 45px;
144 |     font-family: 'Poppins', sans-serif;
145 |     font-size:24px;
146 |     font-weight:bolder;
147 | }
148 | 
149 | 


--------------------------------------------------------------------------------
/events.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8" />
  6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8 |   <!-- favicon -->
  9 |   <link rel="shortcut icon" href="images/NSS-logo.png" type="image/x-icon" />
 10 | 
 11 |   <!-- icons -->
 12 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 13 | 
 14 |   <!-- bootstrap -->
 15 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
 16 |     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
 17 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 18 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css">
 19 |   <!-- jQuery library -->
 20 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 21 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
 22 | 
 23 |   <!-- stylesheet-css -->
 24 |    
 25 |   <link rel="preload" href="css/flippingCard.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 26 |   <link rel="preload" href="css/styles.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 27 |   <link rel="preload" href="css/contact.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 28 |   <link rel="preload" href="css/lightbox.min.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 29 |   <script type="text/javascript" src="js/lightbox.min.js"></script>
 30 |   <title>NSS-MMMUT</title>
 31 | 
 32 |   <style>
 33 |     /*  */
 34 |     /* For pre loader  */
 35 |     #pre-loader {
 36 |       z-index: 99999;
 37 |       position: fixed;
 38 |       width: 100%;
 39 |       height: 100vh;
 40 |       background: rgb(179, 179, 206) url(https://i.ibb.co/5j6Yrqc/loader.gif) center;
 41 |       background-repeat: no-repeat;
 42 |       background-size: 10rem;
 43 |     }
 44 | 
 45 |     /*  */
 46 |     /*  */
 47 |     .about {
 48 |       width: 100vw;
 49 |     }
 50 | 
 51 |     .content {
 52 |       margin-left: 1rem !important;
 53 |       position: relative;
 54 |       left: 30rem;
 55 |     }
 56 |   </style>
 57 | 
 58 | 
 59 | </head>
 60 | 
 61 | 
 62 | <!-- body -->
 63 | 
 64 | <body onload="close_loader()">
 65 |   <!-- preloader  -->
 66 |   <div id="pre-loader">
 67 | 
 68 |   </div>
 69 |   <!-- navbar start -->
 70 |   <nav class="navbar navbar-expand-lg navbar-light bg-light">
 71 |     <img class="navbar-brand" src="images/NSS-logo.png" alt="nss-logo-png" width="55.4rem" height="60.4rem" />
 72 |     <a id="mmmut-tag" href=index:html>NSS-MMMUT</a>
 73 | 
 74 |     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
 75 |       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 76 |       <span class="navbar-toggler-icon"></span>
 77 |     </button>
 78 |     <div class="collapse navbar-collapse" id="navbarNavDropdown">
 79 |       <ul class="navbar-nav ml-auto">
 80 |         <li class="nav-item active">
 81 |           <a class="nav-link" href="index.html"><i class="fa fa-home"></i> Home
 82 |             <span class="sr-only">(current)</span></a>
 83 |         </li>
 84 |         
 85 |         <li class="nav-item dropdown">
 86 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
 87 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-users"></i> Team
 88 |           </a>
 89 | 
 90 |           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 91 |             <a class="dropdown-item" href="teams.html" target="_blank">Year 2020-21</a>
 92 |             <a class="dropdown-item" href="teams1.html" target="_blank">Year 2021-22</a>
 93 |           </div>
 94 |         </li>
 95 |         <li class="nav-item dropdown">
 96 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
 97 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-calendar"></i> Events
 98 |           </a>
 99 | 
100 |             <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
101 |               <a class="dropdown-item" href="events.html" target="_blank">Year 2020-21</a>
102 |               <a class="dropdown-item" href="events1.html" target="_blank">Year 2021-22</a>
103 |             </div>
104 |         </li>
105 |         <li class="nav-item">
106 |           <a class="nav-link" href="gallery.html"><i class="fa fa-image"></i> Gallery</a>
107 |         </li>
108 |         <li class="nav-item">
109 |           <a class="nav-link" href="contact_us.html"><i class="fa fa-phone"></i> Contact Us</a>
110 |         </li>
111 |       </ul>
112 |     </div>
113 |   </nav>
114 |   <!-- navbar end -->
115 | 
116 |   <!-- btn top -->
117 |   <button class="btn-to-top">
118 |     <i class="fa fa-arrow-up fa-2x"></i>
119 |   </button>
120 | 
121 |   <!-- section 2 start-->
122 |   <section class="events" id="2">
123 |     <br>
124 |     <h1 style="text-decoration: underline;">Events <br> <span>Session: 2020-2021</span></h1>
125 |       <ul>
126 |         <li>
127 |           <div class="time">
128 |             <h2>07<br><span>September</span></h2>
129 |           </div>
130 |           <div class="details">
131 |             <h3>Melior Tales</h3>
132 |             <p>This event was organised to give credit to those unsung heroes of India contributing to the society in all possible manners but were not recognized. Therefore, to appreciate their works and ensoul the society our team conducted this event.</p>
133 |             <a href="https://www.facebook.com/nssmmmutgkp/videos/772556056828546/" target="_blank">View Details</a>
134 |           </div>
135 |           <div style="clear: both;"></div>
136 |         </li>
137 |         <li>
138 |           <div class="time">
139 |             <h2>24<br><span>September</span></h2>
140 |           </div>
141 |           <div class="details">
142 |             <h3>NSS Day</h3>
143 |             <p> NSS team released their new logo, promo video including message by Prof. B.K. Pandey sir (CSA Chairman) and Dr. Awadhesh Kumar sir(NSS Coordinator).</p>
144 |             <a href="https://www.instagram.com/tv/CFgsnnFnQCb/?utm_medium=copy_link" target="_blank">View Details</a>
145 |           </div>
146 |           <div style="clear: both;"></div>
147 |         </li>
148 |         <li>
149 |           <div class="time">
150 |             <h2>28<br><span>September</span></h2>
151 |           </div>
152 |           <div class="details">
153 |             <h3>Prerna</h3>
154 |             <p>This event provided an open platform to share inspirations of our life. It could be an object or a person or may be a fictional character. The event was free of cost but a collection of priceless emotions. We admired their participation. We received entries from 24 colleges.</p>
155 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/187195026261768/" target="_blank">View Details</a>
156 |           </div>
157 |           <div style="clear: both;"></div>
158 |         </li>
159 |         <li>
160 |           <div class="time">
161 |             <h2>24<br><span>October</span></h2>
162 |           </div>
163 |           <div class="details">
164 |             <h3>United Nations Day</h3>
165 |             <p>The united nations encourages people to "celebrate the day by spreading compassion, kindness and hope in the face of the (COVID-19) pandemic </p>
166 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/201372138177390" target="_blank">View Details</a>
167 |           </div>
168 |           <div style="clear: both;"></div>
169 |         </li>
170 |         <li>
171 |           <div class="time">
172 |             <h2>07<br><span>November</span></h2>
173 |           </div>
174 |           <div class="details">
175 |             <h3>National Cancer Awareness Day</h3>
176 |             <p>On national cancer awareness day, people are encouraged to report to government hospitals, CGHS and municipal clinics for free screening.</p>
177 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/206878914293379" target="_blank">View Details</a>
178 |           </div>
179 |           <div style="clear: both;"></div>
180 |         </li>
181 |         <li>
182 |           <div class="time">
183 |             <h2>11<br><span>November</span></h2>
184 |           </div>
185 |           <div class="details">
186 |             <h3>National Education Day</h3>
187 |             <p> National Education Day of India is celebrated on 11 November every year. We on National Education Day, aims at making people aware of the importance of education and literacy.</p>
188 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/208730824108188" target="_blank">View Details</a>
189 |           </div>
190 |           <div style="clear: both;"></div>
191 |         </li>
192 |       <li>
193 |           <div class="time">
194 |             <h2>14<br><span>November</span></h2>
195 |           </div>
196 |           <div class="details">
197 |             <h3>Children's Day</h3>
198 |             <p> Educate children for a better future.
199 |               They study today and they create tomorrow. NSS MMMUT wishes a heartful of good wishes on Children's Day. </p>
200 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/210257997288804" target="_blank">View Details</a>
201 |           </div>
202 |           <div style="clear: both;"></div>
203 |         </li>
204 |         <li>
205 |           <div class="time">
206 |             <h2>02<br><span>December</span></h2>
207 |           </div>
208 |           <div class="details">
209 |             <h3>National pollution Control Day</h3>
210 |             <p> The day aims to raise awareness about the hazardous effects of Air Pollution and the ways to control them. It also aims to educate people about the importance of Pollution Control act, which put a check on Pollution causing industries. NSS MMMUT pays homage to the deceased of Bhopal and aims to create awareness about air pollution.</p>
211 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/222882986026305" target="_blank">View Details</a>
212 |           </div>
213 |           <div style="clear: both;"></div>
214 |         </li>
215 |         <li>
216 |           <div class="time">
217 |             <h2>04<br><span>December</span></h2>
218 |           </div>
219 |           <div class="details">
220 |             <h3>Indian Navy Day</h3>
221 |             <p> On the event of Indian Navy Day, let us thank and salute the warriors in white to their commitment and assurance.They are pleased to serve the country, it’s kin, it’s coasts and all frontiers.</p>
222 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/224503869197550" target="_blank">View Details</a>
223 |           </div>
224 |           <div style="clear: both;"></div>
225 |         </li>
226 |         <li>
227 |           <div class="time">
228 |             <h2>16<br><span>December</span></h2>
229 |           </div>
230 |           <div class="details">
231 |             <h3>Vijay Diwas</h3>
232 |             <p> Our flag is more than just cloth and ink. It is a universally recognized symbol that stands for liberty and freedom. It is marked by the blood of those who died defending it.
233 |               NSS MMMUT pays homage to the valiant heroes of India.
234 |               <br>Jai Hind! Jai Bharat!</p>
235 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/233064961674774" target="_blank">View Details</a>
236 |           </div>
237 |           <div style="clear: both;"></div>
238 |         </li>
239 |         <li>
240 |           <div class="time">
241 |             <h2>23<br><span>December</span></h2>
242 |           </div>
243 |           <div class="details">
244 |             <h3>Kisan Diwas</h3>
245 |             <p> Agriculture not only gives riches to a nation, but the only riches she can call her own.</p>
246 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/237748017873135" target="_blank">View Details</a>
247 |           </div>
248 |           <div style="clear: both;"></div>
249 |         </li>
250 |         <li>
251 |           <div class="time">
252 |             <h2>12<br><span>January</span></h2>
253 |           </div>
254 |           <div class="details">
255 |             <h3>National Youth Day Celebration</h3>
256 |             <p> The central objective of this day is to spread awareness among the youth and motivate them to be the building block of the nation through the teachings and ideology of Swami Vivekanand.</p>
257 |             <a href="https://www.facebook.com/nssmmmutgkp/photos/251126956535241" target="_blank">View Details</a>
258 |           </div>
259 |           <div style="clear: both;"></div>
260 |         </li>
261 |       </ul>
262 |   </section>
263 |   <!-- section 2 ends -->
264 |  
265 |   <!-- boostrap js start -->
266 |   <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
267 |     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
268 |     crossorigin="anonymous"></script>
269 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
270 |     integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
271 |     crossorigin="anonymous"></script>
272 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
273 |     integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
274 |     crossorigin="anonymous"></script>
275 |   <script src="scripts.js"></script>
276 |   <!-- bootstrap js ends -->
277 | 
278 |   <!-- btn-to-top script start -->
279 |   <script>
280 |     const btn = document.querySelector('.btn-to-top');
281 |     btn.addEventListener("click", function () {
282 |       window.scrollTo({
283 |         top: 0,
284 |         left: 0,
285 |         behavior: "smooth"
286 |       });
287 |     })
288 |   </script>
289 |   <!-- btn-to-top script ends-->
290 | 
291 |   <!-- preloader script starts-->
292 |   <script>
293 |     function close_loader() {
294 |       document.getElementById('pre-loader').style.display = 'none';
295 |     }
296 |   </script>
297 |   <!-- preloader script end-->
298 | 
299 |   <footer id="footer">
300 |     <div class="footer-top">
301 |       <div class="grid-container">
302 |         <div class="grid-item">
303 |           <div class="left">
304 |             <div class="left-content">
305 |               <img id="logo1" src="images/NSS-logo.png" alt="LogoNSS">
306 |               <img id="logo2" src="images/mmm.png" alt="LogoMMM">
307 |             </div>
308 |             <div class="left-content">
309 | 
310 |               <p class="nss">
311 |                 National Service Scheme(NSS),<br> an initiative by the<br> Government of India,<br> provides hands-on
312 |                 <br>
313 |                 experience in community services <br> to young students.
314 |               </p>
315 | 
316 |             </div>
317 |           </div>
318 |         </div>
319 | 
320 |         <div class="grid-item">
321 |           <div class="right">
322 |             <h3 class="underline-small"> <strong> Contact Us :- </strong> </h3>
323 |             <p id="details">
324 |               <i class="fa fa-map-marker" aria-hidden="true"></i> MMMUT, Gorakhpur, U.P, India <br>
325 |               <i class="fa fa-envelope" aria-hidden="true"></i><strong> Email: </strong> nss20.mmmut@gmail.com <br>
326 |             </p>
327 |             <div class="social-links">
328 |               <!-- <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> -->
329 | 
330 |               <a href="https://www.facebook.com/nssmmmutgkp/" class="facebook"><i
331 |                   class="fa fa-facebook"></i></a>
332 |               <a href="https://www.instagram.com/nss_mmmut/" class="instagram"><i
333 |                   class="fa fa-instagram"></i></a>
334 |               <!-- <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a> -->
335 |               <a href="https://t.me/joinchat/TZMqcZzqtCfJbP0v" class="linkedin"><i
336 |                   class="fa fa-telegram"></i></a>
337 |             </div>
338 |           </div>
339 |         </div>
340 |       </div>
341 |     </div>
342 | 
343 |     </div>
344 |     </div>
345 | 
346 |     </div>
347 |     </div>
348 |     <hr>
349 |     <div class="container">
350 |       <div class="copyright">
351 |         &copy; Copyright <strong>NSS MMMUT , GKP</strong>. All Rights Reserved <br> Designed by <a
352 |         href="https://github.com/codeaholic-shub/NSS-MMMUT" style="color: #f82249"> Shubhankar & Team </a>
353 |       </div>
354 |     </div>
355 |   </footer>
356 | </body>
357 | </html>
358 | 


--------------------------------------------------------------------------------
/events1.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8" />
  6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8 |   <!-- favicon -->
  9 |   <link rel="shortcut icon" href="images/NSS-logo.png" type="image/x-icon" />
 10 | 
 11 |   <!-- icons -->
 12 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 13 | 
 14 |   <!-- bootstrap -->
 15 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
 16 |     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
 17 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 18 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css">
 19 |   <!-- jQuery library -->
 20 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 21 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
 22 | 
 23 |   <!-- stylesheet-css -->
 24 |    
 25 |   <link rel="preload" href="css/flippingCard.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 26 |   <link rel="preload" href="css/styles.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 27 |   <link rel="preload" href="css/contact.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 28 |   <link rel="preload" href="css/lightbox.min.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 29 |   <script type="text/javascript" src="js/lightbox.min.js"></script>
 30 |   <title>NSS-MMMUT</title>
 31 | 
 32 |   <style>
 33 |     /*  */
 34 |     /* For pre loader  */
 35 |     #pre-loader {
 36 |       z-index: 99999;
 37 |       position: fixed;
 38 |       width: 100%;
 39 |       height: 100vh;
 40 |       background: rgb(179, 179, 206) url(https://i.ibb.co/5j6Yrqc/loader.gif) center;
 41 |       background-repeat: no-repeat;
 42 |       background-size: 10rem;
 43 |     }
 44 | 
 45 |     /*  */
 46 |     /*  */
 47 |     .about {
 48 |       width: 100vw;
 49 |     }
 50 | 
 51 |     .content {
 52 |       margin-left: 1rem !important;
 53 |       position: relative;
 54 |       left: 30rem;
 55 |     }
 56 |   </style>
 57 | 
 58 | 
 59 | </head>
 60 | 
 61 | 
 62 | <!-- body -->
 63 | 
 64 | <body onload="close_loader()">
 65 |   <!-- preloader  -->
 66 |   <div id="pre-loader">
 67 | 
 68 |   </div>
 69 |   <!-- navbar start -->
 70 |   <nav class="navbar navbar-expand-lg navbar-light bg-light">
 71 |     <img class="navbar-brand" src="images/NSS-logo.png" alt="nss-logo-png" width="55.4rem" height="60.4rem" />
 72 |     <a id="mmmut-tag" href=index:html>NSS-MMMUT</a>
 73 | 
 74 |     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
 75 |       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 76 |       <span class="navbar-toggler-icon"></span>
 77 |     </button>
 78 |     <div class="collapse navbar-collapse" id="navbarNavDropdown">
 79 |       <ul class="navbar-nav ml-auto">
 80 |         <li class="nav-item active">
 81 |           <a class="nav-link" href="index.html"><i class="fa fa-home"></i> Home
 82 |             <span class="sr-only">(current)</span></a>
 83 |         </li>
 84 |         
 85 |         <li class="nav-item dropdown">
 86 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
 87 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-users"></i> Team
 88 |           </a>
 89 | 
 90 |           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 91 |             <a class="dropdown-item" href="teams.html">Year 2020-21</a>
 92 |             <a class="dropdown-item" href="teams1.html">Year 2021-22</a>
 93 |           </div>
 94 |         </li>
 95 |         <li class="nav-item dropdown">
 96 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
 97 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-calendar"></i> Events
 98 |           </a>
 99 | 
100 |             <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
101 |               <a class="dropdown-item" href="events.html" target="_blank">Year 2020-21</a>
102 |               <a class="dropdown-item" href="events1.html" target="_blank">Year 2021-22</a>
103 |             </div>
104 |         </li>
105 |         <li class="nav-item">
106 |           <a class="nav-link" href="gallery.html"><i class="fa fa-image"></i> Gallery</a>
107 |         </li>
108 |         <li class="nav-item">
109 |           <a class="nav-link" href="contact_us.html"><i class="fa fa-phone"></i> Contact Us</a>
110 |         </li>
111 |       </ul>
112 |     </div>
113 |   </nav>
114 |   <!-- navbar end -->
115 | 
116 |   <!-- btn top -->
117 |   <button class="btn-to-top">
118 |     <i class="fa fa-arrow-up fa-2x"></i>
119 |   </button>
120 | 
121 |   <!-- section 2 start-->
122 |   <section class="events" id="2">
123 |     <br>
124 |     <h1 style="text-decoration: underline;">Events <br> <span>Session: 2021-2022</span></h1>
125 |       <ul>
126 |         <li>
127 |           <div class="time">
128 |             <h2>29<br><span>May</span></h2>
129 |           </div>
130 |           <div class="details">
131 |             <h3>Adverse effect of poor Mental Health in Students life</h3>
132 |             <p> Right now, we only fill our tanks when they are on "empty". Developing our awareness helps us to start recognize signs and symptoms when we are feeling off. NSS MMMUT provided an opportunity to grab and be more aware about adverse effect of poor mental health in student life by Dr. Sandeep Atre.</p>
133 |             <a href="https://www.instagram.com/p/CeBs9TrPbAT/?igshid=YmMyMTA2M2Y=" target="_blank">View Details</a>
134 |           </div>
135 |           <div style="clear: both;"></div>
136 |         </li>
137 |         <li>
138 |           <div class="time">
139 |             <h2>14<br><span>April</span></h2>
140 |           </div>
141 |           <div class="details">
142 |             <h3>PARARTH</h3>
143 |             <p> NSS MMMUT hosted Pararth , a donation drive, to bring about the feeling of giving and help those in need. Pararth dedicated to upholding its motto <b>Incredible Donation, Incredible You</b> and raising sense of charity in individual.</p>
144 |             <a href="https://www.instagram.com/p/CcR8WmoN6dW/?igshid=YmMyMTA2M2Y=" target="_blank">View Details</a>
145 |           </div>
146 |           <div style="clear: both;"></div>
147 |         </li>
148 |         <li>
149 |           <div class="time">
150 |             <h2>05<br><span>February</span></h2>
151 |           </div>
152 |           <div class="details">
153 |             <h3>SWARAJ</h3>
154 |             <p> The love of one's country is splendid thing. But why should love stop at border? From the memories of the India Gate to the bravery of Netaji Shubash Chandra Bose, from the glory of Amar Jawan Jyoti to the greatness of war memorial. To test the knowledge regarding the above mentioned topic, we organized an online quiz.</p>
155 |             <a href="https://www.instagram.com/p/CZeWN0svy7S/?igshid=YmMyMTA2M2Y=" target="_blank">View Details</a>
156 |           </div>
157 |           <div style="clear: both;"></div>
158 |         </li>
159 |         <li>
160 |           <div class="time">
161 |             <h2>30<br><span>December</span></h2>
162 |           </div>
163 |           <div class="details">
164 |             <h3>NSS MMMUT Blood Donation Camp</h3>
165 |             <p> Camp on the 31st December 2021 at MMMUT Health Center. The essential contribution that the blood donor made by taking the initiative and coming out of the crowd and kept the world pulsating by saving lives and improving others health.</p>
166 |             <a href="https://www.instagram.com/p/CYCOzH2Panq/?igshid=YmMyMTA2M2Y=" target="_blank">View Details</a>
167 |           </div>
168 |           <div style="clear: both;"></div>
169 |         </li>
170 |         <li>
171 |           <div class="time">
172 |             <h2>28<br><span>October</span></h2>
173 |           </div>
174 |           <div class="details">
175 |             <h3>AAYANSH</h3>
176 |             <p> With a broader aim to work for the welfare of society, we work on the idea of social welfare on this <b>Diwali</b> in the real sense of celebrating it with the student of <b>Malaviya Shiksha Niketan</b> to give them joy and bring smile on their faces.</p>
177 |             <a href="https://www.instagram.com/p/CVlC_7Pv4X5/?igshid=YmMyMTA2M2Y=" target="_blank">View Details</a>
178 |           </div>
179 |           <div style="clear: both;"></div>
180 |         </li>
181 |         
182 |         <li>
183 |           <div class="time">
184 |             <h2>28<br><span>September</span></h2>
185 |           </div>
186 |           <div class="details">
187 |             <h3>NSS Annual Day</h3>
188 |             <p> On the ocassion of 51st NSS Day , NSS MMMUT  organised annual day celebration where whole team came together to renew 
189 |               their commitment to the NSS motto, "Not me but you" on 28 September 2021.</p>
190 |             <a href="https://www.instagram.com/p/CUVX_CDIQ0U/?utm_medium=copy_link" target="_blank">View Details</a>
191 |           </div>
192 |           <div style="clear: both;"></div>
193 |         </li>
194 |         <li>
195 |           <div class="time">
196 |             <h2>15<br><span>September</span></h2>
197 |           </div>
198 |           <div class="details">
199 |             <h3>Engineer's Day</h3>
200 |             <p> Team NSS MMMUT paid tribute to the exemplary engineer Sir M. Visvesvaraya on his birth anniversary.</p>
201 |             <a href="https://www.instagram.com/p/CT1DwmBoj2U/?utm_medium=copy_link" target="_blank">View Details</a>
202 |           </div>
203 |           <div style="clear: both;"></div>
204 |         </li>
205 |         <li>
206 |           <div class="time">
207 |             <h2>30<br><span>August</span></h2>
208 |           </div>
209 |           <div class="details">
210 |             <h3>Krishna Janmashtami</h3>
211 |             <p> Janmashtami, also known as Gokulashtami or Krishnashtami, is an annual Hindu festival that signs the birth
212 |                anniversary of Lord Krishna, the eighth avatar of Lord Vishnu. On the next day of Janmashtami, people celebrate 
213 |                the festival of Dahi Handi.</p>
214 |             <a href="https://www.instagram.com/tv/CTMUOyiDZ_E/?utm_medium=copy_link" target="_blank">View Details</a>
215 |           </div>
216 |           <div style="clear: both;"></div>
217 |         </li>
218 |         <li>
219 |           <div class="time">
220 |             <h2>15<br><span>August</span></h2>
221 |           </div>
222 |           <div class="details">
223 |             <h3>Independence Day</h3>
224 |             <p> For India, 15th August is a day of its re-birth, a new start. At the midnight of 15 August 1947, the British rulers 
225 |               handed over the country back to its Indian leaders, ending a remarkable struggle that lasted years.</p>
226 |             <a href="" onclick="extra()" target="_blank">View Details</a>
227 |           </div>
228 |           <div style="clear: both;"></div>
229 |         </li>
230 |         <li>
231 |           <div class="time">
232 |             <h2>12<br><span>August</span></h2>
233 |           </div>
234 |           <div class="details">
235 |             <h3>International Youth Day</h3>
236 |             <p> The prime purpose of celebrating Youth day is to highlight the importance of youths and various cultural and legal issues related with them.</p>
237 |             <a href="https://www.instagram.com/p/CSdkbj5o8tq/?utm_medium=copy_link" target="_blank">View Details</a>
238 |           </div>
239 |           <div style="clear: both;"></div>
240 |         </li>
241 |       </ul>
242 |   </section>
243 |   <!-- section 2 ends -->
244 |  
245 |   <!-- boostrap js start -->
246 |   <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
247 |     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
248 |     crossorigin="anonymous"></script>
249 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
250 |     integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
251 |     crossorigin="anonymous"></script>
252 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
253 |     integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
254 |     crossorigin="anonymous"></script>
255 |   <script src="scripts.js"></script>
256 |   <!-- bootstrap js ends -->
257 | 
258 |   <!-- btn-to-top script start -->
259 |   <script>
260 |     const btn = document.querySelector('.btn-to-top');
261 |     btn.addEventListener("click", function () {
262 |       window.scrollTo({
263 |         top: 0,
264 |         left: 0,
265 |         behavior: "smooth"
266 |       });
267 |     })
268 |   </script>
269 |   <!-- btn-to-top script ends-->
270 | 
271 |   <!-- preloader script starts-->
272 |   <script>
273 |     function close_loader() {
274 |       document.getElementById('pre-loader').style.display = 'none';
275 |     }
276 |     function extra()
277 |     {
278 |         open('https://www.instagram.com/p/CSlsL3iD4qk/?utm_medium=copy_link');
279 |         location.href = ('https://www.instagram.com/p/CSlO2qPr6pF/?utm_medium=copy_link');
280 |     }
281 |   </script>
282 |   <!-- preloader script end-->
283 | 
284 |   <footer id="footer">
285 |     <div class="footer-top">
286 |       <div class="grid-container">
287 |         <div class="grid-item">
288 |           <div class="left">
289 |             <div class="left-content">
290 |               <img id="logo1" src="images/NSS-logo.png" alt="LogoNSS">
291 |               <img id="logo2" src="images/mmm.png" alt="LogoMMM">
292 |             </div>
293 |             <div class="left-content">
294 | 
295 |               <p class="nss">
296 |                 National Service Scheme(NSS),<br> an initiative by the<br> Government of India,<br> provides hands-on
297 |                 <br>
298 |                 experience in community services <br> to young students.
299 |               </p>
300 | 
301 |             </div>
302 |           </div>
303 |         </div>
304 | 
305 |         <div class="grid-item">
306 |           <div class="right">
307 |             <h3 class="underline-small"> <strong> Contact Us :- </strong> </h3>
308 |             <p id="details">
309 |               <i class="fa fa-map-marker" aria-hidden="true"></i> MMMUT, Gorakhpur, U.P, India <br>
310 |               <i class="fa fa-envelope" aria-hidden="true"></i><strong> Email: </strong> nss20.mmmut@gmail.com <br>
311 |             </p>
312 |             <div class="social-links">
313 |               <!-- <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> -->
314 | 
315 |               <a href="https://www.facebook.com/nssmmmutgkp/" class="facebook"><i
316 |                   class="fa fa-facebook"></i></a>
317 |               <a href="https://www.instagram.com/nss_mmmut/" class="instagram"><i
318 |                   class="fa fa-instagram"></i></a>
319 |               <!-- <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a> -->
320 |               <a href="https://t.me/joinchat/TZMqcZzqtCfJbP0v" class="linkedin"><i
321 |                   class="fa fa-telegram"></i></a>
322 |             </div>
323 |           </div>
324 |         </div>
325 |       </div>
326 |     </div>
327 | 
328 |     </div>
329 |     </div>
330 | 
331 |     </div>
332 |     </div>
333 |     <hr>
334 |     <div class="container">
335 |       <div class="copyright">
336 |         &copy; Copyright <strong>NSS MMMUT , GKP</strong>. All Rights Reserved <br> Designed by <a
337 |         href="https://github.com/codeaholic-shub/NSS-MMMUT" style="color: #f82249"> Shubhankar & Team </a>
338 |       </div>
339 |     </div>
340 |   </footer>
341 | </body>
342 | </html>
343 | 


--------------------------------------------------------------------------------
/gallery.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8" />
  6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8 |   <!-- favicon -->
  9 |   <link rel="shortcut icon" href="images/NSS-logo.png" type="image/x-icon" />
 10 | 
 11 |   <!-- icons -->
 12 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 13 | 
 14 |   <!-- bootstrap -->
 15 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
 16 |     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
 17 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 18 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css">
 19 |   <!-- jQuery library -->
 20 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 21 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
 22 | 
 23 |   <!-- stylesheet-css -->
 24 |    
 25 |   <link rel="preload" href="css/flippingCard.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 26 |   <link rel="preload" href="css/styles.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 27 |   <link rel="preload" href="css/contact.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 28 |   <link rel="preload" href="css/lightbox.min.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 29 |   <script type="text/javascript" src="js/lightbox.min.js"></script>
 30 |   <link rel="stylesheet" type="text/css" href="css/gallery.css">
 31 |   <title>NSS-MMMUT</title>
 32 | 
 33 |   <style>
 34 |     /*  */
 35 |     /* For pre loader  */
 36 |     #pre-loader {
 37 |       z-index: 99999;
 38 |       position: fixed;
 39 |       width: 100%;
 40 |       height: 100vh;
 41 |       background: rgb(179, 179, 206) url(https://i.ibb.co/5j6Yrqc/loader.gif) center;
 42 |       background-repeat: no-repeat;
 43 |       background-size: 10rem;
 44 |     }
 45 | 
 46 |     /*  */
 47 |     /*  */
 48 |     .about {
 49 |       width: 100vw;
 50 |     }
 51 | 
 52 |     .content {
 53 |       margin-left: 1rem !important;
 54 |       position: relative;
 55 |       left: 30rem;
 56 |     }
 57 |   </style>
 58 | 
 59 | 
 60 | </head>
 61 | 
 62 | 
 63 | <!-- body -->
 64 | 
 65 | <body onload="close_loader()">
 66 |   <!-- preloader  -->
 67 |   <div id="pre-loader">
 68 | 
 69 |   </div>
 70 |   <!-- navbar start -->
 71 |   <nav class="navbar navbar-expand-lg navbar-light bg-light">
 72 |     <img class="navbar-brand" src="images/NSS-logo.png" alt="nss-logo-png" width="55.4rem" height="60.4rem" />
 73 |     <a id="mmmut-tag" href=index.html>NSS-MMMUT</a>
 74 | 
 75 |     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
 76 |       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 77 |       <span class="navbar-toggler-icon"></span>
 78 |     </button>
 79 |     <div class="collapse navbar-collapse" id="navbarNavDropdown">
 80 |       <ul class="navbar-nav ml-auto">
 81 |         <li class="nav-item active">
 82 |           <a class="nav-link" href="index.html"><i class="fa fa-home"></i> Home
 83 |             <span class="sr-only">(current)</span></a>
 84 |         </li>
 85 |         <li class="nav-item dropdown">
 86 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
 87 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-users"></i> Team
 88 |           </a>
 89 | 
 90 |           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 91 |             <a class="dropdown-item" href="teams.html">Year 2020-21</a>
 92 |             <a class="dropdown-item" href="teams1.html">Year 2021-22</a>
 93 |           </div>
 94 |         </li>
 95 |         <li class="nav-item dropdown">
 96 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
 97 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-calendar"></i> Events
 98 |           </a>
 99 | 
100 |             <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
101 |               <a class="dropdown-item" href="events.html" target="_blank">Year 2020-21</a>
102 |               <a class="dropdown-item" href="events1.html" target="_blank">Year 2021-22</a>
103 |             </div>
104 |         </li>
105 |         <li class="nav-item">
106 |           <a class="nav-link" href="gallery.html"><i class="fa fa-image"></i> Gallery</a>
107 |         </li>
108 |         <li class="nav-item">
109 |           <a class="nav-link" href="contact_us.html"><i class="fa fa-phone"></i> Contact Us</a>
110 |         </li>
111 |       </ul>
112 |     </div>
113 |   </nav>
114 |   <!-- navbar end -->
115 | 
116 |   <!-- btn top -->
117 |   <button class="btn-to-top">
118 |     <i class="fa fa-arrow-up fa-2x"></i>
119 |   </button>
120 | 
121 |     <!-- section 3 start-->
122 |     <section class="gallery" id="3">
123 |         <br>
124 |         <h1 id="gallery-h1">Gallery</h1>
125 |         <div class="galleries">
126 |     
127 |           <a href="Photos/pic11.JPG" data-lightbox="mygallery" data-title="NSS DAY Celebration 2021"><img src="Photos/pic11.JPG"></a>
128 |           <a href="Photos/pic12.JPG" data-lightbox="mygallery" data-title="Ya Adiós, You Will Be Missed"><img src="Photos/pic12.JPG"></a>
129 |           <a href="Photos/pic13.JPG" data-lightbox="mygallery" data-title="Our Faculty Coordinator along with Prof. Govind Pandey Sir - Chief Guest  of NSS DAY 2021"><img src="Photos/pic13.JPG"></a>
130 |           <a href="Photos/group_photo.jpg" data-lightbox="mygallery" data-title="Coming together is a beginning. Keeping together is progress. Working together is success."><img src="Photos/group_photo.jpg"></a>
131 |           <a href="Photos/pic5.jpeg" data-lightbox="mygallery" data-title="Swatchata Pakhwada organised under NSS"><img src="Photos/pic5.jpeg"></a>
132 |           <a href="Photos/pic_15.JPG" data-lightbox="mygallery" data-title="AAYANSH Event 2021"><img src="Photos/pic_15.JPG"></a>
133 |           <a href="Photos/pic_16.JPG" data-lightbox="mygallery" data-title="Oath Ceremony Aayansh Event"><img src="Photos/pic_16.JPG"></a>
134 |           <a href="Photos/pic_17.JPG" data-lightbox="mygallery" data-title="Blood Donation Drive"><img src="Photos/pic_17.JPG"></a>
135 |           <a href="Photos/pic_18.JPG" data-lightbox="mygallery" data-title="Saving Life, Donating Blood"><img src="Photos/pic_18.JPG"></a>
136 |     
137 |         </div>
138 |         <!--leave animation start-->
139 |         <div class="set">
140 |           <div><img src="image/new (1).png"></div>
141 |           <div><img src="image/new (2).png"></div>
142 |           <div><img src="image/new (3).png"></div>
143 |           <div><img src="image/new (4).png"></div>
144 |           <div><img src="image/new (1).png"></div>
145 |           <div><img src="image/new (2).png"></div>
146 |           <div><img src="image/new (3).png"></div>
147 |           <div><img src="image/new (4).png"></div>
148 |       </div>
149 |       <div class="set set2">
150 |           <div><img src="image/new (1).png"></div>
151 |           <div><img src="image/new (2).png"></div>
152 |           <div><img src="image/new (3).png"></div>
153 |           <div><img src="image/new (4).png"></div>
154 |           <div><img src="image/new (1).png"></div>
155 |           <div><img src="image/new (2).png"></div>
156 |           <div><img src="image/new (3).png"></div>
157 |           <div><img src="image/new (4).png"></div>
158 |       </div>
159 |       <div class="set set3">
160 |           <div><img src="image/new (1).png"></div>
161 |           <div><img src="image/new (2).png"></div>
162 |           <div><img src="image/new (3).png"></div>
163 |           <div><img src="image/new (4).png"></div>
164 |           <div><img src="image/new (1).png"></div>
165 |           <div><img src="image/new (2).png"></div>
166 |           <div><img src="image/new (3).png"></div>
167 |           <div><img src="image/new (4).png"></div>
168 |       </div>
169 |       <div class="set set4">
170 |           <div><img src="image/new (1).png"></div>
171 |           <div><img src="image/new (2).png"></div>
172 |           <div><img src="image/new (3).png"></div>
173 |           <div><img src="image/new (4).png"></div>
174 |           <div><img src="image/new (1).png"></div>
175 |           <div><img src="image/new (2).png"></div>
176 |           <div><img src="image/new (3).png"></div>
177 |           <div><img src="image/new (4).png"></div>
178 |       </div>
179 |       <div class="set set5">
180 |           <div><img src="image/new (1).png"></div>
181 |           <div><img src="image/new (2).png"></div>
182 |           <div><img src="image/new (3).png"></div>
183 |           <div><img src="image/new (4).png"></div>
184 |           <div><img src="image/new (1).png"></div>
185 |           <div><img src="image/new (2).png"></div>
186 |           <div><img src="image/new (3).png"></div>
187 |           <div><img src="image/new (4).png"></div>
188 |       </div>
189 |       <div class="set set6">
190 |           <div><img src="image/new (1).png"></div>
191 |           <div><img src="image/new (2).png"></div>
192 |           <div><img src="image/new (3).png"></div>
193 |           <div><img src="image/new (4).png"></div>
194 |           <div><img src="image/new (1).png"></div>
195 |           <div><img src="image/new (2).png"></div>
196 |           <div><img src="image/new (3).png"></div>
197 |           <div><img src="image/new (4).png"></div>
198 |       </div>
199 |       
200 |       <div class="set set7">
201 |         <div><img src="image/new (1).png"></div>
202 |     </div>
203 |     <div class="set set8">
204 |         <div><img src="image/new (4).png"></div>
205 |     </div> 
206 |       <!--leave animation end-->
207 |       </section>
208 |       <!-- section 3 ends -->
209 | 
210 |   <!-- boostrap js start -->
211 |   <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
212 |     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
213 |     crossorigin="anonymous"></script>
214 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
215 |     integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
216 |     crossorigin="anonymous"></script>
217 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
218 |     integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
219 |     crossorigin="anonymous"></script>
220 |   <script src="scripts.js"></script>
221 |   <!-- bootstrap js ends -->
222 | 
223 |   <!-- btn-to-top script start -->
224 |   <script>
225 |     const btn = document.querySelector('.btn-to-top');
226 |     btn.addEventListener("click", function () {
227 |       window.scrollTo({
228 |         top: 0,
229 |         left: 0,
230 |         behavior: "smooth"
231 |       });
232 |     })
233 |   </script>
234 |   <!-- btn-to-top script ends-->
235 | 
236 |   <!-- preloader script starts-->
237 |   <script>
238 |     function close_loader() {
239 |       document.getElementById('pre-loader').style.display = 'none';
240 |     }
241 |   </script>
242 |   <!-- preloader script end-->
243 | 
244 |   <footer id="footer">
245 |     <div class="footer-top">
246 |       <div class="grid-container">
247 |         <div class="grid-item">
248 |           <div class="left">
249 |             <div class="left-content">
250 |               <img id="logo1" src="images/NSS-logo.png" alt="LogoNSS">
251 |               <img id="logo2" src="images/mmm.png" alt="LogoMMM">
252 |             </div>
253 |             <div class="left-content">
254 | 
255 |               <p class="nss">
256 |                 National Service Scheme(NSS),<br> an initiative by the<br> Government of India,<br> provides hands-on
257 |                 <br>
258 |                 experience in community services <br> to young students.
259 |               </p>
260 | 
261 |             </div>
262 |           </div>
263 |         </div>
264 | 
265 |         <div class="grid-item">
266 |           <div class="right">
267 |             <h3 class="underline-small"> <strong> Contact Us :- </strong> </h3>
268 |             <p id="details">
269 |               <i class="fa fa-map-marker" aria-hidden="true"></i> MMMUT, Gorakhpur, U.P, India <br>
270 |               <i class="fa fa-envelope" aria-hidden="true"></i><strong> Email: </strong> nss20.mmmut@gmail.com <br>
271 |             </p>
272 |             <div class="social-links">
273 |               <!-- <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> -->
274 | 
275 |               <a href="https://www.facebook.com/nssmmmutgkp/" class="facebook"><i
276 |                   class="fa fa-facebook"></i></a>
277 |               <a href="https://www.instagram.com/nss_mmmut/" class="instagram"><i
278 |                   class="fa fa-instagram"></i></a>
279 |               <!-- <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a> -->
280 |               <a href="https://t.me/joinchat/TZMqcZzqtCfJbP0v" class="linkedin"><i
281 |                   class="fa fa-telegram"></i></a>
282 |             </div>
283 |           </div>
284 |         </div>
285 |       </div>
286 |     </div>
287 | 
288 |     </div>
289 |     </div>
290 | 
291 |     </div>
292 |     </div>
293 |     <hr>
294 |     <div class="container">
295 |       <div class="copyright">
296 |         &copy; Copyright <strong>NSS MMMUT , GKP</strong>. All Rights Reserved <br> Designed by <a
297 |         href="https://github.com/codeaholic-shub/NSS-MMMUT" style="color: #f82249"> Shubhankar & Team </a>
298 |       </div>
299 |     </div>
300 |   </footer>
301 | </body>
302 | </html>
303 | 


--------------------------------------------------------------------------------
/image/istockphoto-1162440985-170667a.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/istockphoto-1162440985-170667a.jpg


--------------------------------------------------------------------------------
/image/leaves1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/leaves1.png


--------------------------------------------------------------------------------
/image/leaves2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/leaves2.png


--------------------------------------------------------------------------------
/image/leaves3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/leaves3.png


--------------------------------------------------------------------------------
/image/leaves4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/leaves4.png


--------------------------------------------------------------------------------
/image/new (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/new (1).png


--------------------------------------------------------------------------------
/image/new (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/new (2).png


--------------------------------------------------------------------------------
/image/new (3).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/new (3).png


--------------------------------------------------------------------------------
/image/new (4).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/new (4).png


--------------------------------------------------------------------------------
/image/one (1).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/one (1).jpg


--------------------------------------------------------------------------------
/image/one (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/one (2).png


--------------------------------------------------------------------------------
/image/one (3).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/one (3).png


--------------------------------------------------------------------------------
/image/one (4).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/one (4).jpg


--------------------------------------------------------------------------------
/image/star.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/star.png


--------------------------------------------------------------------------------
/image/trek.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/image/trek.png


--------------------------------------------------------------------------------
/images/84yaPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/84yaPic.jpeg


--------------------------------------------------------------------------------
/images/AaminiPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AaminiPic.jpeg


--------------------------------------------------------------------------------
/images/Abhay_kumar_singh.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Abhay_kumar_singh.jpg


--------------------------------------------------------------------------------
/images/AbhishekSinghPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AbhishekSinghPic.jpeg


--------------------------------------------------------------------------------
/images/Abhishek_mishra.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Abhishek_mishra.jpg


--------------------------------------------------------------------------------
/images/AkanshaPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AkanshaPic.jpeg


--------------------------------------------------------------------------------
/images/Akash_pathak.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Akash_pathak.jpg


--------------------------------------------------------------------------------
/images/Akriti_raj.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Akriti_raj.jpg


--------------------------------------------------------------------------------
/images/Aman_singh.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Aman_singh.jpg


--------------------------------------------------------------------------------
/images/AniketYadavPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AniketYadavPic.jpeg


--------------------------------------------------------------------------------
/images/Aniket_niranjan.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Aniket_niranjan.jpg


--------------------------------------------------------------------------------
/images/Ankit_tiwari.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Ankit_tiwari.jpg


--------------------------------------------------------------------------------
/images/AnkitaPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AnkitaPic.jpeg


--------------------------------------------------------------------------------
/images/Anmol_pandey.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Anmol_pandey.jpg


--------------------------------------------------------------------------------
/images/Anshika_maurya.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Anshika_maurya.jpg


--------------------------------------------------------------------------------
/images/Anshika_sharma.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Anshika_sharma.jpg


--------------------------------------------------------------------------------
/images/Anurag_gupta.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Anurag_gupta.jpeg


--------------------------------------------------------------------------------
/images/AnushkaPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AnushkaPic.jpeg


--------------------------------------------------------------------------------
/images/Aryan_singh.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Aryan_singh.jpg


--------------------------------------------------------------------------------
/images/AshitSirPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AshitSirPic.jpeg


--------------------------------------------------------------------------------
/images/Ashvini_rai.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Ashvini_rai.jpg


--------------------------------------------------------------------------------
/images/AsutoshPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/AsutoshPic.jpeg


--------------------------------------------------------------------------------
/images/CodeaholicShubDp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/CodeaholicShubDp.jpg


--------------------------------------------------------------------------------
/images/DivyanshSir.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/DivyanshSir.jpeg


--------------------------------------------------------------------------------
/images/Divyanshu.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Divyanshu.jpeg


--------------------------------------------------------------------------------
/images/DivyanshuSir.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/DivyanshuSir.jpeg


--------------------------------------------------------------------------------
/images/Eshika_verma.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Eshika_verma.jpg


--------------------------------------------------------------------------------
/images/GargiSaraMam.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/GargiSaraMam.jpeg


--------------------------------------------------------------------------------
/images/HarshitPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/HarshitPic.jpeg


--------------------------------------------------------------------------------
/images/HarshitSirPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/HarshitSirPic.jpeg


--------------------------------------------------------------------------------
/images/HarshvarshanPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/HarshvarshanPic.jpeg


--------------------------------------------------------------------------------
/images/Hashir_waqar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Hashir_waqar.jpg


--------------------------------------------------------------------------------
/images/JyotiPic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/JyotiPic.jpg


--------------------------------------------------------------------------------
/images/KushagraSirPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/KushagraSirPic.jpeg


--------------------------------------------------------------------------------
/images/Manikant_kharwar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Manikant_kharwar.jpg


--------------------------------------------------------------------------------
/images/Mayank_rai.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Mayank_rai.jpg


--------------------------------------------------------------------------------
/images/MillerPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/MillerPic.jpeg


--------------------------------------------------------------------------------
/images/Mohit.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Mohit.jpeg


--------------------------------------------------------------------------------
/images/Muzammil_ali.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Muzammil_ali.jpg


--------------------------------------------------------------------------------
/images/NSS-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/NSS-logo.png


--------------------------------------------------------------------------------
/images/NamitaMam.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/NamitaMam.jpg


--------------------------------------------------------------------------------
/images/NehaRoshniPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/NehaRoshniPic.jpeg


--------------------------------------------------------------------------------
/images/Nishtha_singh.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Nishtha_singh.jpg


--------------------------------------------------------------------------------
/images/Priya_patel.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Priya_patel.jpg


--------------------------------------------------------------------------------
/images/Priyanshu_puri.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Priyanshu_puri.jpg


--------------------------------------------------------------------------------
/images/Rajneesh.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Rajneesh.jpeg


--------------------------------------------------------------------------------
/images/Ritika_yadav.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Ritika_yadav.jpeg


--------------------------------------------------------------------------------
/images/Rohan_kumar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Rohan_kumar.jpg


--------------------------------------------------------------------------------
/images/SakshiPandeyPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/SakshiPandeyPic.jpeg


--------------------------------------------------------------------------------
/images/SaloniPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/SaloniPic.jpeg


--------------------------------------------------------------------------------
/images/Satwick_verma.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Satwick_verma.jpg


--------------------------------------------------------------------------------
/images/ShatakshiMamPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/ShatakshiMamPic.jpeg


--------------------------------------------------------------------------------
/images/Shiva.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Shiva.jpeg


--------------------------------------------------------------------------------
/images/Shivam_singh.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Shivam_singh.jpg


--------------------------------------------------------------------------------
/images/Shivendra_chaurasia.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Shivendra_chaurasia.jpg


--------------------------------------------------------------------------------
/images/ShreyaGuptaPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/ShreyaGuptaPic.jpeg


--------------------------------------------------------------------------------
/images/ShreyaPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/ShreyaPic.jpeg


--------------------------------------------------------------------------------
/images/Shreya_gupta.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Shreya_gupta.jpg


--------------------------------------------------------------------------------
/images/Shruti_pandey.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Shruti_pandey.jpg


--------------------------------------------------------------------------------
/images/ShubhankarPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/ShubhankarPic.jpeg


--------------------------------------------------------------------------------
/images/ShubhankarPic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/ShubhankarPic.jpg


--------------------------------------------------------------------------------
/images/Sudhir_mishra.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Sudhir_mishra.jpg


--------------------------------------------------------------------------------
/images/SurajPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/SurajPic.jpeg


--------------------------------------------------------------------------------
/images/UttkarshPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/UttkarshPic.jpeg


--------------------------------------------------------------------------------
/images/VaibhavPic.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/VaibhavPic.jpeg


--------------------------------------------------------------------------------
/images/Vaibhav_srivastava.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Vaibhav_srivastava.jpg


--------------------------------------------------------------------------------
/images/Yash_srivastava.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/Yash_srivastava.jpg


--------------------------------------------------------------------------------
/images/logo.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/logo.jpeg


--------------------------------------------------------------------------------
/images/mmm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/mmm.png


--------------------------------------------------------------------------------
/images/mmmut.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/mmmut.png


--------------------------------------------------------------------------------
/images/one.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/one.jpeg


--------------------------------------------------------------------------------
/images/two.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/two.jpeg


--------------------------------------------------------------------------------
/images/unnamed.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/unnamed.jpg


--------------------------------------------------------------------------------
/images/user.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/user.jpg


--------------------------------------------------------------------------------
/images/vc.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaholic-shub/NSS-MMMUT/1cc7e541475ff6f2f2a8d64b682bdda2ee60828f/images/vc.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8" />
  6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8 |   <!-- favicon -->
  9 |   <link rel="shortcut icon" href="images/NSS-logo.png" type="image/x-icon" />
 10 | 
 11 |   <!-- icons -->
 12 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 13 | 
 14 |   <!-- bootstrap -->
 15 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
 16 |     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
 17 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 18 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css">
 19 |   <!-- jQuery library -->
 20 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 21 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
 22 | 
 23 |   <!-- stylesheet-css -->
 24 |    
 25 |   <link rel="preload" href="css/flippingCard.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 26 |   <link rel="preload" href="css/styles.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 27 |   <link rel="preload" href="css/contact.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
 28 |   <link rel="preload" href="css/lightbox.min.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
 29 |   <script type="text/javascript" src="js/lightbox.min.js"></script>
 30 |   <title>NSS-MMMUT</title>
 31 | 
 32 |   <style>
 33 |     body{
 34 |       background-color: rgb(202, 192, 192);
 35 |     }
 36 |     #box2 .content_ {
 37 |       background-color: rgb(212, 206, 206);
 38 |     }
 39 |     /*  */
 40 |     /* For pre loader  */
 41 |     #pre-loader {
 42 |       z-index: 99999;
 43 |       position: fixed;
 44 |       width: 100%;
 45 |       height: 100vh;
 46 |       background: rgb(179, 179, 206) url(https://i.ibb.co/5j6Yrqc/loader.gif) center;
 47 |       background-repeat: no-repeat;
 48 |       background-size: 10rem;
 49 |     }
 50 | 
 51 |     /*  */
 52 |     /*  */
 53 |     .about {
 54 |       width: 100vw;
 55 |     }
 56 | 
 57 |     .content {
 58 |       margin-left: 1rem !important;
 59 |       position: relative;
 60 |       left: 30rem;
 61 |     }
 62 |     @media(max-width: 992px)
 63 |     {
 64 |       #mmmut-tag{
 65 |         font-size: 20px;
 66 |         text-align: center;
 67 |         font-weight: bolder;
 68 |       }
 69 |     }
 70 |   </style>
 71 | 
 72 | 
 73 | </head>
 74 | 
 75 | 
 76 | <!-- body -->
 77 | 
 78 | <body onload="close_loader()">
 79 |   <!-- preloader  -->
 80 |   <div id="pre-loader">
 81 | 
 82 |   </div>
 83 |   <!-- navbar start -->
 84 |   <nav class="navbar navbar-expand-lg navbar-light" style="background-color: rgb(202, 192, 192);">
 85 |     <img class="navbar-brand" src="images/NSS-logo.png" alt="nss-logo-png" width="55.4rem" height="60.4rem" />
 86 |     <a id="mmmut-tag" href=index.html>राष्‍ट्रीय सेवा योजना<br>MMMUT</a>
 87 | 
 88 |     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
 89 |       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 90 |       <span class="navbar-toggler-icon"></span>
 91 |     </button>
 92 |     <div class="collapse navbar-collapse" id="navbarNavDropdown">
 93 |       <ul class="navbar-nav ml-auto">
 94 |         <li class="nav-item active">
 95 |           <a class="nav-link" href="index.html"><i class="fa fa-home"></i> Home
 96 |             <span class="sr-only">(current)</span></a>
 97 |         </li>
 98 |         <li class="nav-item dropdown">
 99 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
100 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-users"></i> Team
101 |           </a>
102 | 
103 |           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
104 |             <a class="dropdown-item" href="teams.html" target="_blank" rel="noopener noreferrer">Year 2020-21</a>
105 |             <a class="dropdown-item" href="teams1.html" target="_blank" rel="noopener noreferrer">Year 2021-22</a>
106 |             
107 |           </div>
108 |         </li>
109 |         <li class="nav-item dropdown">
110 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
111 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-calendar"></i> Events
112 |           </a>
113 | 
114 |             <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
115 |               <a class="dropdown-item" href="events.html" target="_blank">Year 2020-21</a>
116 |               <a class="dropdown-item" href="events1.html" target="_blank">Year 2021-22</a>
117 |             </div>
118 |         </li>
119 |         <li class="nav-item">
120 |           <a class="nav-link" href="gallery.html" target="_blank" rel="noopener noreferrer"><i class="fa fa-image"></i> Gallery</a>
121 |         </li>
122 |         <li class="nav-item">
123 |           <a class="nav-link " href="contact_us.html" target="_blank" rel="noopener noreferrer"><i class="fa fa-phone"></i> Contact Us</a>
124 |         </li>
125 |       </ul>
126 |     </div>
127 |   </nav>
128 |   <!-- navbar end -->
129 | 
130 |   <!-- btn top -->
131 |   <button class="btn-to-top">
132 |     <i class="fa fa-arrow-up fa-2x"></i>
133 |   </button>
134 |   <!-- section 0 start-->
135 |   <section class="main" id="0">
136 |     <!-- Flipping Images Start-->
137 |     <div class="grids">
138 |       <div class="card-one">
139 |         <div class="card">
140 |           <div class="card__side card__side--front" id="front-1"></div>
141 |           <div class="card__side card__side--back" id="back-1"></div>
142 |         </div>
143 |       </div>
144 |       <div class="card-two">
145 |         <div class="card">
146 |           <div class="card__side card__side--front" id="front-2"></div>
147 |           <div class="card__side card__side--back" id="back-2"></div>
148 |         </div>
149 |       </div>
150 |       <div class="card-three">
151 |         <div class="card">
152 |           <div class="card__side card__side--front" id="front-3"></div>
153 |           <div class="card__side card__side--back" id="back-3"></div>
154 |         </div>
155 |       </div>
156 |       <div class="card-four">
157 |         <div class="card">
158 |           <div class="card__side card__side--front" id="front-4"></div>
159 |           <div class="card__side card__side--back" id="back-4"></div>
160 |         </div>
161 |       </div>
162 |       <div class="card-five">
163 |         <div class="card">
164 |           <div class="card__side card__side--front" id="front-5"></div>
165 |           <div class="card__side card__side--back" id="back-5"></div>
166 |         </div>
167 |       </div>
168 |       <div class="card-six">
169 |         <div class="card">
170 |           <div class="card__side card__side--front" id="front-6"></div>
171 |           <div class="card__side card__side--back" id="back-6"></div>
172 |         </div>
173 |       </div>
174 |       <div class="card-seven">
175 |         <div class="card">
176 |           <div class="card__side card__side--front" id="front-7"></div>
177 |           <div class="card__side card__side--back" id="back-7"></div>
178 |         </div>
179 |       </div>
180 |     </div>
181 |     <!-- Flipping images end -->
182 |   </section>
183 |   <!-- section 0 ends -->
184 | 
185 |   <!-- section 1.1 start-->
186 |   <section class="aboutus" id="1.1">
187 |     <br>
188 |     <h1 style="text-decoration: underline;">About Us</h1>
189 |     <div class="flex-container">
190 |       <div class="box" id="box1">
191 |         <div class="about__img">
192 |           <img src="images/NSS-logo.png" alt="About Image" style="
193 |             width: 200px;
194 |             height: 200px; margin-bottom: 10px;
195 |              " />
196 |           <br>
197 |           <h2 class="about_subtitle">
198 |             Welcome to the National Service Scheme.
199 |           </h2>
200 |           <p class="about__text">
201 |             The National Service Scheme (NSS) is an Indian government-sponsored
202 |             public service program conducted by the Ministry of Youth Affairs[1]
203 |             and Sports of the Government of India. Popularly known as NSS, the
204 |             scheme was launched in Gandhiji's Centenary year in 1969. Aimed at
205 |             developing student's personality through community service, NSS is a
206 |             voluntary association of young people in Colleges, Universities and
207 |             at +2 level working for a campus-community (esp. Villages) linkage.
208 |           </p>
209 |           <h2 class="about__subtitle">Our mission</h2>
210 |           <p class="ourmission_txt">
211 |             The programme aims to instill the idea of social welfare in
212 |             students, and to provide service to society without bias. NSS
213 |             volunteers work to ensure that everyone who is needy gets help to
214 |             enhance their standard of living and lead a life of dignity. In
215 |             doing so, volunteers learn from people in villages how to lead a
216 |             good life despite a scarcity of resources. it also provides help in
217 |             natural and man-made disasters by providing food, clothing and first
218 |             aid to the disaster's victims.
219 |           </p>
220 |         </div>
221 | 
222 |       </div>
223 |       <div class="box" id="box2">
224 |         <!--NOTICE BOARD    -->
225 |         <div class="content_">
226 |           <h1 class="header_">NOTIFICATIONS</h1>
227 |           <marquee behavior="scroll" direction="up" scrollamount="8"
228 |             onmouseover="this.setAttribute('scrollamount',0,0);this.stop();"
229 |             onmouseout="this.setAttribute('scrollamount',8,0);this.start();" class="movingbody_">
230 |             <script>
231 |               for (var i = 1; i <= 5; i++) {
232 |                 if(i==1)
233 |                 document.write(
234 |                   '<p class="m-par_">' +
235 |                   i +
236 | 
237 |                   ".NSS Conducted its event called PARARTH in which we distributed clothes, sports items and stationery. </p>"
238 | 
239 |                   
240 | 
241 |                 );
242 |                 if(i==2)
243 |                 document.write(
244 |                   '<p class="m-par_">' +
245 |                   i +
246 |                   ".NSS Conducted its event called SWARAJ in which the freshmen got a golden opportunity to showcase their knowledge. </p>"
247 |                 );
248 |                 if(i==3)
249 |                 document.write(
250 |                   '<p class="m-par_">' +
251 |                   i +
252 |                   ".Blood Donation camp is Organised by NSS-MMMUT at its Health Centre .</p>"
253 |                 );
254 |                 if(i==4)
255 |                 document.write(
256 |                   '<p class="m-par_">' +
257 |                   i +
258 |                   ". NSS-MMMUT conducted its event called AAYANSH in which our team celebrated Diwali with underprivileged kids. </p>"
259 |                 );
260 |                 if(i==5)
261 |                 document.write(
262 |                   '<p class="m-par_">' +
263 |                   i +
264 |                   ".Annual Day Conducted by NSS-MMMUT on September, 28 in which we launch our website and inducted newly core members. </p>"
265 |                 );
266 |               }
267 |             </script>
268 |           </marquee>
269 |         </div>
270 |   </section>
271 |   <!-- section 1.1 ends -->
272 | 
273 | 
274 | 
275 | 
276 |   <!-- boostrap js start -->
277 |   <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
278 |     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
279 |     crossorigin="anonymous"></script>
280 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
281 |     integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
282 |     crossorigin="anonymous"></script>
283 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
284 |     integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
285 |     crossorigin="anonymous"></script>
286 |   <script src="scripts.js"></script>
287 |   <!-- bootstrap js ends -->
288 | 
289 |   <!-- btn-to-top script start -->
290 |   <script>
291 |     const btn = document.querySelector('.btn-to-top');
292 |     btn.addEventListener("click", function () {
293 |       window.scrollTo({
294 |         top: 0,
295 |         left: 0,
296 |         behavior: "smooth"
297 |       });
298 |     })
299 |   </script>
300 |   <!-- btn-to-top script ends-->
301 | 
302 |   <!-- preloader script starts-->
303 |   <script>
304 |     setTimeout(() => {
305 |       document.getElementById('pre-loader').style.display = 'none';
306 |     }, 5000);
307 |     function close_loader() {
308 |       document.getElementById('pre-loader').style.display = 'none';
309 |     }
310 |   </script>
311 |   <!-- preloader script end-->
312 | 
313 |   <footer id="footer">
314 |     <div class="footer-top">
315 |       <div class="grid-container">
316 |         <div class="grid-item">
317 |           <div class="left">
318 |             <div class="left-content">
319 |               <img id="logo1" src="images/NSS-logo.png" alt="LogoNSS">
320 |               <img id="logo2" src="images/mmm.png" alt="LogoMMM">
321 |             </div>
322 |             <div class="left-content">
323 | 
324 |               <p class="nss">
325 |                 National Service Scheme(NSS),<br> an initiative by the<br> Government of India,<br> provides hands-on
326 |                 <br>
327 |                 experience in community services <br> to young students.
328 |               </p>
329 | 
330 |             </div>
331 |           </div>
332 |         </div>
333 | 
334 |         <div class="grid-item">
335 |           <div class="right">
336 |             <h3 class="underline-small"> <strong> Contact Us :- </strong> </h3>
337 |             <p id="details">
338 |               <i class="fa fa-map-marker" aria-hidden="true"></i> MMMUT, Gorakhpur, U.P, India <br>
339 |               <i class="fa fa-envelope" aria-hidden="true"></i><strong> Email: </strong> nss20.mmmut@gmail.com <br>
340 |             </p>
341 |             <div class="social-links">
342 |               <!-- <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> -->
343 | 
344 |               <a href="https://www.facebook.com/nssmmmutgkp/" class="facebook"><i
345 |                   class="fa fa-facebook"></i></a>
346 |               <a href="https://www.instagram.com/nss_mmmut/" class="instagram"><i
347 |                   class="fa fa-instagram"></i></a>
348 |               <!-- <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a> -->
349 |               <a href="https://t.me/joinchat/TZMqcZzqtCfJbP0v" class="linkedin"><i
350 |                   class="fa fa-telegram"></i></a>
351 |             </div>
352 |           </div>
353 |         </div>
354 |       </div>
355 |     </div>
356 | 
357 |     </div>
358 |     </div>
359 | 
360 |     </div>
361 |     </div>
362 |     <hr>
363 |     <div class="container">
364 |       <div class="copyright">
365 |         &copy; Copyright <strong>NSS MMMUT , GKP</strong>. All Rights Reserved <br> Designed by <a
366 |           href="https://github.com/codeaholic-shub/NSS-MMMUT" style="color: #f82249"> Shubhankar & Team </a>
367 |       </div>
368 |     </div>
369 |   </footer>
370 | </body>
371 | </html>
372 | 


--------------------------------------------------------------------------------
/js/lightbox.min.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Lightbox v2.11.2
 3 |  * by Lokesh Dhakar
 4 |  *
 5 |  * More info:
 6 |  * http://lokeshdhakar.com/projects/lightbox2/
 7 |  *
 8 |  * Copyright Lokesh Dhakar
 9 |  * Released under the MIT license
10 |  * https://github.com/lokesh/lightbox2/blob/master/LICENSE
11 |  *
12 |  * @preserve
13 |  */
14 | !function(a,b){"function"==typeof define&&define.amd?define(["jquery"],b):"object"==typeof exports?module.exports=b(require("jquery")):a.lightbox=b(a.jQuery)}(this,function(a){function b(b){this.album=[],this.currentImageIndex=void 0,this.init(),this.options=a.extend({},this.constructor.defaults),this.option(b)}return b.defaults={albumLabel:"Image %1 of %2",alwaysShowNavOnTouchDevices:!1,fadeDuration:600,fitImagesInViewport:!0,imageFadeDuration:600,positionFromTop:50,resizeDuration:700,showImageNumberLabel:!0,wrapAround:!1,disableScrolling:!1,sanitizeTitle:!1},b.prototype.option=function(b){a.extend(this.options,b)},b.prototype.imageCountLabel=function(a,b){return this.options.albumLabel.replace(/%1/g,a).replace(/%2/g,b)},b.prototype.init=function(){var b=this;a(document).ready(function(){b.enable(),b.build()})},b.prototype.enable=function(){var b=this;a("body").on("click","a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]",function(c){return b.start(a(c.currentTarget)),!1})},b.prototype.build=function(){if(!(a("#lightbox").length>0)){var b=this;a('<div id="lightboxOverlay" tabindex="-1" class="lightboxOverlay"></div><div id="lightbox" tabindex="-1" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""/><div class="lb-nav"><a class="lb-prev" aria-label="Previous image" href="" ></a><a class="lb-next" aria-label="Next image" href="" ></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>').appendTo(a("body")),this.$lightbox=a("#lightbox"),this.$overlay=a("#lightboxOverlay"),this.$outerContainer=this.$lightbox.find(".lb-outerContainer"),this.$container=this.$lightbox.find(".lb-container"),this.$image=this.$lightbox.find(".lb-image"),this.$nav=this.$lightbox.find(".lb-nav"),this.containerPadding={top:parseInt(this.$container.css("padding-top"),10),right:parseInt(this.$container.css("padding-right"),10),bottom:parseInt(this.$container.css("padding-bottom"),10),left:parseInt(this.$container.css("padding-left"),10)},this.imageBorderWidth={top:parseInt(this.$image.css("border-top-width"),10),right:parseInt(this.$image.css("border-right-width"),10),bottom:parseInt(this.$image.css("border-bottom-width"),10),left:parseInt(this.$image.css("border-left-width"),10)},this.$overlay.hide().on("click",function(){return b.end(),!1}),this.$lightbox.hide().on("click",function(c){"lightbox"===a(c.target).attr("id")&&b.end()}),this.$outerContainer.on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$lightbox.find(".lb-prev").on("click",function(){return 0===b.currentImageIndex?b.changeImage(b.album.length-1):b.changeImage(b.currentImageIndex-1),!1}),this.$lightbox.find(".lb-next").on("click",function(){return b.currentImageIndex===b.album.length-1?b.changeImage(0):b.changeImage(b.currentImageIndex+1),!1}),this.$nav.on("mousedown",function(a){3===a.which&&(b.$nav.css("pointer-events","none"),b.$lightbox.one("contextmenu",function(){setTimeout(function(){this.$nav.css("pointer-events","auto")}.bind(b),0)}))}),this.$lightbox.find(".lb-loader, .lb-close").on("click",function(){return b.end(),!1})}},b.prototype.start=function(b){function c(a){d.album.push({alt:a.attr("data-alt"),link:a.attr("href"),title:a.attr("data-title")||a.attr("title")})}var d=this,e=a(window);e.on("resize",a.proxy(this.sizeOverlay,this)),this.sizeOverlay(),this.album=[];var f,g=0,h=b.attr("data-lightbox");if(h){f=a(b.prop("tagName")+'[data-lightbox="'+h+'"]');for(var i=0;i<f.length;i=++i)c(a(f[i])),f[i]===b[0]&&(g=i)}else if("lightbox"===b.attr("rel"))c(b);else{f=a(b.prop("tagName")+'[rel="'+b.attr("rel")+'"]');for(var j=0;j<f.length;j=++j)c(a(f[j])),f[j]===b[0]&&(g=j)}var k=e.scrollTop()+this.options.positionFromTop,l=e.scrollLeft();this.$lightbox.css({top:k+"px",left:l+"px"}).fadeIn(this.options.fadeDuration),this.options.disableScrolling&&a("body").addClass("lb-disable-scrolling"),this.changeImage(g)},b.prototype.changeImage=function(b){var c=this,d=this.album[b].link,e=d.split(".").slice(-1)[0],f=this.$lightbox.find(".lb-image");this.disableKeyboardNav(),this.$overlay.fadeIn(this.options.fadeDuration),a(".lb-loader").fadeIn("slow"),this.$lightbox.find(".lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption").hide(),this.$outerContainer.addClass("animating");var g=new Image;g.onload=function(){var h,i,j,k,l,m;f.attr({alt:c.album[b].alt,src:d}),a(g),f.width(g.width),f.height(g.height),m=a(window).width(),l=a(window).height(),k=m-c.containerPadding.left-c.containerPadding.right-c.imageBorderWidth.left-c.imageBorderWidth.right-20,j=l-c.containerPadding.top-c.containerPadding.bottom-c.imageBorderWidth.top-c.imageBorderWidth.bottom-c.options.positionFromTop-70,"svg"===e&&(f.width(k),f.height(j)),c.options.fitImagesInViewport?(c.options.maxWidth&&c.options.maxWidth<k&&(k=c.options.maxWidth),c.options.maxHeight&&c.options.maxHeight<j&&(j=c.options.maxHeight)):(k=c.options.maxWidth||g.width||k,j=c.options.maxHeight||g.height||j),(g.width>k||g.height>j)&&(g.width/k>g.height/j?(i=k,h=parseInt(g.height/(g.width/i),10),f.width(i),f.height(h)):(h=j,i=parseInt(g.width/(g.height/h),10),f.width(i),f.height(h))),c.sizeContainer(f.width(),f.height())},g.src=this.album[b].link,this.currentImageIndex=b},b.prototype.sizeOverlay=function(){var b=this;setTimeout(function(){b.$overlay.width(a(document).width()).height(a(document).height())},0)},b.prototype.sizeContainer=function(a,b){function c(){d.$lightbox.find(".lb-dataContainer").width(g),d.$lightbox.find(".lb-prevLink").height(h),d.$lightbox.find(".lb-nextLink").height(h),d.$overlay.focus(),d.showImage()}var d=this,e=this.$outerContainer.outerWidth(),f=this.$outerContainer.outerHeight(),g=a+this.containerPadding.left+this.containerPadding.right+this.imageBorderWidth.left+this.imageBorderWidth.right,h=b+this.containerPadding.top+this.containerPadding.bottom+this.imageBorderWidth.top+this.imageBorderWidth.bottom;e!==g||f!==h?this.$outerContainer.animate({width:g,height:h},this.options.resizeDuration,"swing",function(){c()}):c()},b.prototype.showImage=function(){this.$lightbox.find(".lb-loader").stop(!0).hide(),this.$lightbox.find(".lb-image").fadeIn(this.options.imageFadeDuration),this.updateNav(),this.updateDetails(),this.preloadNeighboringImages(),this.enableKeyboardNav()},b.prototype.updateNav=function(){var a=!1;try{document.createEvent("TouchEvent"),a=!!this.options.alwaysShowNavOnTouchDevices}catch(a){}this.$lightbox.find(".lb-nav").show(),this.album.length>1&&(this.options.wrapAround?(a&&this.$lightbox.find(".lb-prev, .lb-next").css("opacity","1"),this.$lightbox.find(".lb-prev, .lb-next").show()):(this.currentImageIndex>0&&(this.$lightbox.find(".lb-prev").show(),a&&this.$lightbox.find(".lb-prev").css("opacity","1")),this.currentImageIndex<this.album.length-1&&(this.$lightbox.find(".lb-next").show(),a&&this.$lightbox.find(".lb-next").css("opacity","1"))))},b.prototype.updateDetails=function(){var a=this;if(void 0!==this.album[this.currentImageIndex].title&&""!==this.album[this.currentImageIndex].title){var b=this.$lightbox.find(".lb-caption");this.options.sanitizeTitle?b.text(this.album[this.currentImageIndex].title):b.html(this.album[this.currentImageIndex].title),b.fadeIn("fast")}if(this.album.length>1&&this.options.showImageNumberLabel){var c=this.imageCountLabel(this.currentImageIndex+1,this.album.length);this.$lightbox.find(".lb-number").text(c).fadeIn("fast")}else this.$lightbox.find(".lb-number").hide();this.$outerContainer.removeClass("animating"),this.$lightbox.find(".lb-dataContainer").fadeIn(this.options.resizeDuration,function(){return a.sizeOverlay()})},b.prototype.preloadNeighboringImages=function(){if(this.album.length>this.currentImageIndex+1){(new Image).src=this.album[this.currentImageIndex+1].link}if(this.currentImageIndex>0){(new Image).src=this.album[this.currentImageIndex-1].link}},b.prototype.enableKeyboardNav=function(){this.$lightbox.on("keyup.keyboard",a.proxy(this.keyboardAction,this)),this.$overlay.on("keyup.keyboard",a.proxy(this.keyboardAction,this))},b.prototype.disableKeyboardNav=function(){this.$lightbox.off(".keyboard"),this.$overlay.off(".keyboard")},b.prototype.keyboardAction=function(a){var b=a.keyCode;27===b?(a.stopPropagation(),this.end()):37===b?0!==this.currentImageIndex?this.changeImage(this.currentImageIndex-1):this.options.wrapAround&&this.album.length>1&&this.changeImage(this.album.length-1):39===b&&(this.currentImageIndex!==this.album.length-1?this.changeImage(this.currentImageIndex+1):this.options.wrapAround&&this.album.length>1&&this.changeImage(0))},b.prototype.end=function(){this.disableKeyboardNav(),a(window).off("resize",this.sizeOverlay),this.$lightbox.fadeOut(this.options.fadeDuration),this.$overlay.fadeOut(this.options.fadeDuration),this.options.disableScrolling&&a("body").removeClass("lb-disable-scrolling")},new b});
15 | //# sourceMappingURL=lightbox.min.map


--------------------------------------------------------------------------------
/scripts.js:
--------------------------------------------------------------------------------
 1 | var flipCheck = 0;
 2 | 
 3 | function rotateCards() {
 4 |   if (flipCheck === 0) {
 5 |     document.getElementById("front-2").classList.add("showGreen");
 6 |     document.getElementById("back-2").classList.add("showRed");
 7 | 
 8 |     document.getElementById("front-1").classList.add("showGreen");
 9 |     document.getElementById("back-1").classList.add("showRed");
10 | 
11 |     flipCheck = 1;
12 | 
13 |     setTimeout(function () {
14 |       document.getElementById("front-4").classList.add("showGreen");
15 |       document.getElementById("back-4").classList.add("showRed");
16 | 
17 |       document.getElementById("front-3").classList.add("showGreen");
18 |       document.getElementById("back-3").classList.add("showRed");
19 | 
20 |       document.getElementById("front-5").classList.add("showGreen");
21 |       document.getElementById("back-5").classList.add("showRed");
22 | 
23 |       setTimeout(function () {
24 |         document.getElementById("front-6").classList.add("showGreen");
25 |         document.getElementById("back-6").classList.add("showRed");
26 | 
27 |         document.getElementById("front-7").classList.add("showGreen");
28 |         document.getElementById("back-7").classList.add("showRed");
29 |       }, 500);
30 |     }, 500);
31 |   } else {
32 |     document.getElementById("front-2").classList.remove("showGreen");
33 |     document.getElementById("back-2").classList.remove("showRed");
34 | 
35 |     document.getElementById("front-1").classList.remove("showGreen");
36 |     document.getElementById("back-1").classList.remove("showRed");
37 | 
38 |     flipCheck = 0;
39 | 
40 |     setTimeout(function () {
41 |       document.getElementById("front-3").classList.remove("showGreen");
42 |       document.getElementById("back-3").classList.remove("showRed");
43 | 
44 |       document.getElementById("front-4").classList.remove("showGreen");
45 |       document.getElementById("back-4").classList.remove("showRed");
46 | 
47 |       document.getElementById("front-5").classList.remove("showGreen");
48 |       document.getElementById("back-5").classList.remove("showRed");
49 | 
50 |       setTimeout(function () {
51 |         document.getElementById("front-7").classList.remove("showGreen");
52 |         document.getElementById("back-7").classList.remove("showRed");
53 | 
54 |         document.getElementById("front-6").classList.remove("showGreen");
55 |         document.getElementById("back-6").classList.remove("showRed");
56 |       }, 500);
57 |     }, 500);
58 |   }
59 | }
60 | 
61 | setInterval(rotateCards, 3000); // Time in milliseconds
62 | 


--------------------------------------------------------------------------------
/teams.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | <html lang="en">
   3 | 
   4 | <head>
   5 |   <meta charset="UTF-8" />
   6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   8 |   <!-- favicon -->
   9 |   <link rel="shortcut icon" href="images/NSS-logo.png" type="image/x-icon" />
  10 | 
  11 |   <!-- icons -->
  12 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  13 | 
  14 |   <!-- bootstrap -->
  15 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
  16 |     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
  17 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  18 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css">
  19 |   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
  20 |   <!-- jQuery library -->
  21 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  22 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
  23 | 
  24 |   <!-- stylesheet-css -->
  25 |    
  26 |   <link rel="preload" href="css/flippingCard.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
  27 |   <link rel="preload" href="css/styles.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
  28 |   <link rel="preload" href="css/contact.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'"/>
  29 |   <link rel="preload" href="css/lightbox.min.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'" />
  30 |   <script type="text/javascript" src="js/lightbox.min.js"></script>
  31 |   <link rel="preload" href="css/teams.css" as="style" media="all" onload="this.onload=null;this.rel='stylesheet'">
  32 | 
  33 |   <title>NSS-MMMUT</title>
  34 | 
  35 |   <style>
  36 |     /*  */
  37 |     /* For pre loader  */
  38 |     #pre-loader {
  39 |       z-index: 99999;
  40 |       position: fixed;
  41 |       width: 100%;
  42 |       height: 100vh;
  43 |       background: rgb(179, 179, 206) url(https://i.ibb.co/5j6Yrqc/loader.gif) center;
  44 |       background-repeat: no-repeat;
  45 |       background-size: 10rem;
  46 |     }
  47 | 
  48 |     /*  */
  49 |     /*  */
  50 |     .about {
  51 |       width: 100vw;
  52 |     }
  53 | 
  54 |     .content {
  55 |       margin-left: 1rem !important;
  56 |       position: relative;
  57 |       left: 30rem;
  58 |     }
  59 |   </style>
  60 | 
  61 | 
  62 | </head>
  63 | 
  64 | 
  65 | <!-- body -->
  66 | 
  67 | <body onload="close_loader()">
  68 |   <!-- preloader  -->
  69 |   <div id="pre-loader">
  70 | 
  71 |   </div>
  72 |   <!-- navbar start -->
  73 |   <nav class="navbar navbar-expand-lg navbar-light bg-light">
  74 |     <img class="navbar-brand" src="images/NSS-logo.png" alt="nss-logo-png" width="55.4rem" height="60.4rem" />
  75 |     <a id="mmmut-tag" href=index.html>NSS-MMMUT</a>
  76 | 
  77 |     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
  78 |       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  79 |       <span class="navbar-toggler-icon"></span>
  80 |     </button>
  81 |     <div class="collapse navbar-collapse" id="navbarNavDropdown">
  82 |       <ul class="navbar-nav ml-auto">
  83 |         <li class="nav-item active">
  84 |           <a class="nav-link" href="index.html"><i class="fa fa-home"></i> Home
  85 |             <span class="sr-only">(current)</span></a>
  86 |         </li>
  87 |         <li class="nav-item dropdown">
  88 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
  89 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-users"></i> Team
  90 |           </a>
  91 | 
  92 |           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  93 |             <a class="dropdown-item" href="teams.html" >Year 2020-21</a>
  94 |             <a class="dropdown-item" href="teams1.html" >Year 2021-22</a>
  95 |           </div>
  96 |         </li>
  97 |         <li class="nav-item dropdown">
  98 |           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
  99 |             aria-haspopup="true" aria-expanded="false"><i class="fa fa-calendar"></i> Events
 100 |           </a>
 101 | 
 102 |             <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 103 |               <a class="dropdown-item" href="events.html" target="_blank">Year 2020-21</a>
 104 |               <a class="dropdown-item" href="events1.html" target="_blank">Year 2021-22</a>
 105 |             </div>
 106 |         </li>
 107 |         <li class="nav-item">
 108 |           <a class="nav-link" href="gallery.html"><i class="fa fa-image"></i> Gallery</a>
 109 |         </li>
 110 |         <li class="nav-item">
 111 |           <a class="nav-link" href="contact_us.html"><i class="fa fa-phone"></i> Contact Us</a>
 112 |         </li>
 113 |       </ul>
 114 |     </div>
 115 |   </nav>
 116 |   <!-- navbar end -->
 117 | 
 118 |   <!-- btn top -->
 119 |   <button class="btn-to-top">
 120 |     <i class="fa fa-arrow-up fa-2x"></i>
 121 |   </button>
 122 | 
 123 |     <!-- section 3 start-->
 124 |     <section class="team-section2" id="2">
 125 |       <h2>Faculty Coordinator</h2>
 126 |     </section> 
 127 |   <section class="team-section" id="2">
 128 |     <div class="team-container">
 129 |        <div class="team-card">
 130 |         <div class="team-content">
 131 |           <div class="imgBx"><img src="images\vc.jpg" /></div>
 132 |           <div class="contentBx">
 133 |             <h3>Prof. J.p Pandey<br/><span>Hon'ble Vice Chancellor</span></h3>
 134 |           </div>
 135 |         </div>
 136 |       </div>
 137 |       <div class="team-card">
 138 |         <div class="team-content">
 139 |           <div class="imgBx"><img src="images\two.jpeg" /></div>
 140 |           <div class="contentBx">
 141 |             <h3>Dr. Awadesh Kumar<br /><span>NSS Coordinator</span></h3>
 142 |           </div>
 143 |         </div>
 144 |       </div>
 145 |     </div>
 146 |   </section>
 147 |   <section class="team-section2" id="2">
 148 |     <h2> Our Core Member</h2>
 149 |   </section>
 150 |   <section class="team-section" id="2">
 151 |     <div class="row row-50 justify-content-lg-center"></div>
 152 |     <div class="team-container">
 153 |       <div class="team-card">
 154 |         <div class="team-content">
 155 |           <div class="imgBx"><img src="images\84yaPic.jpeg" /></div>
 156 |           <div class="contentBx">
 157 |             <h3>
 158 |               Shubham Kumar Chaurasiya<br /><span>Secretary (Boys)</span>
 159 |             </h3>
 160 |           </div>
 161 |         </div>
 162 |         <ul class="sci">
 163 |           <li style="--i: 1">
 164 |             <a href="https://www.instagram.com/_84_ya_/" target="_blank"
 165 |               ><i class="bi bi-instagram"></i
 166 |             ></a>
 167 |           </li>
 168 |           <li style="--i: 2">
 169 |             <a
 170 |               href="https://www.linkedin.com/in/shubham-kumar-chaurasiya-a35164173" target="_blank"
 171 |               ><i class="bi bi-linkedin"></i
 172 |             ></a>
 173 |           </li>
 174 |         </ul>
 175 |       </div>
 176 |       <div class="team-card">
 177 |         <div class="team-content">
 178 |           <div class="imgBx"><img src="images\ShatakshiMamPic.jpeg" /></div>
 179 |           <div class="contentBx">
 180 |             <h3>Shatakshi Srivastava<br /><span>Secretary (Girls)</span></h3>
 181 |           </div>
 182 |         </div>
 183 |         <ul class="sci">
 184 |           <li style="--i: 1">
 185 |             <a href="https://m.facebook.com/shatakshi.sri55" target="_blank"
 186 |               ><i class="bi bi-facebook"></i
 187 |             ></a>
 188 |           </li>
 189 |           <li style="--i: 2">
 190 |             <a href="https://mobile.twitter.com/shatakshisriv15"target="_blank"
 191 |               ><i class="bi bi-twitter"></i
 192 |             ></a>
 193 |           </li>
 194 |           <li style="--i: 3">
 195 |             <a href="https://www.instagram.com/shatakshi685/"target="_blank"
 196 |               ><i class="bi bi-instagram"></i
 197 |             ></a>
 198 |           </li>
 199 |           <li style="--i: 4">
 200 |             <a
 201 |               href="https://www.linkedin.com/in/shatakshi-srivastava-1083431b5"target="_blank"
 202 |               ><i class="bi bi-linkedin"></i
 203 |             ></a>
 204 |           </li>
 205 |         </ul>
 206 |       </div>
 207 |     </div>
 208 |   </section>
 209 |   <section class="team-section" id="3">
 210 |     <div class="row row-30 justify-content-lg-center"></div>
 211 |     <div class="team-container">
 212 |       <div class="team-card">
 213 |         <div class="team-content">
 214 |           <div class="imgBx"><img src="images\AshitSirPic.jpeg" /></div>
 215 |           <div class="contentBx">
 216 |             <h3>
 217 |               Ashit Gupta<br /><span>Joint Secretary, Editorial</span>
 218 |             </h3>
 219 |           </div>
 220 |         </div>
 221 |         <ul class="sci">
 222 |           <li style="--i: 1">
 223 |             <a href="https://www.facebook.com/ashit.gupta.1253"target="_blank"
 224 |               ><i class="bi bi-facebook"></i
 225 |             ></a>
 226 |           </li>
 227 |           <li style="--i: 2">
 228 |             <a href="https://twitter.com/AshitGu19903238?s=08"target="_blank"
 229 |               ><i class="bi bi-twitter"></i
 230 |             ></a>
 231 |           </li>
 232 |           <li style="--i: 3">
 233 |             <a href="https://www.instagram.com/ashit.2222/"target="_blank"
 234 |               ><i class="bi bi-instagram"></i
 235 |             ></a>
 236 |           </li>
 237 |           <li style="--i: 4">
 238 |             <a href="https://www.linkedin.com/in/ashit-gupta-2869701aa"target="_blank"
 239 |               ><i class="bi bi-linkedin"></i
 240 |             ></a>
 241 |           </li>
 242 |         </ul>
 243 |       </div>
 244 |       <div class="team-card">
 245 |         <div class="team-content">
 246 |           <div class="imgBx"><img src="images\NamitaMam.jpg" /></div>
 247 |           <div class="contentBx">
 248 |             <h3>Namita Dubey<br /><span>Joint Secretary, Editorial</span></h3>
 249 |           </div>
 250 |         </div>
 251 |         <ul class="sci">
 252 |           <li style="--i: 1">
 253 |             <a href="https://www.facebook.com/namita.dubey.3950"target="_blank"
 254 |               ><i class="bi bi-facebook"></i
 255 |             ></a>
 256 |           </li>
 257 |           <li style="--i: 2">
 258 |             <a
 259 |               href="https://instagram.com/inexplicable_namita?utm_medium=copy_link"target="_blank"
 260 |               ><i class="bi bi-instagram"></i
 261 |             ></a>
 262 |           </li>
 263 |           <li style="--i: 3">
 264 |             <a href="https://www.linkedin.com/in/namita-dubey-030b1a1a1"target="_blank"
 265 |               ><i class="bi bi-linkedin"></i
 266 |             ></a>
 267 |           </li>
 268 |         </ul>
 269 |       </div>
 270 |       <div class="team-card">
 271 |         <div class="team-content">
 272 |           <div class="imgBx"><img src="images\DivyanshuSir.jpeg" /></div>
 273 |           <div class="contentBx">
 274 |             <h3>
 275 |               Divyanshu Upadhyay<br /><span>Joint Secretary, Management</span>
 276 |             </h3>
 277 |           </div>
 278 |         </div>
 279 |         <ul class="sci">
 280 |           <li style="--i: 1">
 281 |             <a href="https://www.facebook.com/divyanshu.upadhyay.79"target="_blank"
 282 |               ><i class="bi bi-facebook"></i
 283 |             ></a>
 284 |           </li>
 285 |           <li style="--i: 2">
 286 |             <a href="https://twitter.com/Divyanshu_es"target="_blank"
 287 |               ><i class="bi bi-twitter"></i
 288 |             ></a>
 289 |           </li>
 290 |           <li style="--i: 3">
 291 |             <a href="https://www.instagram.com/divyanshu_er/"target="_blank"
 292 |               ><i class="bi bi-instagram"></i
 293 |             ></a>
 294 |           </li>
 295 |           <li style="--i: 4">
 296 |             <a href=" https://www.linkedin.com/in/divyanshu-india"target="_blank"
 297 |               ><i class="bi bi-linkedin"></i
 298 |             ></a>
 299 |           </li>
 300 |         </ul>
 301 |       </div>
 302 |       <div class="team-card">
 303 |         <div class="team-content">
 304 |           <div class="imgBx"><img src="images\KushagraSirPic.jpeg" /></div>
 305 |           <div class="contentBx">
 306 |             <h3>
 307 |               Kushagra Shukla<br /><span>Joint Secretary, Management</span>
 308 |             </h3>
 309 |           </div>
 310 |         </div>
 311 |         <ul class="sci">
 312 |           <li style="--i: 1">
 313 |             <a href="https://mobile.twitter.com/kushagra287"target="_blank"
 314 |               ><i class="bi bi-twitter"></i
 315 |             ></a>
 316 |           </li>
 317 |           <li style="--i: 2">
 318 |             <a href="https://www.instagram.com/random_boy_1122/"target="_blank"
 319 |               ><i class="bi bi-instagram"></i
 320 |             ></a>
 321 |           </li>
 322 |         </ul>
 323 |       </div>
 324 |       <div class="team-card">
 325 |         <div class="team-content">
 326 |           <div class="imgBx"><img src="images\HarshitSirPic.jpeg" /></div>
 327 |           <div class="contentBx">
 328 |             <h3>
 329 |               Harshit Srivastava<br /><span>Joint Secretary, Technical</span>
 330 |             </h3>
 331 |           </div>
 332 |         </div>
 333 |         <ul class="sci">
 334 |           <li style="--i: 1">
 335 |             <a href="https://www.facebook.com/harshit.srivastava.31392410"target="_blank"
 336 |               ><i class="bi bi-facebook"></i
 337 |             ></a>
 338 |           </li>
 339 |           <li style="--i: 2">
 340 |             <a href="https://mobile.twitter.com/Harshit46162114"target="_blank"
 341 |               ><i class="bi bi-twitter"></i
 342 |             ></a>
 343 |           </li>
 344 |           <li style="--i: 3">
 345 |             <a
 346 |               href="https://www.instagram.com/p/CFUHCMVHZwfZWUHLPtmvNoBd5ysjN0v8U9sPRo0/"target="_blank"
 347 |               ><i class="bi bi-instagram"></i
 348 |             ></a>
 349 |           </li>
 350 |           <li style="--i: 4">
 351 |             <a href="https://www.linkedin.com/in/harshit-srivastava-7100a5201"target="_blank"
 352 |               ><i class="bi bi-linkedin"></i
 353 |             ></a>
 354 |           </li>
 355 |         </ul>
 356 |       </div>
 357 |       <div class="team-card">
 358 |         <div class="team-content">
 359 |           <div class="imgBx"><img src="images\GargiSaraMam.jpeg" /></div>
 360 |           <div class="contentBx">
 361 |             <h3>Gargi Shara<br /><span>Joint Secretary, Technical</span></h3>
 362 |           </div>
 363 |         </div>
 364 |         <ul class="sci">
 365 |           <li style="--i: 1">
 366 |             <a href="https://www.facebook.com/gargishara"target="_blank"
 367 |               ><i class="bi bi-facebook"></i
 368 |             ></a>
 369 |           </li>
 370 |           <li style="--i: 2">
 371 |             <a href="https://www.linkedin.com/in/gargi-shara-057246193"target="_blank"
 372 |               ><i class="bi bi-linkedin"></i
 373 |             ></a>
 374 |           </li>
 375 |           <li style="--i: 3">
 376 |             <a href="https://www.instagram.com/gargishara/"target="_blank"
 377 |               ><i class="bi bi-instagram"></i
 378 |             ></a>
 379 |           </li>
 380 |         </ul>
 381 |       </div>
 382 |       <div class="team-card">
 383 |         <div class="team-content">
 384 |           <div class="imgBx"><img src="images\DivyanshSir.jpeg" /></div>
 385 |           <div class="contentBx">
 386 |             <h3>Divyansh Srivastava<br /><span>Media Head</span></h3>
 387 |           </div>
 388 |         </div>
 389 |         <ul class="sci">
 390 |           <li style="--i: 1">
 391 |             <a href=" https://www.facebook.com/profile.php?id=100004400024188"target="_blank"
 392 |               ><i class="bi bi-facebook"></i
 393 |             ></a>
 394 |           </li>
 395 |           <li style="--i: 2">
 396 |             <a href="https://twitter.com/sanely_Prashant"target="_blank"
 397 |               ><i class="bi bi-twitter"></i
 398 |             ></a>
 399 |           </li>
 400 |           <li style="--i: 3">
 401 |             <a href="https://instagram.com/sanely_poetic"target="_blank"
 402 |               ><i class="bi bi-instagram"></i
 403 |             ></a>
 404 |           </li>
 405 |           <li style="--i: 4">
 406 |             <a href="https://in.linkedin.com/in/divyansh-srivastava-7b8864207"target="_blank"
 407 |               ><i class="bi bi-linkedin"></i
 408 |             ></a>
 409 |           </li>
 410 |         </ul>
 411 |       </div>
 412 |       <div class="team-card">
 413 |         <div class="team-content">
 414 |           <div class="imgBx"><img src="images\Rajneesh.jpeg" /></div>
 415 |           <div class="contentBx">
 416 |             <h3> Rajneesh Prakash Maurya <br /><span>Designing Lead</span></h3>
 417 |           </div>
 418 |         </div>
 419 |         <ul class="sci">
 420 |           <li style="--i: 1">
 421 |             <a href="https://www.linkedin.com/in/mauryarajnish/"target="_blank"
 422 |               ><i class="bi bi-linkedin"></i
 423 |             ></a>
 424 |           </li>
 425 |         </ul>
 426 |       </div>
 427 |       <div class="team-card">
 428 |         <div class="team-content">
 429 |           <div class="imgBx"><img src="images\Mohit.jpeg" /></div>
 430 |           <div class="contentBx">
 431 |             <h3> Mohit Pandey <br /><span>Designing Lead</span></h3>
 432 |           </div>
 433 |         </div>
 434 |        <ul class="sci">
 435 |           <li style="--i: 1">
 436 |             <a href="https://www.facebook.com/profile.php?id=100011548575820"target="_blank"
 437 |               ><i class="bi bi-facebook"></i
 438 |             ></a>
 439 |           </li>
 440 |           <li style="--i: 2">
 441 |             <a href="https://twitter.com/MohitPa90526593"target="_blank"
 442 |               ><i class="bi bi-twitter"></i
 443 |             ></a>
 444 |           </li>
 445 |           <li style="--i: 3">
 446 |             <a href="https://www.instagram.com/mohit_goku_07/"target="_blank"
 447 |               ><i class="bi bi-instagram"></i
 448 |             ></a>
 449 |           </li>
 450 |           <li style="--i: 4">
 451 |             <a href="https://www.linkedin.com/in/mohit-pandey-33574a1b1/"target="_blank"
 452 |               ><i class="bi bi-linkedin"></i
 453 |             ></a>
 454 |           </li>
 455 |         </ul>
 456 |       </div> 
 457 |     </div>
 458 |   </section>
 459 |   <section class="team-section2" id="2">
 460 |     <h2>Branch Secretaries</h2>
 461 |   </section> 
 462 |   <section class="team-section" id="4">
 463 |     
 464 |     <div class="row row-30 justify-content-lg-center"></div>
 465 |     <div class="team-container">
 466 |       <div class="team-card">
 467 |         <div class="team-content">
 468 |           <div class="imgBx"><img src="images\ShubhankarPic.jpg" /></div>
 469 |           <div class="contentBx">
 470 |             <h3>
 471 |               Shubhankar Poddar<br /><span>Computer Science Engineering</span>
 472 |             </h3>
 473 |           </div>
 474 |         </div>
 475 |         <ul class="sci">
 476 |           <li style="--i: 1">
 477 |             <a href="https://www.facebook.com/shubhankar.poddar.50/"target="_blank"
 478 |               ><i class="bi bi-facebook"></i
 479 |             ></a>
 480 |           </li>
 481 |           <li style="--i: 2">
 482 |             <a href="https://twitter.com/ShubhankarPodd6"target="_blank"
 483 |               ><i class="bi bi-twitter"></i
 484 |             ></a>
 485 |           </li>
 486 |           <li style="--i: 3">
 487 |             <a href="https://www.instagram.com/_s_h_u_b_h_a_n_k_a_r/"target="_blank"
 488 |               ><i class="bi bi-instagram"></i
 489 |             ></a>
 490 |           </li>
 491 |           <li style="--i: 4">
 492 |             <a href="https://www.linkedin.com/in/shubhankar-poddar-b58684193/"target="_blank"
 493 |               ><i class="bi bi-linkedin"></i
 494 |             ></a>
 495 |           </li>
 496 |         </ul>
 497 |       </div>
 498 |       <div class="team-card">
 499 |         <div class="team-content">
 500 |           <div class="imgBx"><img src="images\AnushkaPic.jpeg" /></div>
 501 |           <div class="contentBx">
 502 |             <h3>
 503 |               Anushka Katiyar<br /><span>Computer Science Engineering</span>
 504 |             </h3>
 505 |           </div>
 506 |         </div>
 507 |         <ul class="sci">
 508 |           <li style="--i: 1">
 509 |             <a href="https://www.facebook.com/anushka.katiyar.948"target="_blank"
 510 |               ><i class="bi bi-facebook"></i
 511 |             ></a>
 512 |           </li>
 513 |           <li style="--i: 2">
 514 |             <a href="https://twitter.com/AnushkaKatiyar6?s=08"target="_blank"
 515 |               ><i class="bi bi-twitter"></i
 516 |             ></a>
 517 |           </li>
 518 |           <li style="--i: 3">
 519 |             <a
 520 |               href="https://instagram.com/katiyaranushka02?utm_medium=copy_link"target="_blank"
 521 |               ><i class="bi bi-instagram"></i
 522 |             ></a>
 523 |           </li>
 524 |           <li style="--i: 4">
 525 |             <a href="https://www.linkedin.com/in/anushka05katiyar"target="_blank"
 526 |               ><i class="bi bi-linkedin"></i
 527 |             ></a>
 528 |           </li>
 529 |         </ul>
 530 |       </div>
 531 |       <div class="team-card">
 532 |         <div class="team-content">
 533 |           <div class="imgBx"><img src="images\MillerPic.jpeg" /></div>
 534 |           <div class="contentBx">
 535 |             <h3>
 536 |               Anubhav Miller<br /><span>Computer Science Engineering</span>
 537 |             </h3>
 538 |           </div>
 539 |         </div>
 540 |         <ul class="sci">
 541 |           <li style="--i: 1">
 542 |             <a href="https://www.facebook.com/anubhav.miller"target="_blank"
 543 |               ><i class="bi bi-facebook"></i
 544 |             ></a>
 545 |           </li>
 546 |           <li style="--i: 2">
 547 |             <a href="https://twitter.com/MillerAnubhav"target="_blank"
 548 |               ><i class="bi bi-twitter"></i
 549 |             ></a>
 550 |           </li>
 551 |           <li style="--i: 3">
 552 |             <a href="https://www.instagram.com/mr_av_tech_info/"target="_blank"
 553 |               ><i class="bi bi-instagram"></i
 554 |             ></a>
 555 |           </li>
 556 |           <li style="--i: 4">
 557 |             <a href="https://www.linkedin.com/in/anubhav-miller-4035591a2/"target="_blank"
 558 |               ><i class="bi bi-linkedin"></i
 559 |             ></a>
 560 |           </li>
 561 |         </ul>
 562 |       </div>
 563 |       <div class="team-card">
 564 |         <div class="team-content">
 565 |           <div class="imgBx"><img src="images\Shiva.jpeg" /></div>
 566 |           <div class="contentBx">
 567 |             <h3>
 568 |               Shiva Singh<br /><span
 569 |                 >Electronics and Communication Engineering</span
 570 |               >
 571 |             </h3>
 572 |           </div>
 573 |         </div>
 574 |         <ul class="sci">
 575 |           <li style="--i: 1">
 576 |             <a href="https://www.facebook.com/profile.php?id=100009541757865"target="_blank"
 577 |               ><i class="bi bi-facebook"></i
 578 |             ></a>
 579 |           </li>
 580 |           <li style="--i: 2">
 581 |             <a href="https://twitter.com/Singhshiva0331"target="_blank"
 582 |               ><i class="bi bi-twitter"></i
 583 |             ></a>
 584 |           </li>
 585 |           <li style="--i: 3">
 586 |             <a href="https://www.instagram.com/__.singhshiva/"target="_blank"
 587 |               ><i class="bi bi-instagram"></i
 588 |             ></a>
 589 |           </li>
 590 |           <li style="--i: 4">
 591 |             <a href="https://www.linkedin.com/in/shiva-singh-0057161b8/"target="_blank"
 592 |               ><i class="bi bi-linkedin"></i
 593 |             ></a>
 594 |           </li>
 595 |         </ul>
 596 |       </div>
 597 |       <div class="team-card">
 598 |         <div class="team-content">
 599 |           <div class="imgBx"><img src="images\ShreyaPic.jpeg" /></div>
 600 |           <div class="contentBx">
 601 |             <h3>
 602 |               Shreya Singh<br /><span
 603 |                 >Electronics and Communication Engineering</span
 604 |               >
 605 |             </h3>
 606 |           </div>
 607 |         </div>
 608 |         <ul class="sci">
 609 |           <li style="--i: 1">
 610 |             <a href="https://www.facebook.com/profile.php?id=100040654192561"target="_blank"
 611 |               ><i class="bi bi-facebook"></i
 612 |             ></a>
 613 |           </li>
 614 |           <li style="--i: 2">
 615 |             <a href="https://twitter.com/Shreya__S?s=08"target="_blank"
 616 |               ><i class="bi bi-twitter"></i
 617 |             ></a>
 618 |           </li>
 619 |           <li style="--i: 3">
 620 |             <a
 621 |               href="https://instagram.com/shreyasingh.__?utm_medium=copy_link"target="_blank"
 622 |               ><i class="bi bi-instagram"></i
 623 |             ></a>
 624 |           </li>
 625 |           <li style="--i: 4">
 626 |             <a href="https://www.linkedin.com/in/shreya-singh-421875176"target="_blank"
 627 |               ><i class="bi bi-linkedin"></i
 628 |             ></a>
 629 |           </li>
 630 |         </ul>
 631 |       </div>
 632 |       <div class="team-card">
 633 |         <div class="team-content">
 634 |           <div class="imgBx"><img src="images\AsutoshPic.jpeg" /></div>
 635 |           <div class="contentBx">
 636 |             <h3>
 637 |               Ashutosh Tiwari<br /><span
 638 |                 >Electronics and Communication Engineering</span
 639 |               >
 640 |             </h3>
 641 |           </div>
 642 |         </div>
 643 |         <ul class="sci">
 644 |           <li style="--i: 1">
 645 |             <a href="https://www.facebook.com/profile.php?id=100004723180896"target="_blank"
 646 |               ><i class="bi bi-facebook"></i
 647 |             ></a>
 648 |           </li>
 649 |           <li style="--i: 2">
 650 |             <a href="https://twitter.com/Ashutos28753747?s=08"target="_blank"
 651 |               ><i class="bi bi-twitter"></i
 652 |             ></a>
 653 |           </li>
 654 |           <li style="--i: 3">
 655 |             <a
 656 |               href="https://www.instagram.com/invites/contact/?i=1pyabqgwy973s&utm_content=3aivne2"target="_blank"
 657 |               ><i class="bi bi-instagram"></i
 658 |             ></a>
 659 |           </li>
 660 |           <li style="--i: 4">
 661 |             <a href="https://www.linkedin.com/in/ashutosh-tiwari-379774185"target="_blank"
 662 |               ><i class="bi bi-linkedin"></i
 663 |             ></a>
 664 |           </li>
 665 |         </ul>
 666 |       </div>
 667 |       <div class="team-card">
 668 |         <div class="team-content">
 669 |           <div class="imgBx"><img src="images\UttkarshPic.jpeg" /></div>
 670 |           <div class="contentBx">
 671 |             <h3>Uttkarsh Singh<br /><span>Civil Engineering</span></h3>
 672 |           </div>
 673 |         </div>
 674 |         <ul class="sci">
 675 |           <li style="--i: 1">
 676 |             <a href="https://www.facebook.com/uttkarsh.singh.3538"target="_blank"
 677 |               ><i class="bi bi-facebook"></i
 678 |             ></a>
 679 |           </li>
 680 |           <li style="--i: 2">
 681 |             <a href="https://twitter.com/uttkars58188220"target="_blank"
 682 |               ><i class="bi bi-twitter"></i
 683 |             ></a>
 684 |           </li>
 685 |           <li style="--i: 3">
 686 |             <a href="https://www.instagram.com/_je.rry_21_/"target="_blank"
 687 |               ><i class="bi bi-instagram"></i
 688 |             ></a>
 689 |           </li>
 690 |         </ul>
 691 |       </div>
 692 |       <div class="team-card">
 693 |         <div class="team-content">
 694 |           <div class="imgBx"><img src="images\AaminiPic.jpeg" /></div>
 695 |           <div class="contentBx">
 696 |             <h3>Aamni Gupta<br /><span>Civil Engineering</span></h3>
 697 |           </div>
 698 |         </div>
 699 |         <ul class="sci">
 700 |           <li style="--i: 1">
 701 |             <a href="https://m.facebook.com/100024986568716/"target="_blank"
 702 |               ><i class="bi bi-facebook"></i
 703 |             ></a>
 704 |           </li>
 705 |           <li style="--i: 2">
 706 |             <a href="https://mobile.twitter.com/aamnigupta35"target="_blank"
 707 |               ><i class="bi bi-twitter"></i
 708 |             ></a>
 709 |           </li>
 710 |           <li style="--i: 3">
 711 |             <a href="https://www.instagram.com/definitely_awesome/"target="_blank"
 712 |               ><i class="bi bi-instagram"></i
 713 |             ></a>
 714 |           </li>
 715 |           <li style="--i: 4">
 716 |             <a href="https://www.linkedin.com/mwlite/in/aamni-gupta-5891121ab"target="_blank"
 717 |               ><i class="bi bi-linkedin"></i
 718 |             ></a>
 719 |           </li>
 720 |         </ul>
 721 |       </div>
 722 |       <div class="team-card">
 723 |         <div class="team-content">
 724 |           <div class="imgBx"><img src="images\SurajPic.jpeg" /></div>
 725 |           <div class="contentBx">
 726 |             <h3>Suraj Yadav<br /><span>Electrical Engineering</span></h3>
 727 |           </div>
 728 |         </div>
 729 |         <ul class="sci">
 730 |           <li style="--i: 1">
 731 |             <a href="https://www.facebook.com/profile.php?id=100040101376320"target="_blank"
 732 |               ><i class="bi bi-facebook"></i
 733 |             ></a>
 734 |           </li>
 735 |           <li style="--i: 2">
 736 |             <a href="https://twitter.com/SurajYa86157023?s=08"target="_blank"
 737 |               ><i class="bi bi-twitter"></i
 738 |             ></a>
 739 |           </li>
 740 |           <li style="--i: 3">
 741 |             <a href="https://instagram.com/suraj670yadav?utm_medium=copy_link"target="_blank"
 742 |               ><i class="bi bi-instagram"></i
 743 |             ></a>
 744 |           </li>
 745 |           <li style="--i: 4">
 746 |             <a href="https://www.linkedin.com/in/suraj-yadav-28982a1b0"target="_blank"
 747 |               ><i class="bi bi-linkedin"></i
 748 |             ></a>
 749 |           </li>
 750 |         </ul>
 751 |       </div>
 752 |       <div class="team-card">
 753 |         <div class="team-content">
 754 |           <div class="imgBx"><img src="images\AnkitaPic.jpeg" /></div>
 755 |           <div class="contentBx">
 756 |             <h3>Ankita Yadav<br /><span>Electrical Engineering</span></h3>
 757 |           </div>
 758 |         </div>
 759 |         <ul class="sci">
 760 |           <li style="--i: 1">
 761 |             <a href="https://www.facebook.com/profile.php?id=100040929551762"target="_blank"
 762 |               ><i class="bi bi-facebook"></i
 763 |             ></a>
 764 |           </li>
 765 |         </ul>
 766 |       </div>
 767 |       <div class="team-card">
 768 |         <div class="team-content">
 769 |           <div class="imgBx"><img src="images\AbhishekSinghPic.jpeg" /></div>
 770 |           <div class="contentBx">
 771 |             <h3>Abhishek Singh<br /><span>Civil Engineering</span></h3>
 772 |           </div>
 773 |         </div>
 774 |         <ul class="sci">
 775 |           <li style="--i: 1">
 776 |             <a href="https://www.facebook.com/profile.php?id=100041540469727"target="_blank"
 777 |               ><i class="bi bi-facebook"></i
 778 |             ></a>
 779 |           </li>
 780 |           <li style="--i: 2">
 781 |             <a href="https://twitter.com/abhisheksinqh?s=09"target="_blank"
 782 |               ><i class="bi bi-twitter"></i
 783 |             ></a>
 784 |           </li>
 785 |           <li style="--i: 3">
 786 |             <a href="https://instagram.com/abhisheksinqh?utm_medium=copy_link"target="_blank"
 787 |               ><i class="bi bi-instagram"></i
 788 |             ></a>
 789 |           </li>
 790 |           <li style="--i: 4">
 791 |             <a href="https://www.linkedin.com/in/abhishek-singh-b04801193"target="_blank"
 792 |               ><i class="bi bi-linkedin"></i
 793 |             ></a>
 794 |           </li>
 795 |         </ul>
 796 |       </div>
 797 |       <div class="team-card">
 798 |         <div class="team-content">
 799 |           <div class="imgBx"><img src="images\AkanshaPic.jpeg" /></div>
 800 |           <div class="contentBx">
 801 |             <h3>Akanksha Yadav<br /><span>Civil Engineering</span></h3>
 802 |           </div>
 803 |         </div>
 804 |         <ul class="sci">
 805 |           <li style="--i: 1">
 806 |             <a href="https://www.facebook.com/profile.php?id=100041095111365"target="_blank"
 807 |               ><i class="bi bi-facebook"></i
 808 |             ></a>
 809 |           </li>
 810 |           <li style="--i: 2">
 811 |             <a
 812 |               href="https://www.instagram.com/invites/contact/?i=h29cyhitiwh&utm_content=cijvq9x"target="_blank"
 813 |               ><i class="bi bi-instagram"></i
 814 |             ></a>
 815 |           </li>
 816 |         </ul>
 817 |       </div>
 818 |       <div class="team-card">
 819 |         <div class="team-content">
 820 |           <div class="imgBx"><img src="images\VaibhavPic.jpeg" /></div>
 821 |           <div class="contentBx">
 822 |             <h3>Vaibhav Tripathi<br /><span>Mechanical Engineering</span></h3>
 823 |           </div>
 824 |         </div>
 825 |         <ul class="sci">
 826 |           <li style="--i: 1">
 827 |             <a href="https://www.facebook.com/vaibhav.tripathi.315865"target="_blank"
 828 |               ><i class="bi bi-facebook"></i
 829 |             ></a>
 830 |           </li>
 831 |           <li style="--i: 2">
 832 |             <a href="https://www.instagram.com/kalkinrap/"target="_blank"
 833 |               ><i class="bi bi-twitter"></i
 834 |             ></a>
 835 |           </li>
 836 |           <li style="--i: 3">
 837 |             <a href="https://mobile.twitter.com/Vaibhav_Tripo"target="_blank"
 838 |               ><i class="bi bi-instagram"></i
 839 |             ></a>
 840 |           </li>
 841 |           <li style="--i: 4">
 842 |             <a
 843 |               href="https://www.linkedin.com/in/vaibhav-tripathi-820005221/"target="_blank"
 844 |               ><i class="bi bi-linkedin"></i
 845 |             ></a>
 846 |           </li>
 847 |         </ul>
 848 |       </div>
 849 |       <div class="team-card">
 850 |         <div class="team-content">
 851 |           <div class="imgBx"><img src="images\AniketYadavPic.jpeg" /></div>
 852 |           <div class="contentBx">
 853 |             <h3>
 854 |               Aniket Yadav<br /><span
 855 |                 >Electronics and Communication Engineering</span
 856 |               >
 857 |             </h3>
 858 |           </div>
 859 |         </div>
 860 |         <ul class="sci">
 861 |           <li style="--i: 1">
 862 |             <a href="https://www.facebook.com/profile.php?id=100009631751589"target="_blank"
 863 |               ><i class="bi bi-facebook"></i
 864 |             ></a>
 865 |           </li>
 866 |           <li style="--i: 2">
 867 |             <a href="https://mobile.twitter.com/dCE02rOhQVsJGuc"target="_blank"
 868 |               ><i class="bi bi-twitter"></i
 869 |             ></a>
 870 |           </li>
 871 |           <li style="--i: 3">
 872 |             <a
 873 |               href="https://instagram.com/i_a_m_vairagi?utm_medium=copy_link"target="_blank"
 874 |               ><i class="bi bi-instagram"></i
 875 |             ></a>
 876 |           </li>
 877 |           <li style="--i: 4">
 878 |             <a
 879 |               href="https://www.linkedin.com/mwlite/in/aniket-yadav-1101361b2"target="_blank"
 880 |               ><i class="bi bi-linkedin"></i
 881 |             ></a>
 882 |           </li>
 883 |         </ul>
 884 |       </div>
 885 |       <div class="team-card">
 886 |         <div class="team-content">
 887 |           <div class="imgBx"><img src="images\NehaRoshniPic.jpeg" /></div>
 888 |           <div class="contentBx">
 889 |             <h3>
 890 |               Neha Roshni<br /><span>Information Technology Engineering</span>
 891 |             </h3>
 892 |           </div>
 893 |         </div>
 894 |         <ul class="sci">
 895 |           <li style="--i: 1">
 896 |             <a href="https://instagram.com/luv_li8?utm_medium=copy_link"target="_blank"
 897 |               ><i class="bi bi-instagram"></i
 898 |             ></a>
 899 |           </li>
 900 |           <li style="--i: 2">
 901 |             <a href="https://www.linkedin.com/in/neha-roshni-054a881a5/"target="_blank"
 902 |               ><i class="bi bi-linkedin"></i
 903 |             ></a>
 904 |           </li>
 905 |         </ul>
 906 |       </div>
 907 |   
 908 |       <div class="team-card">
 909 |         <div class="team-content">
 910 |           <div class="imgBx"><img src="images\HarshitPic.jpeg" /></div>
 911 |           <div class="contentBx">
 912 |             <h3>
 913 |               Harshit Kumar Singh<br /><span
 914 |                 >Bachelor of Business Administration</span
 915 |               >
 916 |             </h3>
 917 |           </div>
 918 |         </div>
 919 |         <ul class="sci">
 920 |           <li style="--i: 1">
 921 |             <a href="https://www.facebook.com/profile.php?id=100033146948532"target="_blank"
 922 |               ><i class="bi bi-facebook"></i
 923 |             ></a>
 924 |           </li>
 925 |           <li style="--i: 2">
 926 |             <a href=" https://twitter.com/Harshit49381684?s=08"target="_blank"
 927 |               ><i class="bi bi-twitter"></i
 928 |             ></a>
 929 |           </li>
 930 |           <li style="--i: 3">
 931 |             <a href="https://instagram.com/am_harshit.__"target="_blank"
 932 |               ><i class="bi bi-instagram"></i
 933 |             ></a>
 934 |           </li>
 935 |           <li style="--i: 4">
 936 |             <a
 937 |               href=" https://www.linkedin.com/in/harshit-kumar-singh-905567213"target="_blank"
 938 |               ><i class="bi bi-linkedin"></i
 939 |             ></a>
 940 |           </li>
 941 |         </ul>
 942 |       </div>
 943 |       <div class="team-card">
 944 |         <div class="team-content">
 945 |           <div class="imgBx"><img src="images\SakshiPandeyPic.jpeg" /></div>
 946 |           <div class="contentBx">
 947 |             <h3>
 948 |               Sakshi Pandey<br /><span
 949 |                 >Bachelor of Business Administration</span
 950 |               >
 951 |             </h3>
 952 |           </div>
 953 |         </div>
 954 |         <ul class="sci">
 955 |           <li style="--i: 1">
 956 |             <a href="https://www.facebook.com/profile.php?id=100038501238915"target="_blank"
 957 |               ><i class="bi bi-facebook"></i
 958 |             ></a>
 959 |           </li>
 960 |           <li style="--i: 2">
 961 |             <a href="https://mobile.twitter.com/SakshiP71808319"target="_blank"
 962 |               ><i class="bi bi-twitter"></i
 963 |             ></a>
 964 |           </li>
 965 |           <li style="--i: 3">
 966 |             <a
 967 |               href="https://www.instagram.com/invites/contact/?i=1kgp4c4r2ygyd&utm_content=hj4x6iz"target="_blank"
 968 |               ><i class="bi bi-instagram"></i
 969 |             ></a>
 970 |           </li>
 971 |           <li style="--i: 4">
 972 |             <a href="https://www.linkedin.com/in/sakshi-pandey-791331214"target="_blank"
 973 |               ><i class="bi bi-linkedin"></i
 974 |             ></a>
 975 |           </li>
 976 |         </ul>
 977 |       </div>
 978 |   
 979 |       <div class="team-card">
 980 |         <div class="team-content">
 981 |           <div class="imgBx"><img src="images\HarshvarshanPic.jpeg" /></div>
 982 |           <div class="contentBx">
 983 |             <h3>
 984 |               Harshvardhan Upadhyay<br /><span>Electrical Engineering</span>
 985 |             </h3>
 986 |           </div>
 987 |         </div>
 988 |         <ul class="sci">
 989 |           <li style="--i: 1">
 990 |             <a href="https://www.facebook.com/harshvardhan.upadhyay.54"target="_blank"
 991 |               ><i class="bi bi-facebook"></i
 992 |             ></a>
 993 |           </li>
 994 |           <li style="--i: 2">
 995 |             <a href="https://twitter.com/Harshva20811196?s=09"target="_blank"
 996 |               ><i class="bi bi-twitter"></i
 997 |             ></a>
 998 |           </li>
 999 |           <li style="--i: 3">
1000 |             <a href="https://www.instagram.com/upadhyay_harshvardhan/"target="_blank"
1001 |               ><i class="bi bi-instagram"></i
1002 |             ></a>
1003 |           </li>
1004 |           <li style="--i: 4">
1005 |             <a
1006 |               href="https://www.linkedin.com/in/harshvardhan-upadhyay-3993b3193"target="_blank"
1007 |               ><i class="bi bi-linkedin"></i
1008 |             ></a>
1009 |           </li>
1010 |         </ul>
1011 |       </div>
1012 |       <div class="team-card">
1013 |         <div class="team-content">
1014 |           <div class="imgBx"><img src="images\JyotiPic.jpg" /></div>
1015 |           <div class="contentBx">
1016 |             <h3>Jyoti Kumari<br /><span>Chemical Engineering</span></h3>
1017 |           </div>
1018 |         </div>
1019 |         <ul class="sci">
1020 |           <li style="--i: 1">
1021 |             <a href="https://www.facebook.com/jyotikumari1801"target="_blank"
1022 |               ><i class="bi bi-facebook"></i
1023 |             ></a>
1024 |           </li>
1025 |           <li style="--i: 2">
1026 |             <a href="https://twitter.com/thisisjyotiii?s=08"target="_blank"
1027 |               ><i class="bi bi-twitter"></i
1028 |             ></a>
1029 |           </li>
1030 |           <li style="--i: 3">
1031 |             <a href="https://www.instagram.com/jyotikm1801/"target="_blank"
1032 |               ><i class="bi bi-instagram"></i
1033 |             ></a>
1034 |           </li>
1035 |           <li style="--i: 4">
1036 |             <a href="https://www.linkedin.com/in/jyoti-kumari-34a4a01ab/"target="_blank"
1037 |               ><i class="bi bi-linkedin"></i
1038 |             ></a>
1039 |           </li>
1040 |         </ul>
1041 |       </div>
1042 |        <div class="team-card">
1043 |         <div class="team-content">
1044 |           <div class="imgBx"><img src="images\SaloniPic.jpeg" /></div>
1045 |           <div class="contentBx">
1046 |             <h3>Saloni Pandey<br /><span>Chemical Engineering</span></h3>
1047 |           </div>
1048 |         </div>
1049 |         <ul class="sci">
1050 |           <li style="--i: 1">
1051 |             <a href="https://www.facebook.com/saloni.pandey.9847"target="_blank"
1052 |               ><i class="bi bi-facebook"></i
1053 |             ></a>
1054 |           </li>
1055 |           <li style="--i: 2">
1056 |             <a href="https://instagram.com/__saloni_pandey__?utm_medium=copy_link"target="_blank"
1057 |               ><i class="bi bi-instagram"></i
1058 |             ></a>
1059 |           </li>
1060 |         </ul>
1061 |       </div>
1062 |       <div class="team-card">
1063 |         <div class="team-content">
1064 |           <div class="imgBx"><img src="images\ShreyaGuptaPic.jpeg" /></div>
1065 |           <div class="contentBx">
1066 |             <h3>Shreya Gupta<br /><span>Chemical Engineering</span></h3>
1067 |           </div>
1068 |         </div>
1069 |         <ul class="sci">
1070 |           <li style="--i: 1">
1071 |             <a href="https://www.facebook.com/profile.php?id=100072478793472"target="_blank"
1072 |               ><i class="bi bi-facebook"></i
1073 |             ></a>
1074 |           </li>
1075 |           <li style="--i: 2">
1076 |             <a href="https://twitter.com/ShreyaG67151662?s=08"target="_blank"
1077 |               ><i class="bi bi-twitter"></i
1078 |             ></a>
1079 |           </li>
1080 |           <li style="--i: 3">
1081 |             <a href="https://www.instagram.com/_shreyagupta1111/"target="_blank"
1082 |               ><i class="bi bi-instagram"></i
1083 |             ></a>
1084 |           </li>
1085 |           <li style="--i: 4">
1086 |             <a href="https://www.linkedin.com/in/shreya-gupta-9b41bb197"target="_blank"
1087 |               ><i class="bi bi-linkedin"></i
1088 |             ></a>
1089 |           </li>
1090 |         </ul>
1091 |       </div>
1092 |     </div>
1093 |   </section>
1094 |       <!-- section 3 ends -->
1095 |   <!-- boostrap js start -->
1096 |   <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
1097 |     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
1098 |     crossorigin="anonymous"></script>
1099 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
1100 |     integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
1101 |     crossorigin="anonymous"></script>
1102 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
1103 |     integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
1104 |     crossorigin="anonymous"></script>
1105 |   <script src="scripts.js"></script>
1106 |   <!-- bootstrap js ends -->
1107 | 
1108 |   <!-- btn-to-top script start -->
1109 |   <script>
1110 |     const btn = document.querySelector('.btn-to-top');
1111 |     btn.addEventListener("click", function () {
1112 |       window.scrollTo({
1113 |         top: 0,
1114 |         left: 0,
1115 |         behavior: "smooth"
1116 |       });
1117 |     })
1118 |   </script>
1119 |   <!-- btn-to-top script ends-->
1120 | 
1121 |   <!-- preloader script starts-->
1122 |   <script>
1123 |     function close_loader() {
1124 |       document.getElementById('pre-loader').style.display = 'none';
1125 |     }
1126 |   </script>
1127 |   <!-- preloader script end-->
1128 | 
1129 |   <footer id="footer">
1130 |     <div class="footer-top">
1131 |       <div class="grid-container">
1132 |         <div class="grid-item">
1133 |           <div class="left">
1134 |             <div class="left-content">
1135 |               <img id="logo1" src="images/NSS-logo.png" alt="LogoNSS">
1136 |               <img id="logo2" src="images/mmm.png" alt="LogoMMM">
1137 |             </div>
1138 |             <div class="left-content">
1139 | 
1140 |               <p class="nss">
1141 |                 National Service Scheme(NSS),<br> an initiative by the<br> Government of India,<br> provides hands-on
1142 |                 <br>
1143 |                 experience in community services <br> to young students.
1144 |               </p>
1145 | 
1146 |             </div>
1147 |           </div>
1148 |         </div>
1149 | 
1150 |         <div class="grid-item">
1151 |           <div class="right">
1152 |             <h3 class="underline-small"> <strong> Contact Us :- </strong> </h3>
1153 |             <p id="details">
1154 |               <i class="fa fa-map-marker" aria-hidden="true"></i> MMMUT, Gorakhpur, U.P, India <br>
1155 |               <i class="fa fa-envelope" aria-hidden="true"></i><strong> Email: </strong> nss20.mmmut@gmail.com <br>
1156 |             </p>
1157 |             <div class="social-links">
1158 |               <!-- <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> -->
1159 | 
1160 |               <a href="https://www.facebook.com/nssmmmutgkp/" class="facebook"><i
1161 |                   class="fa fa-facebook"></i></a>
1162 |               <a href="https://www.instagram.com/nss_mmmut/" class="instagram"><i
1163 |                   class="fa fa-instagram"></i></a>
1164 |               <!-- <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a> -->
1165 |               <a href="https://t.me/joinchat/TZMqcZzqtCfJbP0v" class="linkedin"><i
1166 |                   class="fa fa-telegram"></i></a>
1167 |             </div>
1168 |           </div>
1169 |         </div>
1170 |       </div>
1171 |     </div>
1172 | 
1173 |     </div>
1174 |     </div>
1175 | 
1176 |     </div>
1177 |     </div>
1178 |     <hr>
1179 |     <div class="container">
1180 |       <div class="copyright">
1181 |         &copy; Copyright <strong>NSS MMMUT , GKP</strong>. All Rights Reserved <br> Designed by <a
1182 |           href="https://github.com/codeaholic-shub/NSS-MMMUT" style="color: #f82249"> Shubhankar & Team </a>
1183 |       </div>
1184 |     </div>
1185 |   </footer>
1186 | </body>
1187 | </html>
1188 | 


--------------------------------------------------------------------------------
/thanks.html:
--------------------------------------------------------------------------------
 1 | <html lang="en">
 2 | <head>
 3 | 	<meta charset="utf-8" />
 4 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 5 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 6 |     <meta http-equiv = "refresh" content = "6; url = index.html" />
 7 | 	<title></title>
 8 | 	<link href='https://fonts.googleapis.com/css?family=Lato:300,400|Montserrat:700' rel='stylesheet' type='text/css'>
 9 | 	<style>
10 | 		@import url(//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css);
11 | 		@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
12 | 	</style>
13 | 	<link rel="stylesheet" href="https://2-22-4-dot-lead-pages.appspot.com/static/lp918/min/default_thank_you.css">
14 | 	<script src="https://2-22-4-dot-lead-pages.appspot.com/static/lp918/min/jquery-1.9.1.min.js"></script>
15 | 	<script src="https://2-22-4-dot-lead-pages.appspot.com/static/lp918/min/html5shiv.js"></script>
16 | </head>
17 | <body>
18 | 	<header class="site-header" id="header">
19 | 		<h1 class="site-header__title" data-lead-id="site-header-title">THANK YOU!</h1>
20 | 	</header>
21 | 
22 | 	<div class="main-content">
23 | 		<i class="fa fa-check main-content__checkmark" id="checkmark"></i>
24 | 		<p class="main-content__body" data-lead-id="main-content-body">Thanks a bunch for filling that out. It means a lot to us, just like you do! We really appreciate you giving us a moment of your time today. Thanks for being you.</p>
25 |         <h4 style="color: rgb(53, 48, 48);">Redirecting to : 
26 |             <span style="color: rgb(0, 0, 0);"><a href="index.html" style="color: black;"> NSS-MMMUT </a>
27 |             </span> in
28 |                 <span id="sec"></span>
29 |             </h4>
30 | 	</div>
31 | 
32 | 	<footer class="site-footer" id="footer">
33 | 		<p class="site-footer__fineprint" id="fineprint">Copyright ©2021 | All Rights Reserved</p>
34 | 	</footer>
35 | </body>
36 | <script>
37 |     var now=0;
38 |     var x = setInterval(function() {
39 |       var seconds = 6 - now;
40 |       document.getElementById("sec").innerHTML =seconds + "s ";
41 |       now++;
42 |     }, 1000);
43 |     </script>
44 | </html>
45 | 


--------------------------------------------------------------------------------