├── .firebaserc ├── .github └── workflows │ ├── firebase-hosting-merge.yml │ └── firebase-hosting-pull-request.yml ├── .gitignore ├── .vscode └── launch.json ├── Acadmica.apk ├── CNAME ├── README.md ├── blackchai.png ├── blacks.jpg ├── firebase.json ├── firebase ├── login.css ├── login.html └── login.js ├── index.html ├── public ├── 404.html ├── 503.html ├── index.html └── studyroom.html └── src ├── CSS ├── 404 │ └── 404.css ├── academics │ ├── csit.css │ ├── main.css │ └── syllabus.css ├── components-css │ ├── about.css │ ├── faq.css │ ├── footer.css │ ├── main.css │ ├── navbar.css │ └── subscribe.css ├── development │ ├── main.css │ └── subpages.css ├── index.css └── interview │ └── main.css ├── JS ├── faq.js ├── fb.js ├── index.js ├── main(index).js ├── main.js ├── main_nav.js ├── main_res_nav.js ├── syllabus.js └── web_nav.js ├── assets ├── ACADMICA.png ├── Education-System-In-India.jpg ├── acad.jpg ├── arrow.jpg ├── boring.jpg ├── buyMeCoffeeLogo.png ├── dev.jpg ├── favicon.png ├── inter.png ├── inter2.png ├── inter3.png ├── interview.jpg ├── main.jpg ├── project1.jpg ├── spin.gif ├── stud.png ├── students.jpg ├── thinking.jpg └── van-tay-media-TFFn3BYLc5s-unsplash.jpg └── pages ├── academics ├── civil.html ├── csit.html ├── electrical.html ├── electronic.html ├── main.html ├── mechanical.html └── syllabus.html ├── development ├── android.html ├── blockchain.html ├── devops.html ├── main.html ├── ml.html └── web.html ├── dsa_sheet └── main.html ├── interviewPrep └── main.html └── subscribe.html /.firebaserc: -------------------------------------------------------------------------------- 1 | { 2 | "projects": { 3 | "default": "academica-26e7a" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /.github/workflows/firebase-hosting-merge.yml: -------------------------------------------------------------------------------- 1 | # This file was auto-generated by the Firebase CLI 2 | # https://github.com/firebase/firebase-tools 3 | 4 | name: Deploy to Firebase Hosting on merge 5 | 'on': 6 | push: 7 | branches: 8 | - master 9 | jobs: 10 | build_and_deploy: 11 | runs-on: ubuntu-latest 12 | steps: 13 | - uses: actions/checkout@v2 14 | - run: npm ci && npm run build 15 | - uses: FirebaseExtended/action-hosting-deploy@v0 16 | with: 17 | repoToken: '${{ secrets.GITHUB_TOKEN }}' 18 | firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_ACADEMICA_26E7A }}' 19 | channelId: live 20 | projectId: academica-26e7a 21 | -------------------------------------------------------------------------------- /.github/workflows/firebase-hosting-pull-request.yml: -------------------------------------------------------------------------------- 1 | # This file was auto-generated by the Firebase CLI 2 | # https://github.com/firebase/firebase-tools 3 | 4 | name: Deploy to Firebase Hosting on PR 5 | 'on': pull_request 6 | jobs: 7 | build_and_preview: 8 | if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}' 9 | runs-on: ubuntu-latest 10 | steps: 11 | - uses: actions/checkout@v2 12 | - run: npm ci && npm run build 13 | - uses: FirebaseExtended/action-hosting-deploy@v0 14 | with: 15 | repoToken: '${{ secrets.GITHUB_TOKEN }}' 16 | firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_ACADEMICA_26E7A }}' 17 | projectId: academica-26e7a 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tier3guy/Acadmica/c2ab4e90aada69793eac9ccd75ea879bf4260e1d/.gitignore -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | "version": "0.2.0", 6 | "configurations": [ 7 | { 8 | "type": "chrome", 9 | "request": "launch", 10 | "name": "Launch Chrome against localhost", 11 | "url": "http://localhost:8080", 12 | "webRoot": "${workspaceFolder}" 13 | } 14 | ] 15 | } -------------------------------------------------------------------------------- /Acadmica.apk: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tier3guy/Acadmica/c2ab4e90aada69793eac9ccd75ea879bf4260e1d/Acadmica.apk -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | acadmica.social -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![Untitled design](https://user-images.githubusercontent.com/73595465/179903998-90ab6fc0-8c7b-4b36-9ba1-29e2d89f10d3.png) 2 | 3 |

https://acadmica.social

4 |

Acadmica

5 | 6 |

7 | Acadmica is running with the aim of becoming India's largest student community, where students can help each other by sharing notes among themselves. We are engineering student ourselves; thus we are well aware of the problems faced by students in their college life. Be it college academics, development (personal or professional), programming or coding, internships, placement preparation, techfests and events, cultural clubs and whatnot?!

8 |

9 | Worry not! We provide subjectwise notes, subjectwise study material; various coding questions and DSA sheets for placements, developer roadmaps for almost everything -- all in one place. We go through the internet to find the best resources to serve you. Any contribution is also welcome if you feel your content (notes/study materials) can help others, he/she can send the material to us, you will be given credits for your work ofcourse in all the social media handles of @cadmica! 10 |

11 | 12 | # ```Project Structure``` 13 | ### Folder Structure Explained 14 | 15 | This is a multipage-website. You can click on various pages at the navbar to go to the desired page. 16 | 17 | - ```public``` This folder contains an HTML page called ``index.html`` which also happens to be the homepage of the site. 18 | | Page Name | Folder Description | 19 | |-------------|------------------------| 20 | | ```index.html``` | This page contains all the HTML code of **Acadmica** web portal | 21 | 22 | - ```src``` 23 | | Folder Name | Folder Description | 24 | |-------------|------------------------| 25 | | CSS | It contains one folder named as **component-css** and one CSS file named as ``index.css`` | 26 | | JS | JavaScript Folder | 27 | | Assets | This folder contains all the images used in site. | 28 | 29 | - ```component-css``` 30 | | File Name | File Description | 31 | |-----------|------------------------| 32 | | ```about.css``` | It contains CSS code of About Acadmica part | 33 | | ```footer.css``` | It contains CSS code of footer part | 34 | | ```main.css``` | It contains CSS code of main hero page part of Acadmica | 35 | | ```navbar.css``` | It contains CSS code of navbar of Acadmica | 36 | 37 | - ```index.css :``` This file contains CSS code of base CSS file and it also connects all the CSS files inside it. 38 | 39 | 40 | # Setup & Contribution Guidelines: 41 | 42 | 1. Fork the repository 43 | 44 | Click on ```Fork``` button present on the upper-right area of the screen to create a copy of this repository to your GitHub account. 45 | 46 | 47 | 2. Clone the repository 48 | 49 | ```bash 50 | 51 | git clone https://github.com//Acadmica.git 52 | 53 | ``` 54 | 3. Navigate to Acadmica repo directory 55 | 56 | ```bash 57 | 58 | cd Acadmica 59 | 60 | ``` 61 | 62 | 4. Add a reference to the original repository as upstream 63 | 64 | ```bash 65 | 66 | git remote add upstream https://github.com/tier3guy/Acadmica.git 67 | 68 | ``` 69 | 5. Verify the remotes for this repository 70 | ```bash 71 | 72 | git remote -v 73 | 74 | ``` 75 | - [x] Output of above commands should be the same as: 76 | ```bash 77 | 78 | origin https://github.com//Acadmica.git (fetch) 79 | origin https://github.com//Acadmica.git (push) 80 | upstream https://github.com/Acadmica/Acadmica.git (fetch) 81 | upstream https://github.com/Acadmica/Acadmica.git (push) 82 | 83 | ``` 84 | 85 | 6. Update Fork Repo From Upstream (to remain updated with the orignal repo) 86 | 87 | 7. Update your local branch to be in-sync with the original repo 88 | 89 | ```console 90 | 91 | git pull upstream master 92 | 93 | ``` 94 | 95 | 96 | ## Contribution guide 97 | 98 | 1. Create a new branch 99 | ``` 100 | git checkout -b 101 | ``` 102 | 103 | 2. Perform your desired changes to the code base in your forked repo 104 | 3. Track your changes heavy_check_mark: . 105 | 106 | ``` 107 | git add . 108 | ``` 109 | 110 | 4. Commit your changes 111 | ``` 112 | git commit -m "Relevant message" 113 | ``` 114 | 115 | 5. Push the committed changes in your feature branch to your remote repo 116 | ``` 117 | git push -u origin 118 | ``` 119 | 120 | 6. To create a pull request, click on ```compare and pull requests``` button 121 | 7. Please ensure that you compare your feature branch to the desired branch `master` of the repo to make a PR 122 | 123 | 124 | 8. Add an appropriate title and relevant description to your pull request explaining your changes and efforts done 125 | 9. Make sure to edit the PR template 126 | 127 | 10. Click on `Create Pull Request`. 128 | 129 |

A big thanks to our valuable contributors! It would not have been possible without each of you!

130 | 131 | 132 | 133 | -------------------------------------------------------------------------------- /blackchai.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tier3guy/Acadmica/c2ab4e90aada69793eac9ccd75ea879bf4260e1d/blackchai.png -------------------------------------------------------------------------------- /blacks.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tier3guy/Acadmica/c2ab4e90aada69793eac9ccd75ea879bf4260e1d/blacks.jpg -------------------------------------------------------------------------------- /firebase.json: -------------------------------------------------------------------------------- 1 | { 2 | "hosting": { 3 | "public": "public", 4 | "ignore": [ 5 | "firebase.json", 6 | "**/.*", 7 | "**/node_modules/**" 8 | ] 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /firebase/login.css: -------------------------------------------------------------------------------- 1 | 2 | h1{ 3 | color: var(--blue); 4 | } 5 | .main-container{ 6 | padding: 2.5em 1em; 7 | 8 | width: 35%; 9 | } 10 | .form-input{ 11 | margin-top: 15px !important; 12 | } 13 | h4{ 14 | margin-top: 25px !important; 15 | } 16 | .btn-submit{ 17 | display: block; 18 | margin: 0 auto; 19 | font-size: 1.3em; 20 | } -------------------------------------------------------------------------------- /firebase/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Acadmica | Sign Up 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /firebase/login.js: -------------------------------------------------------------------------------- 1 | const firebaseConfig = { 2 | apiKey: "AIzaSyAJlzgCbSFAzGTK58-pW3m_24B5pS0n0rk", 3 | authDomain: "acadmica-27359.firebaseapp.com", 4 | projectId: "acadmica-27359", 5 | storageBucket: "acadmica-27359.appspot.com", 6 | messagingSenderId: "748753129576", 7 | appId: "1:748753129576:web:0047300a1183831326ebdd", 8 | }; 9 | 10 | firebase.initializeApp(firebaseConfig); 11 | 12 | const auth = firebase.auth(); 13 | 14 | function signUp() { 15 | var email = document.getElementById("email"); 16 | var password = document.getElementById("password"); 17 | 18 | const promise = auth.createUserWithEmailAndPassword( 19 | email.value, 20 | password.value 21 | ); 22 | 23 | promise.catch((e) => alert(e.message)); 24 | } 25 | 26 | function signIn() { 27 | console.log("loging in"); 28 | 29 | var email = document.getElementById("email"); 30 | var password = document.getElementById("password"); 31 | const promise = auth.signInWithEmailAndPassword(email.value, password.value); 32 | promise.catch((e) => alert(e.message)); 33 | } 34 | 35 | function signOut() { 36 | auth.signOut(); 37 | alert("SignOut Successfully from System"); 38 | } 39 | 40 | firebase.auth().onAuthStateChanged((user) => { 41 | if (user) { 42 | var email = user.email; 43 | alert("Active user " + email); 44 | } else { 45 | alert("No Active user Found"); 46 | } 47 | }); 48 | -------------------------------------------------------------------------------- /public/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 404 Not Found 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 | 25 |
26 |
27 |
28 |

404

29 |
30 |
31 |

Page not found

32 |

The page you are looking for does not exist or might have been removed had its name changed or is temporarily unavailable. Return to homepage

33 |
34 | 35 | 36 | 37 | 38 |
39 |
40 |
41 |
42 | 43 | 51 | 52 | -------------------------------------------------------------------------------- /public/503.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 503 Service Unavailable 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 |
26 |
27 |

503

28 |
29 |
30 |

This Service is Currently Unavailable

31 |

This site is currently under maintainence.
You can visit this site later or Return to homepage

32 |
33 | 34 | 35 | 36 | 37 |
38 |
39 |
40 |
41 | 42 | 50 | 51 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Acadmica 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 19 | 20 | 21 | 27 | 28 | 29 | 30 | 31 |
32 |
33 |
34 | 35 | 36 | 62 | 63 | 109 | 110 | 111 | 112 |
113 |
114 |

Acadmica

115 |

116 | your one stop destiny to all your academics problems 117 | ! 118 |

119 | 120 |

121 | Join the largest student community and say goodbye to lack of 122 | motivation. We are here to help each other in studies. 123 |

124 | 125 |
126 | 129 | 132 |
133 |
134 | 135 |
136 | image 141 |
142 |
143 | 144 | 145 | 146 |
147 |

How Acadmica works

148 |

149 | Acadmica is running with aim the of becoming india's biggest students 150 | community where students can help each other by sharing notes among 151 | them. We are engineering student ourselves and we know the problems that 152 | an engineering student faces in their college. College, development, 153 | coding, internships, placement preparation and what not. But we are 154 | providing notes, study materials, coding questions for placements all in 155 | one place. We go through the internet find the best resources for and 156 | serve you at one place. Also if a student feels that his notes/study 157 | materials can help others, he or she can post the materials to us, in 158 | return of that you will be getting fame on social media handles. 159 |

160 | 161 |
162 |
163 | 167 |

Academics

168 |

Stream seperated academics notes/study materials at one place.

169 | Visit Academics 172 |
173 |
174 | 178 |

Development

179 |

180 | Android, Native, Web, Blockchain, Machine Learning and what not. 181 |

182 | Find here 185 |
186 |
187 | 191 |

Interview Preparation

192 |

Learn DSA from Candidate masters and ace your interview.

193 | Visit now 196 |
197 |
198 |
199 | 200 | 201 |
202 |

@cadmica:

203 |

Frequently Asked questions

204 |

205 | You will find here the answers to the frequently asked questions and our 206 | community
207 | guidelines, that allow us to study in a motivating and stress free 208 | environment. 209 |

210 |
211 |
212 | 216 |
217 |

Me, Avinash CTO of this project myselves verifies all the notes and study materials. I go to the internet, visit differnts sites and collects the best resources for you guys.

218 |
219 |
220 |
221 | 225 |
226 |

The answer is somewhere yes and somewhere no! Our motive is provide you the best notes, so we compare our notes vs notes present on the internet. The more accurate and detailed one wins.

227 |
228 |
229 |
230 | 234 | 235 |
236 |

Yes! offcourse your materials are always welcome. But again we will compare the better notes and publish that in our site.

237 |
238 |
239 |
240 | 244 |
245 |

Just go to the top click on the contribute button or just click on the link below. You will be redirected to a google form. Fill the form and upload the documents. Wooho! and you are done.

246 | 247 | Google Form 248 |
249 |
250 |
251 |
252 | 253 | 254 |
255 |
256 |
257 |
258 | 259 |
260 |
261 | 262 | 263 |

Help you to study more often 264 | than before

265 | 266 |
267 | 268 | 269 | Help us grow more 270 | 271 |
272 | 273 |

Contact us at -

274 |
275 |
276 |
277 | 278 | 279 |
280 |
281 | 282 |
Product
283 | 284 |
285 | 290 |
291 |
292 |
293 | 294 |
295 |
296 | 297 |
Support
298 | 299 |
300 | 303 |
304 |
305 |
306 | 307 |
308 |
309 | 310 |
311 |
312 |
313 |
314 |

2022 @cadmica Inc. Copyright and All rights reserved

315 | 316 |
317 |
318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 336 | 337 | 338 | -------------------------------------------------------------------------------- /public/studyroom.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Acadmica 9 | 10 | 11 | 15 | 16 | 17 | 23 | 24 | 25 | 31 | 32 | 33 | 34 | 35 |
36 |
37 |
38 | 39 | 76 | 77 | 118 | 119 | 120 |
121 |
122 | 123 |
124 |
127 | 128 |
129 | acad
133 |
devdo
138 | 139 |
dsa
144 | 145 |
146 | 147 |
148 |

We have designed our study room

149 |

into three" majors

150 | 151 |
152 | scroll down to explore them all 155 |
156 |
157 |
158 | 159 |
160 |

161 | Generally, there are three tracks that you will follow throughout your college: one of which is academics, another is coding and solving DSA questions, which we call interview preparation, and the third is project development. 162 | Further within these three are many more sub-categories, such as academics, which has been divided into many streams, where we commonly consider B.Tech. We have many tracks in development, including web, android, blockchain, and many others. Enjoy all of the internet's free and excellent resources. 163 |

164 | 165 |

MAKAUT based UnderGrad Syllabus"

 168 | 169 | 179 | 180 | 181 |
182 |

Our Tracks

183 | 184 |
185 |
186 |
190 |

Academics

191 |

192 | Stream separated Academic notes & study materials. 193 |

194 | Visit Academics 197 |
198 |
199 |
203 |

Development

204 |

205 | Android, Native, Web, Blockchain, Machine Learning. 206 |

207 | Find here 210 |
211 |
212 |
216 |

Interview Preparation

217 |

Learn DSA from Candidate masters to ace your interview.

218 | Visit now 221 |
222 |
223 |
224 |
225 | 226 | 227 | 228 |
229 |
230 |
231 |
232 | 233 |
234 |
235 | 236 | 237 |

Help you to study more often 238 | than before

239 | 240 |
241 | 242 | 243 | Help us grow more 244 | 245 |
246 | 247 |

Contact us at -

248 |
249 |
250 |
251 | 252 | 253 |
254 |
255 | 256 |
Product
257 | 258 |
259 | 264 |
265 |
266 |
267 | 268 |
269 |
270 | 271 |
Support
272 | 273 |
274 | 277 |
278 |
279 |
280 | 281 |
282 |
283 | 284 |
285 |
286 |
287 |
288 |

2022 @cadmica Inc. Copyright and All rights reserved

289 | 290 |
291 |
292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 305 | 310 | 318 | 319 | -------------------------------------------------------------------------------- /src/CSS/404/404.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap'); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | -webkit-box-sizing: border-box; 8 | } 9 | 10 | :root { 11 | --color-blue: #4850e2; 12 | --color-blue-varient: #374088; 13 | --color-light: #f2f2f3; 14 | --color-light-varient: #d1d0d1; 15 | } 16 | #load{ 17 | margin: auto; 18 | width: 100%; 19 | height: -webkit-fill-available; 20 | position: fixed; 21 | background: #fff url(/src/assets/spin.gif) no-repeat center; 22 | z-index: 9999999; 23 | } 24 | #not_found { 25 | position: relative; 26 | height: 100vh; 27 | } 28 | 29 | #not_found .not_found { 30 | position: absolute; 31 | left: 50%; 32 | top: 50%; 33 | -webkit-transform: translate(-50%, -50%); 34 | -ms-transform: translate(-50%, -50%); 35 | transform: translate(-50%, -50%); 36 | } 37 | 38 | .not_found { 39 | max-width: 767px; 40 | width: 100%; 41 | line-height: 1.4; 42 | text-align: center; 43 | padding: 15px; 44 | } 45 | 46 | .not_found .not_found_404 { 47 | position: relative; 48 | height: 220px; 49 | } 50 | 51 | .not_found .not_found_404 h1 { 52 | font-family: 'JetBrains Mono', monospace; 53 | position: absolute; 54 | left: 50%; 55 | top: 50%; 56 | -webkit-transform: translate(-50%, -50%); 57 | -ms-transform: translate(-50%, -50%); 58 | transform: translate(-50%, -50%); 59 | font-size: 186px; 60 | font-weight: 200; 61 | margin: 0px; 62 | background: linear-gradient(130deg, var(--color-blue), var(--color-blue-varient)); 63 | color: transparent; 64 | -webkit-background-clip: text; 65 | background-clip: text; 66 | text-transform: uppercase; 67 | } 68 | 69 | .not_found_text h2 { 70 | font-family: 'JetBrains Mono', monospace; 71 | font-size: 33px; 72 | font-weight: 200; 73 | text-align: center; 74 | text-transform: uppercase; 75 | margin-top: 0px; 76 | margin-bottom: 25px; 77 | letter-spacing: 3px; 78 | word-spacing: 5px; 79 | } 80 | 81 | .not_found_text p { 82 | font-family: 'JetBrains Mono', monospace; 83 | font-size: 16px; 84 | font-weight: 200; 85 | margin-top: 0px; 86 | margin-bottom: 25px; 87 | word-spacing: 3px; 88 | } 89 | 90 | .not_found_text a { 91 | font-family: 'JetBrains Mono', monospace; 92 | color: var(--color-blue); 93 | font-weight: 200; 94 | text-decoration: none; 95 | border-bottom: 1px dashed var(--color-light-varient); 96 | border-radius: 2px; 97 | } 98 | 99 | .not_found_socials>a { 100 | display: inline-block; 101 | justify-content: center; 102 | line-height: 40px; 103 | width: 40px; 104 | font-size: 18px; 105 | color: var(--color-blue-varient); 106 | border: 1px solid var(--color-light); 107 | border-radius: 50%; 108 | margin: 3px; 109 | -webkit-transition: 0.2s all; 110 | transition: 0.2s all; 111 | } 112 | 113 | .not_found_socials>a:hover { 114 | color: var(--color-light); 115 | background-color: var(--color-blue); 116 | border-color: 1px solid var(--color-blue-varient); 117 | } 118 | 119 | @media only screen and (max-width: 480px) { 120 | .not_found .not_found_404 { 121 | position: relative; 122 | height: 168px; 123 | } 124 | 125 | .not_found .notfound_404 h1 { 126 | font-size: 142px; 127 | } 128 | 129 | .not_found_text h2 { 130 | font-size: 24px; 131 | } 132 | } -------------------------------------------------------------------------------- /src/CSS/academics/csit.css: -------------------------------------------------------------------------------- 1 | .content-sem-container{ 2 | width: 90%; 3 | padding: 5em 0; 4 | margin: 0 auto; 5 | font-family: var(--font-barlow); 6 | } 7 | 8 | .content-sem-container h1{ 9 | color: var(--dark-blue); 10 | font-size: 4em; 11 | margin: 0; 12 | } 13 | 14 | .sem-container-container{ 15 | margin-bottom: 3em; 16 | } 17 | 18 | .sem-chain{ 19 | text-align: center; 20 | font-size: 3em; 21 | width: fit-content; 22 | margin: auto; 23 | display: block; 24 | } 25 | 26 | .notes-row{ 27 | width: 50% !important; 28 | border: none !important; 29 | } 30 | 31 | .sub-name{ 32 | font-size: 1.5em; 33 | font-weight: bold; 34 | } 35 | .hwn{ 36 | margin-bottom: 1em; 37 | color: var(--dark-blue); 38 | font-size: large; 39 | font-weight: 600; 40 | } 41 | 42 | .notes p{ 43 | margin-top: 0.5em; 44 | margin-bottom: 0; 45 | } 46 | .sem-name{ 47 | font-size: 1.5em; 48 | font-weight: bold; 49 | color: white; 50 | } 51 | /* .space{ 52 | top: 10vh; 53 | height: 50vh; 54 | margin-bottom: 1em; 55 | } */ 56 | 57 | .color-faq-content > a{ 58 | color: black !important; 59 | } -------------------------------------------------------------------------------- /src/CSS/academics/main.css: -------------------------------------------------------------------------------- 1 | @import url("./csit.css"); 2 | 3 | .fa-solid { 4 | transition: all 0.2s; 5 | } 6 | 7 | .fa-server:hover { 8 | color: rgba(33, 33, 241, 0.5); 9 | } 10 | 11 | .fa-robot:hover { 12 | color: rgba(219, 87, 78, 0.5); 13 | } 14 | 15 | .fa-bolt:hover { 16 | color: rgba(33, 33, 241, 0.5); 17 | } 18 | 19 | .fa-helmet-safety:hover { 20 | color: rgb(218, 165, 32); 21 | } 22 | 23 | .fa-wrench:hover { 24 | color: rgb(0, 0, 0); 25 | } 26 | 27 | .fa-bolt:hover { 28 | color: rgb(218, 165, 32); 29 | } 30 | 31 | .fa-cubes:hover { 32 | color: rgba(33, 33, 241, 0.5); 33 | } 34 | 35 | .fa-android:hover { 36 | color: rgba(34, 122, 12, 0.5); 37 | } 38 | 39 | .fa-code:hover { 40 | color: rgb(0, 0, 0); 41 | } 42 | 43 | .fa-connectdevelop:hover { 44 | /* fallback for old browsers */ 45 | color: rgb(218, 165, 32); 46 | } 47 | .sem-container { 48 | margin-top: 10em; 49 | /* position: absolute; */ 50 | right: 0; 51 | display: flex; 52 | align-items: flex-end; 53 | justify-content: center; 54 | flex-direction: column; 55 | } 56 | @media (max-width: 768px) { 57 | .sem-container { 58 | /* flex-direction: column; */ 59 | display: flex; 60 | align-items: center; 61 | } 62 | } 63 | 64 | 65 | .sem-container ul { 66 | display: flex; 67 | } 68 | 69 | .btn-sem { 70 | padding: 20px; 71 | background: rgba(92, 92, 255, 0.5); 72 | border: 1px solid var(--blue); 73 | width: 150px; 74 | border-radius:0px; 75 | margin: 0px 1em 0px 1em; 76 | color: rgb(65, 65, 65); 77 | transition: all 0.2s; 78 | } 79 | 80 | .btn-sem:hover { 81 | background: rgba(6, 6, 240, 0.548); 82 | border: 1px solid var(--blue); 83 | color: White; 84 | } 85 | 86 | .syllabus-link { 87 | width: fit-content; 88 | margin: auto; 89 | margin-top: 2em; 90 | font-size: 1.1em !important; 91 | padding-bottom: 1px !important; 92 | } 93 | .btn-all{ 94 | margin: 5px; 95 | } 96 | -------------------------------------------------------------------------------- /src/CSS/academics/syllabus.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | #myInput { 6 | background-image: url('/css/searchicon.png'); 7 | background-position: 10px 10px; 8 | background-repeat: no-repeat; 9 | width: 70%; 10 | font-size: 14px; 11 | padding: 12px 20px 12px 40px; 12 | border: 1px solid #ddd; 13 | margin-bottom: 12px; 14 | } 15 | 16 | #myTable { 17 | border-collapse: collapse; 18 | width: 70%; 19 | border: 1px solid #ddd; 20 | font-size: 14px; 21 | } 22 | 23 | #myTable th, #myTable td { 24 | text-align: left; 25 | padding: 5px; 26 | 27 | } 28 | 29 | #myTable tr { 30 | border-bottom: 1px solid #ddd; 31 | } 32 | 33 | #myTable tr.header, #myTable tr:hover { 34 | background-color: #f1f1f1; 35 | } 36 | 37 | a.disabled { 38 | pointer-events: none; 39 | cursor: default; 40 | } 41 | .auto-style1 { 42 | width: 55%; 43 | height: 31px; 44 | } 45 | .auto-style2 { 46 | height: 43px; 47 | } 48 | .auto-style3 { 49 | width: 5%; 50 | } 51 | .auto-style4 { 52 | height: 43px; 53 | width: 5%; 54 | } 55 | .auto-style5 { 56 | height: 75px; 57 | } 58 | .auto-style6 { 59 | width: 5%; 60 | height: 75px; 61 | } 62 | 63 | .syllabus-container{ 64 | padding-top: 8em; 65 | font-family: var(--font-barlow); 66 | width: 90%; 67 | margin: auto; 68 | } 69 | 70 | .syllabus-container h1{ 71 | font-size: 3.5em; 72 | color: var(--dark-blue); 73 | } 74 | 75 | .syllabus-container p{ 76 | font-size: 1.1em; 77 | color: var(--blue); 78 | } 79 | 80 | table{ 81 | margin: auto; 82 | } 83 | 84 | .syllabus-container .org-link{ 85 | color: var(--blue); 86 | text-decoration: dashed; 87 | font-weight: normal; 88 | } 89 | 90 | .syllabus-container .org-link-para{ 91 | color: var(--dark-blue) !important; 92 | text-decoration: dashed; 93 | font-weight: normal; 94 | font-size: 0.8em; 95 | } 96 | 97 | .syllabus-container #myInput{ 98 | padding: 1.1em; 99 | font-size: 1.1em; 100 | border: none; 101 | outline: none; 102 | border-bottom: 2px solid var(--blue); 103 | color: var(--dark-blue); 104 | } 105 | 106 | .syllabus-container #myInput:focus, .syllabus-container #myInput:active{ 107 | border: none; 108 | outline: none; 109 | border-bottom: 2px solid var(--blue); 110 | } 111 | 112 | .fa-magnifying-glass{ 113 | color: var(--dark-blue); 114 | padding: 0; 115 | font-size: 0.9em; 116 | } -------------------------------------------------------------------------------- /src/CSS/components-css/about.css: -------------------------------------------------------------------------------- 1 | .facilities { 2 | font-family: var(--font-barlow); 3 | width: 90%; 4 | margin: auto; 5 | margin-top: 4em; 6 | text-align: center; 7 | } 8 | 9 | .facilities div.about { 10 | width: 100%; 11 | height: 100%; 12 | padding: 5px 20px; 13 | padding-bottom: 15px; 14 | border-radius: 20px; 15 | /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */ 16 | box-shadow: var(--box-shadow-1) 0px 1px 2px 0px, var(--box-shadow-2) 0px 1px 3px 1px; 17 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 18 | margin-top: 2em; 19 | } 20 | 21 | .facilities-row .mt-1 { 22 | background: #4245f3; 23 | border-radius: 3px; 24 | /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */ 25 | box-shadow: var(--box-shadow-1) 0px 1px 2px 0px, var(--box-shadow-2) 0px 1px 3px 1px; 26 | box-sizing: border-box; 27 | color: #FFFFFF; 28 | cursor: pointer; 29 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 30 | font-size: 16px; 31 | line-height: 24px; 32 | opacity: 1; 33 | outline: 0 solid transparent; 34 | padding: 8px 18px; 35 | user-select: none; 36 | -webkit-user-select: none; 37 | touch-action: manipulation; 38 | width: fit-content; 39 | word-break: break-word; 40 | border: 0; 41 | } 42 | 43 | .facilities-row .mt-1:hover { 44 | color: white; 45 | } 46 | 47 | .facilities p { 48 | margin-top: 3em; 49 | color: var(--text-color5); 50 | font-family: var(--font-roboto); 51 | } 52 | 53 | .facilities-col p { 54 | margin-top: 1.5em; 55 | } 56 | 57 | .facilities h1 { 58 | font-size: 3em; 59 | font-family: var(--font-barlow); 60 | color: var(--dark-blue); 61 | } 62 | 63 | .facilities h1 span { 64 | color: #4245f3; 65 | } 66 | 67 | .facilities-row { 68 | margin-top: 5%; 69 | display: flex; 70 | justify-content: space-between; 71 | } 72 | 73 | .facilities-col { 74 | flex-basis: 31%; 75 | border-radius: 10px; 76 | margin-bottom: 5%; 77 | text-align: center; 78 | } 79 | 80 | .facilities-col text-center img :hover { 81 | box-shadow: 10px 10px 5px #000000; 82 | -moz-box-shadow: 0px 10px 5px #000000; 83 | -webkit-box-shadow: 0px 10px 5px #000000; 84 | cursor: pointer; 85 | } 86 | 87 | .facilities-col img { 88 | width: 100%; 89 | border-radius: 10px; 90 | } 91 | 92 | .facilities-col .image { 93 | width: 100%; 94 | height: 45vh; 95 | object-fit: cover; 96 | } 97 | 98 | .facilities-col p { 99 | padding: 0; 100 | margin-bottom: 1em; 101 | } 102 | 103 | .facilities-col h3 { 104 | margin-top: 16px; 105 | margin-bottom: 15px; 106 | text-align: center; 107 | color: var(--text-color1); 108 | } 109 | 110 | .facilities-col a { 111 | color: var(--dark-blue); 112 | border-bottom: 1px dashed var(--dark-blue); 113 | padding: 0.8em; 114 | transition: all 0.1s; 115 | } 116 | 117 | .facilities-col a:hover { 118 | color: var(--blue); 119 | } 120 | 121 | @media(min-width: 700px) and (max-width: 950px) { 122 | .facilities-col h3 { 123 | margin-top: 16px; 124 | margin-bottom: 15px; 125 | text-align: center; 126 | color: var(--text-color1); 127 | font-size: 1.3rem; 128 | } 129 | 130 | .facilities-col p { 131 | padding: 0; 132 | margin-bottom: 1em; 133 | font-size: 0.8rem; 134 | } 135 | } 136 | 137 | @media(max-width: 700px) { 138 | .facilities { 139 | font-family: var(--font-barlow); 140 | width: 90%; 141 | margin: auto; 142 | text-align: center; 143 | padding-top: 12em; 144 | } 145 | 146 | .facilities div.about { 147 | width: 100%; 148 | height: 100%; 149 | padding: 5px 20px; 150 | padding-bottom: 15px; 151 | border-radius: 20px; 152 | box-shadow: var(--box-shadow-1) 0px 1px 2px 0px, var(--box-shadow-2) 0px 1px 3px 1px; 153 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 154 | margin-top: 2em; 155 | } 156 | 157 | .facilities-row .mt-1 { 158 | background: #4245f3; 159 | border-radius: 3px; 160 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; 161 | box-sizing: border-box; 162 | color: #FFFFFF; 163 | cursor: pointer; 164 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 165 | font-size: 16px; 166 | line-height: 24px; 167 | opacity: 1; 168 | outline: 0 solid transparent; 169 | padding: 8px 18px; 170 | user-select: none; 171 | -webkit-user-select: none; 172 | touch-action: manipulation; 173 | width: fit-content; 174 | word-break: break-word; 175 | border: 0; 176 | } 177 | 178 | .facilities-row .mt-1:hover { 179 | color: white; 180 | background-color: #0b1db4; 181 | border: none; 182 | outline: none; 183 | padding: 0.5em 1.5em; 184 | border-radius: 5px; 185 | transition: all 0.5s; 186 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; 187 | } 188 | 189 | .facilities p { 190 | margin-top: 3em; 191 | /* color: var(--text-color); */ 192 | color: var(--text-color5); 193 | font-family: var(--font-roboto); 194 | } 195 | 196 | .facilities-col p { 197 | margin-top: 1.5em; 198 | } 199 | 200 | .facilities h1 { 201 | font-size: 3em; 202 | font-family: var(--font-barlow); 203 | color: var(--text-color6); 204 | } 205 | 206 | .facilities h1 span { 207 | color: var(--text-color3); 208 | } 209 | 210 | .facilities h3 { 211 | color: var(--text-color2); 212 | } 213 | 214 | .facilities-row { 215 | margin-top: 3em; 216 | flex-direction: column; 217 | } 218 | 219 | .facilities-col { 220 | margin-top: 1.5em; 221 | flex-direction: column; 222 | 223 | flex-basis: 31%; 224 | border-radius: 10px; 225 | margin-bottom: 5%; 226 | text-align: center; 227 | } 228 | 229 | .facilities-col text-center img :hover { 230 | box-shadow: 10px 10px 5px #000000; 231 | -moz-box-shadow: 0px 10px 5px #000000; 232 | -webkit-box-shadow: 0px 10px 5px #000000; 233 | cursor: pointer; 234 | } 235 | 236 | .facilities-col img { 237 | width: 100%; 238 | border-radius: 10px; 239 | } 240 | 241 | .facilities-col .image { 242 | width: 100%; 243 | height: 45vh; 244 | object-fit: cover; 245 | } 246 | 247 | .facilities-col p { 248 | padding: 0; 249 | margin-bottom: 1em; 250 | font-family: var(--font-roboto); 251 | } 252 | 253 | .facilities-col h3 { 254 | margin-top: 16px; 255 | margin-bottom: 15px; 256 | text-align: center; 257 | /* color: var(--text-color1); */ 258 | color: var(--dark-blue); 259 | } 260 | 261 | .facilities-col a { 262 | color: var(--dark-blue); 263 | font-family: var(--font-roboto); 264 | border-bottom: 1px dashed var(--dark-blue); 265 | padding: 0.8em; 266 | transition: all 0.1s; 267 | } 268 | 269 | .facilities-col a:hover { 270 | color: var(--blue); 271 | 272 | } 273 | } 274 | 275 | 276 | @media(min-width: 815px) and (max-width: 910px) { 277 | .facilities { 278 | font-family: var(--font-barlow); 279 | width: 90%; 280 | margin: auto; 281 | margin-top: 4em; 282 | text-align: center; 283 | font-size: 0.9rem; 284 | } 285 | } 286 | 287 | @media(max-width: 700px) { 288 | .facilities { 289 | padding-top: 3em; 290 | } 291 | 292 | .facilities-row { 293 | margin-top: 3em; 294 | flex-direction: column; 295 | } 296 | 297 | .facilities-col { 298 | margin-top: 1.5em; 299 | flex-direction: column; 300 | } 301 | } -------------------------------------------------------------------------------- /src/CSS/components-css/faq.css: -------------------------------------------------------------------------------- 1 | .FAQ { 2 | margin: auto; 3 | margin-top: 3em; 4 | padding-top: 5em !important; 5 | text-align: center; 6 | border-radius: 20px; 7 | height: 40%; 8 | width: 70%; 9 | padding: 30px; 10 | padding-bottom: 10px; 11 | margin-bottom: 30px; 12 | box-shadow: var(--box-shadow-1) 0px 1px 2px 0px, var(--box-shadow-2) 0px 2px 6px 2px; 13 | } 14 | 15 | .FAQ .faq-row:hover { 16 | 17 | /* background: #595959; */ 18 | background-color: transparent; 19 | border: 1px solid var(--button-color); 20 | padding-left: 40px; 21 | transition: all 0.6s ease 0s; 22 | /* color: var(--text-color2); */ 23 | background: #0b1db4; 24 | color: var(--loading-bg); 25 | 26 | } 27 | 28 | .FAQ h1 { 29 | font-size: 3em; 30 | font-family: var(--font-barlow); 31 | color: var(--text-color6); 32 | /* color: #4245f3; */ 33 | } 34 | 35 | .FAQ .acad { 36 | font-weight: 450; 37 | color: var(--text-color3); 38 | font-size: 3.9rem; 39 | } 40 | 41 | .FAQ p { 42 | margin-top: 2em; 43 | color: var(--text-color5); 44 | font-family: var(--font-roboto); 45 | } 46 | 47 | .faq-box { 48 | margin-top: 4em; 49 | margin-bottom: 6em; 50 | } 51 | 52 | .faq-row { 53 | width: 90%; 54 | border-radius: 15px; 55 | margin: auto; 56 | margin-bottom: 0.8em; 57 | padding: 1.5em; 58 | /* background: var(--button-color); */ 59 | border: 1px solid var(--button-color); 60 | 61 | } 62 | 63 | 64 | .faq-btn { 65 | width: 100%; 66 | background-color: transparent; 67 | display: flex; 68 | align-items: center; 69 | justify-content: space-between; 70 | border: none; 71 | outline: none; 72 | padding: 1px 0; 73 | color: var(--text-color2); 74 | } 75 | 76 | .faq-row:hover .faq-btn { 77 | color: white; 78 | } 79 | 80 | .fa-moon { 81 | color: var(--text-color2); 82 | 83 | } 84 | 85 | .faq-content>p { 86 | margin: 20px 0 auto; 87 | } 88 | 89 | .faq-content { 90 | height: 0; 91 | text-align: justify; 92 | font-size: 14px; 93 | overflow: hidden; 94 | height: 0; 95 | transition: all 0.4s; 96 | position: relative; 97 | } 98 | 99 | .faq-content>a { 100 | position: revert; 101 | top: 8em !important; 102 | color: var(--background-color); 103 | padding-bottom: 5px; 104 | } 105 | 106 | 107 | @media(min-width: 815px) and (max-width: 910px) { 108 | .FAQ { 109 | margin: auto; 110 | margin-top: 3em; 111 | padding-top: 5em !important; 112 | text-align: center; 113 | border-radius: 20px; 114 | height: 40%; 115 | width: 70%; 116 | padding: 30px; 117 | padding-bottom: 10px; 118 | margin-bottom: 30px; 119 | box-shadow: var(--box-shadow-1) 0px 1px 2px 0px, var(--box-shadow-2) 0px 2px 6px 2px; 120 | font-size: 0.9rem; 121 | } 122 | } 123 | 124 | @media(max-width: 700px) { 125 | .FAQ { 126 | width: 92%; 127 | padding-left: 15px; 128 | padding-right: 15px; 129 | } 130 | } 131 | 132 | @media screen and (max-width: 426px) { 133 | .faq-content>p { 134 | margin: 17px -65px 0px 63px; 135 | } 136 | } 137 | 138 | @media screen and (max-width: 765px) { 139 | .faq-content>p { 140 | margin: 0px 0px 0px 0px; 141 | } 142 | } 143 | 144 | @media screen and (max-width:342px) { 145 | .FAQ .acad { 146 | font-weight: 450; 147 | color: var(--text-color3); 148 | font-size: 2.9rem; 149 | } 150 | } -------------------------------------------------------------------------------- /src/CSS/components-css/footer.css: -------------------------------------------------------------------------------- 1 | footer { 2 | width: 100vw; 3 | position: relative; 4 | bottom: 0; 5 | color: var(--dark-blue); 6 | line-height: 10px; 7 | font-size: 0.9em; 8 | font-family: var(--font-roboto); 9 | box-shadow: 0 8px 48px 8px rgb(47 91 234 / 18%); 10 | } 11 | 12 | footer p { 13 | justify-content: space-between; 14 | } 15 | 16 | 17 | .footer-row { 18 | width: 90%; 19 | margin: auto; 20 | display: flex; 21 | flex-wrap: wrap; 22 | align-items: flex-start; 23 | justify-content: space-between; 24 | padding-top: 6em; 25 | } 26 | 27 | 28 | .footer-col-first { 29 | flex-basis: 30%; 30 | } 31 | 32 | .img-buy-coffee { 33 | width: 2em; 34 | height: 2em; 35 | /* margin-top: 0.5rem; */ 36 | } 37 | 38 | footer hr { 39 | width: 90%; 40 | border: 0; 41 | border-bottom: 0.5px solid var(--dark-blue); 42 | padding-top: 5em; 43 | margin-top: 0; 44 | margin-bottom: 0; 45 | } 46 | 47 | .footer-col-first h2, 48 | .footer-col h2 { 49 | font-size: 1.8em; 50 | margin-bottom: 1em; 51 | font-weight: 300; 52 | } 53 | 54 | 55 | .footer-col h2 { 56 | width: fit-content; 57 | margin-bottom: 1em; 58 | position: relative; 59 | } 60 | 61 | 62 | .email-id { 63 | width: fit-content; 64 | color: var(--blue); 65 | text-decoration: none; 66 | border-bottom: 1px dashed var(--blue); 67 | font-size: 1em; 68 | } 69 | 70 | 71 | .footer-col ul { 72 | padding-left: 0; 73 | } 74 | 75 | 76 | .footer-col ul li { 77 | margin-bottom: 1rem; 78 | } 79 | 80 | 81 | .footer-col ul li a { 82 | color: var(--dark-blue); 83 | } 84 | 85 | 86 | .footer-col-fourth .btn-container { 87 | margin: 0 20px; 88 | } 89 | 90 | 91 | .footer-col-fourth a { 92 | padding: 12px 20px; 93 | } 94 | 95 | 96 | .footer-row2 { 97 | width: 85%; 98 | margin: auto; 99 | display: flex; 100 | flex-wrap: wrap; 101 | align-items: flex-start; 102 | justify-content: space-between; 103 | padding-top: 60px; 104 | padding-bottom: 15px; 105 | } 106 | 107 | 108 | .footer-icon-contact { 109 | line-height: 40px; 110 | margin-bottom: 0; 111 | } 112 | 113 | 114 | .social-icons { 115 | padding-top: 0.8em; 116 | } 117 | 118 | 119 | .social-icons .fa { 120 | width: 30px; 121 | height: 30px; 122 | font-size: 1.8em; 123 | color: var(--dark-blue); 124 | margin-right: 15px; 125 | cursor: pointer; 126 | } 127 | 128 | 129 | @media(min-width: 815px) and (max-width: 910px) { 130 | footer { 131 | width: 100vw; 132 | position: relative; 133 | bottom: 0; 134 | color: var(--dark-blue); 135 | line-height: 10px; 136 | font-family: var(--font-roboto); 137 | box-shadow: 0 8px 48px 8px rgb(47 91 234 / 18%); 138 | font-size: 0.9rem; 139 | } 140 | } 141 | 142 | @media (max-width: 700px) { 143 | footer { 144 | text-align: center !important; 145 | bottom: unset; 146 | } 147 | 148 | .footer-row, 149 | .footer-row2 { 150 | flex-direction: column; 151 | align-items: center; 152 | } 153 | 154 | .footer-col-first h2, 155 | .footer-col h2 { 156 | all: revert; 157 | font-size: xx-large; 158 | } 159 | 160 | .footer-col-third { 161 | margin-top: 2em; 162 | } 163 | 164 | .footer-col-first p { 165 | display: inline; 166 | } 167 | 168 | .footer-col-second { 169 | margin-top: 2em; 170 | } 171 | 172 | .footer-col-fourth { 173 | margin-top: 2em; 174 | } 175 | 176 | .footer-icon-contact { 177 | line-height: 1em; 178 | } 179 | 180 | .email-id { 181 | margin: 1em 0; 182 | margin-bottom: 2em !important; 183 | } 184 | } 185 | 186 | 187 | /* .footer-logo a, .widget-title{ 188 | color: var(--text-color4); 189 | } 190 | 191 | .single-footer-widget, .copyright{ 192 | color: var(--text-color7); 193 | } 194 | 195 | .footer_area { 196 | position: relative; 197 | z-index: 1; 198 | overflow: hidden; 199 | --webkit-box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175); 200 | box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175); 201 | padding:60px; 202 | } 203 | .footer_area .row { 204 | margin-left: -25px; 205 | margin-right: -25px; 206 | } 207 | 208 | .footer_area .row .col, 209 | .footer_area .row .col-1, 210 | .footer_area .row .col-10, 211 | .footer_area .row .col-11, 212 | .footer_area .row .col-12, 213 | .footer_area .row .col-2, 214 | .footer_area .row .col-3, 215 | .footer_area .row .col-4, 216 | .footer_area .row .col-5, 217 | .footer_area .row .col-6, 218 | .footer_area .row .col-7, 219 | .footer_area .row .col-8, 220 | .footer_area .row .col-9, 221 | .footer_area .row .col-auto, 222 | .footer_area .row .col-lg, 223 | .footer_area .row .col-lg-1, 224 | .footer_area .row .col-lg-10, 225 | .footer_area .row .col-lg-11, 226 | .footer_area .row .col-lg-12, 227 | .footer_area .row .col-lg-2, 228 | .footer_area .row .col-lg-3, 229 | .footer_area .row .col-lg-4, 230 | .footer_area .row .col-lg-5, 231 | .footer_area .row .col-lg-6, 232 | .footer_area .row .col-lg-7, 233 | .footer_area .row .col-lg-8, 234 | .footer_area .row .col-lg-9, 235 | .footer_area .row .col-lg-auto, 236 | .footer_area .row .col-md, 237 | .footer_area .row .col-md-1, 238 | .footer_area .row .col-md-10, 239 | .footer_area .row .col-md-11, 240 | .footer_area .row .col-md-12, 241 | .footer_area .row .col-md-2, 242 | .footer_area .row .col-md-3, 243 | .footer_area .row .col-md-4, 244 | .footer_area .row .col-md-5, 245 | .footer_area .row .col-md-6, 246 | .footer_area .row .col-md-7, 247 | .footer_area .row .col-md-8, 248 | .footer_area .row .col-md-9, 249 | .footer_area .row .col-md-auto, 250 | .footer_area .row .col-sm, 251 | .footer_area .row .col-sm-1, 252 | .footer_area .row .col-sm-10, 253 | .footer_area .row .col-sm-11, 254 | .footer_area .row .col-sm-12, 255 | .footer_area .row .col-sm-2, 256 | .footer_area .row .col-sm-3, 257 | .footer_area .row .col-sm-4, 258 | .footer_area .row .col-sm-5, 259 | .footer_area .row .col-sm-6, 260 | .footer_area .row .col-sm-7, 261 | .footer_area .row .col-sm-8, 262 | .footer_area .row .col-sm-9, 263 | .footer_area .row .col-sm-auto, 264 | .footer_area .row .col-xl, 265 | .footer_area .row .col-xl-1, 266 | .footer_area .row .col-xl-10, 267 | .footer_area .row .col-xl-11, 268 | .footer_area .row .col-xl-12, 269 | .footer_area .row .col-xl-2, 270 | .footer_area .row .col-xl-3, 271 | .footer_area .row .col-xl-4, 272 | .footer_area .row .col-xl-5, 273 | .footer_area .row .col-xl-6, 274 | .footer_area .row .col-xl-7, 275 | .footer_area .row .col-xl-8, 276 | .footer_area .row .col-xl-9, 277 | .footer_area .row .col-xl-auto { 278 | padding-right: 25px; 279 | padding-left: 25px; 280 | } 281 | 282 | .single-footer-widget { 283 | position: relative; 284 | z-index: 1; 285 | } 286 | .single-footer-widget .copywrite-text a { 287 | color: #747794; 288 | font-size: 1rem; 289 | } 290 | .single-footer-widget .copywrite-text a:hover, 291 | .single-footer-widget .copywrite-text a:focus { 292 | color: #3f43fd; 293 | } 294 | .single-footer-widget .widget-title { 295 | margin-bottom: 1.5rem; 296 | } 297 | .single-footer-widget .footer_menu li a { 298 | color: #747794; 299 | margin-bottom: 1rem; 300 | display: block; 301 | font-size: 1rem; 302 | } 303 | .single-footer-widget .footer_menu li a:hover, 304 | .single-footer-widget .footer_menu li a:focus { 305 | color: #3f43fd; 306 | } 307 | .single-footer-widget .footer_menu li:last-child a { 308 | margin-bottom: 0; 309 | } 310 | 311 | .footer_social_area { 312 | position: relative; 313 | z-index: 1; 314 | } 315 | .footer_social_area a { 316 | overflow-x: inherit; 317 | border-radius: 50%; 318 | height: 40px; 319 | text-align: center; 320 | width: 40px; 321 | display: inline-block; 322 | background-color: #f5f5ff; 323 | line-height: 40px; 324 | -webkit-box-shadow: none; 325 | box-shadow: none; 326 | margin-right: 10px; 327 | background-color: transparent; 328 | border:1px solid var(--button-color); */ 329 | 330 | /* color:var(--button-color); */ 331 | 332 | /* } 333 | 334 | 335 | .footer_social_area a i { 336 | line-height: 36px; 337 | } 338 | 339 | .footer_social_area a:hover, 340 | .footer_social_area a:focus { 341 | background-color: #0b1db4; 342 | color: #ffffff; 343 | } 344 | 345 | @-webkit-keyframes bi-cycle { 346 | 0% { 347 | left: 0; 348 | } 349 | 100% { 350 | left: 100%; 351 | } 352 | } 353 | 354 | @keyframes bi-cycle { 355 | 0% { 356 | left: 0; 357 | } 358 | 100% { 359 | left: 100%; 360 | } 361 | } 362 | ol li, ul li { 363 | list-style: none; 364 | } 365 | 366 | ol, ul { 367 | margin: 0; 368 | padding: 0; 369 | } */ -------------------------------------------------------------------------------- /src/CSS/components-css/main.css: -------------------------------------------------------------------------------- 1 | .main-container { 2 | width: 90vw; 3 | min-height: 60vh; 4 | margin: 0 auto; 5 | position: relative; 6 | margin-top: 10em; 7 | } 8 | 9 | .text-container { 10 | width: 35%; 11 | position: absolute; 12 | left: 0; 13 | font-family: var(--font-barlow); 14 | color: var(--dark-blue); 15 | 16 | } 17 | 18 | .text-container .title { 19 | color: var(--blue); 20 | font-size: 3em; 21 | } 22 | 23 | .text-container .exclaimation { 24 | color: var(--blue); 25 | } 26 | 27 | 28 | .image-container { 29 | width: 45%; 30 | position: absolute; 31 | right: 0; 32 | } 33 | 34 | .img-responsive { 35 | width: 100%; 36 | height: 100%; 37 | object-fit: cover; 38 | border-radius: 18px; 39 | } 40 | 41 | @media(min-width: 815px) and (max-width: 910px) { 42 | .main-container { 43 | width: 90vw; 44 | min-height: 60vh; 45 | margin: 0 auto; 46 | position: relative; 47 | margin-top: 10em; 48 | font-size: 0.9rem; 49 | } 50 | 51 | .img-responsive { 52 | width: 100%; 53 | height: 100%; 54 | object-fit: cover; 55 | border-radius: 18px; 56 | margin-top: 3.5em; 57 | } 58 | 59 | .main-btn-container { 60 | text-align: center; 61 | justify-content: center; 62 | margin-top: 2rem !important; 63 | font-size: 0.9rem; 64 | } 65 | } 66 | 67 | @media(min-width:300px) and (max-width: 700px) { 68 | .image-container { 69 | position: relative; 70 | } 71 | } 72 | 73 | .main-btn-container { 74 | text-align: center; 75 | justify-content: center; 76 | margin-top: 2rem !important; 77 | } 78 | 79 | .fa-discord { 80 | font-size: 1.1em; 81 | color: var(--blue); 82 | padding-right: 12px; 83 | } 84 | 85 | .studyroom-container { 86 | width: 90%; 87 | min-height: 100vh; 88 | font-family: var(--font-barlow); 89 | padding-top: 10em; 90 | } 91 | 92 | .studyroom-container .main-container-studyroom .img-container { 93 | position: relative; 94 | width: 50%; 95 | height: 70vh; 96 | } 97 | 98 | .sr-img { 99 | position: absolute; 100 | border-radius: 10px; 101 | box-shadow: rgba(99, 99, 99, 0.61) 0px 2px 5px 0px; 102 | width: 20em; 103 | height: 13em; 104 | object-fit: cover; 105 | transition: all 0s; 106 | } 107 | 108 | .acadmic { 109 | right: 20%; 110 | top: 0; 111 | z-index: 1; 112 | } 113 | 114 | /* 115 | .acadmic:hover, .dsa:hover{ 116 | border-right: 4px solid var(--blue); 117 | } 118 | 119 | */ 120 | 121 | .devdo { 122 | z-index: 2; 123 | top: 25%; 124 | left: 0; 125 | } 126 | 127 | /* 128 | .devdo:hover{ 129 | border-left: 4px solid var(--blue); 130 | } 131 | */ 132 | .dsa { 133 | right: 0; 134 | bottom: 0; 135 | z-index: 3; 136 | } 137 | 138 | .text-container-studyroom { 139 | width: 40%; 140 | 141 | } 142 | 143 | .text-container-studyroom h1 { 144 | font-size: 3.5em; 145 | } 146 | 147 | .text-container-studyroom span { 148 | color: var(--blue); 149 | } 150 | 151 | .room-main { 152 | font-size: 1.1em; 153 | margin-top: 5em; 154 | } 155 | 156 | .room-main span { 157 | color: var(--blue); 158 | } 159 | 160 | .room-main h1 { 161 | color: var(--dark-blue); 162 | padding-bottom: 12px; 163 | transition: all 0.1s; 164 | width: fit-content; 165 | } 166 | 167 | .room-main a h1:hover { 168 | border-bottom: 2px dashed var(--blue); 169 | } 170 | 171 | /* .main-container { 172 | width: 90vw; 173 | min-height: fit-content; 174 | margin: 0 auto; 175 | position: relative; 176 | display: flex; 177 | flex-wrap: wrap; 178 | grid-row-end: auto; 179 | justify-content: space-between; 180 | } */ 181 | 182 | /* .text-container { 183 | margin-top: 10em; 184 | width: 50%; 185 | position: relative; 186 | left: 0; 187 | font-family: var(--font-barlow); 188 | color: var(--dark-blue); 189 | } 190 | 191 | .text-container .title { 192 | color: var(--blue); 193 | font-size: 1em; 194 | } 195 | 196 | .text-container .exclaimation { 197 | color: var(--blue); 198 | } */ 199 | 200 | /* .image-container { 201 | position: relative; 202 | right: 0; 203 | } 204 | 205 | #two_btn{ 206 | margin-bottom:25px; 207 | } 208 | .img-responsive { 209 | width: 100%; 210 | height: 100%; 211 | object-fit: cover; 212 | border-radius: 18px; 213 | } 214 | 215 | .fa-discord { 216 | font-size: 1.1em; 217 | color: var(--blue); 218 | padding-right: 12px; 219 | } 220 | 221 | .studyroom-container { 222 | width: 90%; 223 | min-height: 100vh; 224 | font-family: var(--font-barlow); 225 | padding-top: 10em; 226 | } 227 | 228 | .studyroom-container .main-container-studyroom .img-container { 229 | position: relative; 230 | width: 50%; 231 | height: auto; 232 | } */ 233 | 234 | /* @media screen and (max-width: 710px) { 235 | .img-container { 236 | display: none; 237 | } 238 | } 239 | 240 | .sr-img { 241 | border-radius: 10px; 242 | box-shadow: rgba(99, 99, 99, 0.61) 0px 2px 5px 0px; 243 | width: 20em; 244 | height: 13em; 245 | object-fit: cover; 246 | transition: all 0s; 247 | } 248 | 249 | .acadmic { 250 | right: 20%; 251 | top: 0; 252 | z-index: 1; 253 | } 254 | 255 | .devdo { 256 | z-index: 2; 257 | top: 25%; 258 | left: 0; 259 | } 260 | 261 | .dsa { 262 | right: 0; 263 | bottom: 0; 264 | z-index: 3; 265 | } 266 | 267 | .text-container-studyroom { 268 | width: 40%; 269 | } 270 | .text-container-studyroom h1 { 271 | font-size: 3.5em; 272 | } 273 | .text-container-studyroom span { 274 | color: var(--blue); 275 | } 276 | 277 | @media screen and (max-width: 720px) { 278 | .text-container-studyroom { 279 | width: 100%; 280 | text-align: center; 281 | margin-top: -40%; 282 | background-color: white; 283 | height: 240px; 284 | } 285 | .text-container-studyroom h1 { 286 | font-size: 2em; 287 | } 288 | .text-container-studyroom span { 289 | color: var(--blue); 290 | } 291 | } 292 | @media screen and (max-width: 720px) { 293 | .room-main { 294 | font-size: 1.1em; 295 | } 296 | } 297 | 298 | @media screen and (min-width: 800px) { 299 | .room-main { 300 | font-size: 1.1em; 301 | margin-top: 5em; 302 | } 303 | } 304 | 305 | .room-main span { 306 | color: var(--blue); 307 | } 308 | 309 | .room-main h1 { 310 | color: var(--dark-blue); 311 | padding-bottom: 12px; 312 | transition: all 0.1s; 313 | width: fit-content; 314 | } 315 | 316 | .room-main a h1:hover { 317 | border-bottom: 2px dashed var(--blue); 318 | } 319 | 320 | .img-buy-coffee { 321 | width: 35px; 322 | height: 35px; 323 | } */ 324 | 325 | /* @media screen and (max-width: 850px) { 326 | .text-container .title { */ 327 | /* color: var(--blue); */ 328 | /* font-size: 2em; 329 | } 330 | .main-container { 331 | min-height: 72vh; 332 | } 333 | .facilities-row { 334 | flex-direction: column; 335 | } 336 | .image-container { 337 | position: relative; 338 | left: 0; 339 | display: block; 340 | } 341 | .text-container { 342 | margin-top: 10em; 343 | width: 100%; */ 344 | 345 | /* position: absolute; */ 346 | /* left: 0; */ 347 | 348 | /* font-family: var(--font-barlow); 349 | color: var(--dark-blue); 350 | display: block; 351 | } 352 | } 353 | 354 | @media screen and (min-width: 721px) { 355 | .bg-img { 356 | display: none; 357 | } 358 | } 359 | 360 | @media screen and (max-width: 720px) { 361 | .bg-img { 362 | width: 90%; 363 | height: auto; 364 | } 365 | } 366 | 367 | .text-container { 368 | margin-top: 10em; 369 | width: 100%; */ 370 | 371 | /* position: absolute; */ 372 | /* left: 0; */ 373 | 374 | /* font-family: var(--font-barlow); */ 375 | 376 | /* color: var(--dark-blue); */ 377 | 378 | /* display: block; 379 | } */ -------------------------------------------------------------------------------- /src/CSS/components-css/navbar.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --navbar-color: white; 3 | } 4 | 5 | body.dark { 6 | --navbar-color: #2f2f2f; 7 | } 8 | 9 | nav { 10 | position: fixed; 11 | background: var(--navbar-color); 12 | z-index: 999999; 13 | } 14 | 15 | nav>.nav-container { 16 | padding: 0 1.2em; 17 | } 18 | 19 | .nav-items-a { 20 | color: var(--text-color2); 21 | transition: all 0.5s; 22 | } 23 | 24 | .nav-items-a:hover { 25 | color: var(--text-color9); 26 | transition: all 0.5s; 27 | } 28 | 29 | 30 | 31 | #responsive-nav { 32 | display: none; 33 | } 34 | 35 | @media(min-width: 815px) and (max-width:910px) { 36 | nav>.nav-container { 37 | padding: 0 1.2em; 38 | font-size: 0.85rem; 39 | } 40 | } 41 | 42 | @media(max-width: 991px) { 43 | #responsive-nav { 44 | display: block; 45 | position: fixed; 46 | top: 0; 47 | width: 100vw; 48 | padding: 0; 49 | box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; 50 | } 51 | 52 | #responsive-nav>.faq-box, 53 | #responsive-nav>.faq-row { 54 | margin: 0 !important; 55 | padding: 0; 56 | } 57 | 58 | .res-nav-row { 59 | margin-bottom: 0 !important; 60 | width: 100% !important; 61 | border: none !important; 62 | } 63 | 64 | .nav-items-response { 65 | margin-top: 2em; 66 | padding: 0; 67 | } 68 | 69 | .nav-items-response>li { 70 | margin: 1em 0; 71 | text-align: center; 72 | font-size: 1.2em; 73 | color: var(--dark-blue); 74 | } 75 | 76 | #nav { 77 | display: none; 78 | } 79 | } -------------------------------------------------------------------------------- /src/CSS/components-css/subscribe.css: -------------------------------------------------------------------------------- 1 | .subscribe-form-container{ 2 | padding-top: 15em; 3 | font-family: var(--font-barlow); 4 | color : var(--dark-blue); 5 | } 6 | 7 | .form{ 8 | margin: auto; 9 | padding: auto; 10 | width: 60%; 11 | position: relative; 12 | } 13 | 14 | .form-input{ 15 | color : var(--blue); 16 | width: 100%; 17 | font-family: var(--font-roboto); 18 | margin: 2em auto; 19 | margin-bottom: 1em; 20 | font-size: 1.5em; 21 | background: transparent; 22 | border: none; 23 | outline: none; 24 | border-bottom: 2px solid var(--blue); 25 | } 26 | 27 | 28 | .btn-submit{ 29 | display: block; 30 | margin: 3em auto; 31 | font-size: 1.3em; 32 | } 33 | 34 | #backbtn{ 35 | background: transparent; 36 | color: var(--blue); 37 | width: fit-content; 38 | padding-bottom: 10px; 39 | text-align: center; 40 | margin: 1em auto; 41 | transition: all 0.2s; 42 | border-radius: 0px; 43 | } 44 | 45 | #backbtn:hover{ 46 | border-bottom: 1px dashed var(--blue); 47 | } -------------------------------------------------------------------------------- /src/CSS/development/main.css: -------------------------------------------------------------------------------- 1 | .dev-image{ 2 | border-bottom-left-radius: 0px; 3 | border-bottom-right-radius: 0px; 4 | margin-top: -2em; 5 | object-fit: cover; 6 | width: 100%; 7 | } 8 | 9 | .tracks{ 10 | display: flex; 11 | justify-content: space-around; 12 | flex-flow: row wrap; 13 | margin: 10px auto; 14 | } 15 | 16 | .tracks-2{ 17 | display: flex; 18 | justify-content: space-around; 19 | flex-flow: row wrap; 20 | margin: 20px auto; 21 | width: 75%; 22 | } 23 | 24 | .tracks-2 li{ 25 | padding: 30px; 26 | } 27 | 28 | .tracks li{ 29 | padding: 30px; 30 | } 31 | 32 | .dev-main-para{ 33 | font-size: 0.1em; 34 | } 35 | 36 | .icon-container .fa-arrow-down{ 37 | font-size: 1.1em; 38 | margin: 0 20px; 39 | } 40 | 41 | .icon-container{ 42 | font-size: 1.3em; 43 | } 44 | 45 | .tracks-section{ 46 | padding: 5em 0; 47 | width: 90%; 48 | margin: auto; 49 | font-family: var(--font-barlow); 50 | padding-top: 9em; 51 | } 52 | .tracks-section a.text-center { 53 | background: #5E5DF0; 54 | border-radius: 4px; 55 | box-shadow: #5E5DF0 0 10px 20px -10px; 56 | box-sizing: border-box; 57 | color: #FFFFFF; 58 | cursor: pointer; 59 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 60 | font-size: 16px; 61 | font-weight: 700; 62 | line-height: 24px; 63 | opacity: 1; 64 | outline: 0 solid transparent; 65 | padding: 8px 18px; 66 | user-select: none; 67 | -webkit-user-select: none; 68 | touch-action: manipulation; 69 | width: fit-content; 70 | word-break: break-word; 71 | border: 0; 72 | } 73 | .tracks-section h1 span{ 74 | color: var(--blue); 75 | } 76 | 77 | .tracks-container ul{ 78 | display: flex; 79 | justify-content: space-around; 80 | } 81 | 82 | .tracks-container ul li a i{ 83 | font-size: 6em; 84 | margin-bottom: 0.5em; 85 | color: #d3d1d1; 86 | } 87 | 88 | .tracks-container a{ 89 | display: flex; 90 | justify-content: space-around; 91 | font-size: 1.2em; 92 | transition: all 0.1s; 93 | color: var(--dark-blue); 94 | } 95 | 96 | .tracks-container a:hover{ 97 | color: var(--blue) 98 | } -------------------------------------------------------------------------------- /src/CSS/development/subpages.css: -------------------------------------------------------------------------------- 1 | 2 | .intro-title { 3 | color: var(--blue); 4 | 5 | font-family: var(--font-barlow); 6 | font-size: 100px; 7 | font-weight: bold; 8 | font-stretch: wider; 9 | } 10 | 11 | .intro { 12 | font-family: var(--font-barlow); 13 | width: 90%; 14 | margin: auto; 15 | 16 | text-align: left; 17 | padding-top: 10px; 18 | } 19 | 20 | 21 | .intro h2 { 22 | font-size: 2.5em; 23 | text-align: center; 24 | font-family: var(--font-barlow); 25 | color: var(--font-barlow); 26 | } 27 | 28 | .intro p { 29 | margin-top: 1.5em; 30 | color: var(--black); 31 | font-family: var(--font-roboto); 32 | } 33 | 34 | .resource { 35 | text-decoration: underline; 36 | font-size: 2.5em; 37 | font-family: var(--font-barlow); 38 | color: var(--dark-blue); 39 | } 40 | 41 | -------------------------------------------------------------------------------- /src/CSS/index.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Barlow&family=Lora&family=Noto+Serif&family=Roboto:wght@400&display=swap'); 2 | 3 | 4 | /* IMPORTING COMPONENTS CSS */ 5 | @import url('./components-css/navbar.css'); 6 | @import url('./components-css/main.css'); 7 | @import url('./components-css/about.css'); 8 | @import url('./components-css/footer.css'); 9 | @import url('./components-css/subscribe.css'); 10 | @import url('./development/main.css'); 11 | @import url('./development/subpages.css'); 12 | @import url('./academics/main.css'); 13 | @import url('./components-css/faq.css'); 14 | @import url('./academics/syllabus.css'); 15 | @import url('./interview/main.css'); 16 | 17 | 18 | html, 19 | body { 20 | overflow-x: hidden; 21 | --background-color: white; 22 | background-color: var(--background-color); 23 | transition: var(--transition-delay); 24 | } 25 | 26 | #load { 27 | margin: auto; 28 | width: 100%; 29 | height: -webkit-fill-available; 30 | position: fixed; 31 | background: #fff url(/src/assets/spin.gif) no-repeat center; 32 | z-index: 9999999; 33 | } 34 | 35 | 36 | 37 | html::-webkit-scrollbar { 38 | width: 0.7vw; 39 | } 40 | 41 | * { 42 | margin: 0; 43 | padding: 0; 44 | box-sizing: border-box; 45 | } 46 | 47 | body.dark { 48 | 49 | --background-color: #000000; 50 | --laoding-bg: #000; 51 | /* --blue: white; */ 52 | color: white; 53 | --blue: #7FB5FF; 54 | --dark-blue: #7FB5FF; 55 | --button-color: #1363DF; 56 | --button-discord: transparent; 57 | --text-color: #7FB5FF; 58 | --text-color1: #1363DF; 59 | --transition-delay: 1s; 60 | --text-color2: #ffffff; 61 | --text-color3: #7FB5FF; 62 | --text-color4: #f0f0f0; 63 | --text-color5: #b8b8b8; 64 | --text-color6: #4245f3; 65 | --text-color7: #a8a8a8; 66 | --text-color8: #bcd8ff; 67 | --text-color9: #f0f0f0; 68 | --box-shadow-1: rgba(255, 255, 255, 0.6); 69 | --box-shadow-2: rgba(0, 145, 255, 0.15); 70 | --bg-color: #595959; 71 | --theme-icon-bg: var(--button-discord); 72 | 73 | } 74 | 75 | 76 | :root { 77 | --primary-color: #edf2fc; 78 | --secondary-color: #212121; 79 | } 80 | 81 | .dark-mode { 82 | --primary-color: #000106; 83 | --secondary-color: #fff; 84 | } 85 | 86 | ul { 87 | margin: 0; 88 | } 89 | 90 | #switch-btn { 91 | width: 20px; 92 | cursor: pointer; 93 | } 94 | 95 | div .nav-links ul { 96 | display: flex; 97 | text-align: right; 98 | } 99 | 100 | html::-webkit-scrollbar-thumb { 101 | background: linear-gradient(#3756f2, #4245F3); 102 | border: .25em solid blue black; 103 | border-radius: 100vw; 104 | } 105 | 106 | html::-webkit-scrollbar-thumb:hover { 107 | background-color: #5c5ef5; 108 | } 109 | 110 | html::-webkit-scrollbar-track { 111 | background-color: #ffffff; 112 | border-radius: 100vw; 113 | margin-block: .5em; 114 | } 115 | 116 | :root { 117 | 118 | /* COLOR PALETTE */ 119 | --dark-blue: #081B61; 120 | --blue: #4245f3; 121 | --gray: #ebecce; 122 | --black: #141E27; 123 | --grey: rgb(88, 84, 84); 124 | --button-color: #4245f3; 125 | --button-discord: transparent; 126 | --text-color: #141E27; 127 | --text-color1: #141E27; 128 | --transition-delay: 1s; 129 | --loading-bg: #fff; 130 | --text-color2: black; 131 | --text-color3: #4245f3; 132 | --text-color4: #081B61; 133 | --text-color5: #141E27; 134 | --text-color6: #081B61; 135 | --text-color7: black; 136 | --text-color8: #141E27; 137 | --text-color9: #4245f3; 138 | --box-shadow-1: rgba(60, 64, 67, 0.3); 139 | --box-shadow-2: rgba(60, 64, 67, 0.15); 140 | --bg-color: #b1b2ee; 141 | --theme-icon-bg: #e4e4e4; 142 | 143 | 144 | 145 | 146 | /* FONT FAMILY */ 147 | --font-barlow: 'Barlow'; 148 | --font-nato: 'Noto Serif'; 149 | --font-roboto: 'Roboto'; 150 | 151 | } 152 | 153 | .add-shadow { 154 | box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; 155 | } 156 | 157 | 158 | body, 159 | a { 160 | color: var(--text-color2); 161 | font-family: var(--font-roboto); 162 | overflow-x: hidden; 163 | scroll-behavior: smooth; 164 | } 165 | 166 | .center { 167 | display: flex !important; 168 | align-items: center; 169 | justify-content: center; 170 | } 171 | 172 | .space-between { 173 | display: flex; 174 | align-items: center; 175 | justify-content: space-between; 176 | } 177 | 178 | .logo { 179 | font-family: var(--font-barlow); 180 | font-size: 1.8em; 181 | color: var(--text-color4); 182 | } 183 | 184 | li { 185 | text-decoration: none; 186 | list-style: none; 187 | } 188 | 189 | .button-all { 190 | border: none; 191 | outline: none; 192 | padding: 0.5em 1.5em; 193 | border-radius: 5px; 194 | transition: all 0.5s; 195 | /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */ 196 | border: 1px solid var(--button-color); 197 | } 198 | 199 | .btn-join-anchor-tag { 200 | color: var(--text-color2); 201 | } 202 | 203 | .btn-join-anchor-tag:hover { 204 | color: white; 205 | } 206 | 207 | /* .button-primary { 208 | background: transparent; 209 | background-color: root; 210 | color: var(--text-color2); 211 | 212 | } 213 | 214 | .button-primary:hover { 215 | background-color: #0b1db4; 216 | color: white; 217 | } */ 218 | 219 | /* .btn-join, 220 | .btn-discord { 221 | color: var(--text-color2); 222 | padding: 0.6em 1.5em; 223 | border-radius: 5px; 224 | font-size: 1.1em; 225 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */ 226 | /* border:1px solid var(--button-color); */ 227 | /* } */ 228 | 229 | 230 | .button-all { 231 | border: none; 232 | outline: none; 233 | padding: 0.5em 1.5em; 234 | border-radius: 35px; 235 | transition: all 0.5s; 236 | } 237 | 238 | .button-primary { 239 | background: var(--blue); 240 | color: var(--gray); 241 | } 242 | 243 | .btn-join, 244 | .btn-discord { 245 | color: white; 246 | padding: 0.8em 2.5em; 247 | font-size: 1.1em; 248 | } 249 | 250 | .btn-discord { 251 | background: white; 252 | color: var(--dark-blue); 253 | margin: 0 20px; 254 | padding: 0.8em 1.2em; 255 | } 256 | 257 | a:hover { 258 | text-decoration: none; 259 | } 260 | 261 | .button-primary:hover { 262 | text-decoration: none; 263 | color: white; 264 | } 265 | 266 | .logo:hover { 267 | color: var(--dark-blue); 268 | } 269 | 270 | .bs { 271 | box-shadow: #5e5df0 0 10px 20px -10px; 272 | } 273 | 274 | /* .btn-discord { 275 | border: none; 276 | outline: none; 277 | padding: 0.5em 1.5em; 278 | border-radius: 5px; 279 | transition: all 0s; 280 | background: var(--button-discord); 281 | color: white; 282 | margin: 0 20px; 283 | padding: 0.8em 1.2em; 284 | border: 1px solid var(--button-color); 285 | } 286 | 287 | .btn-discord:hover { 288 | text-decoration: none; 289 | background-color: #0b1db4; 290 | color: white; 291 | } 292 | 293 | .btn-discord:hover a { 294 | text-decoration: none; 295 | color: white; 296 | } 297 | 298 | .btn-discord:hover .fa-discord { 299 | background-color: #eeebeb; 300 | color: rgb(0, 0, 0); 301 | } 302 | 303 | a:hover { 304 | text-decoration: none; 305 | } */ 306 | 307 | /* .img-responsive { 308 | margin-right: 1.5em; 309 | width: 72%; 310 | height: 100%; 311 | } */ 312 | 313 | #text-three { 314 | color: #4245f3; 315 | } 316 | 317 | .icon-container { 318 | color: var(--dark-blue); 319 | } 320 | 321 | .googleForm { 322 | font-weight: bold; 323 | } 324 | 325 | .googleForm:hover { 326 | color: var(--blue); 327 | } 328 | 329 | .button-primary:hover { 330 | text-decoration: none; 331 | color: white; 332 | } 333 | 334 | .btn-side-by-side:hover a, 335 | .btn-side-by-side:hover .fa-discord { 336 | color: white; 337 | } 338 | 339 | .logo:hover { 340 | color: var(--dark-blue); 341 | } 342 | 343 | .footer-row2 { 344 | display: flex; 345 | justify-content: space-evenly; 346 | align-items: center; 347 | } 348 | 349 | .footer-divider { 350 | border-radius: 50px; 351 | margin: 0 auto; 352 | } 353 | 354 | #join_study_room { 355 | color: #ffffff; 356 | font-weight: bold; 357 | } 358 | 359 | /* .feedback-col { 360 | flex-basis: 31%; 361 | border-radius: 10px; 362 | margin-bottom: 5%; 363 | text-align: center; 364 | border: 2px solid white; 365 | padding: 2rem; 366 | } 367 | 368 | .feedback-col:hover { 369 | box-shadow: var(--box-shadow-1) 0px 1px 2px 0px, var(--box-shadow-2) 0px 1px 3px 1px; 370 | } 371 | 372 | .feedback div.about { 373 | width: 100%; 374 | height: 100%; 375 | padding: 5px 20px; 376 | padding-bottom: 15px; 377 | border-radius: 20px; 378 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; 379 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 380 | margin-top: 2em; 381 | } 382 | 383 | .feedback-row .mt-1 { 384 | background: #4245f3; 385 | border-radius: 3px; 386 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; 387 | box-sizing: border-box; 388 | color: #FFFFFF; 389 | cursor: pointer; 390 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 391 | font-size: 16px; 392 | line-height: 24px; 393 | opacity: 1; 394 | outline: 0 solid transparent; 395 | padding: 8px 18px; 396 | user-select: none; 397 | -webkit-user-select: none; 398 | touch-action: manipulation; 399 | width: fit-content; 400 | word-break: break-word; 401 | border: 0; 402 | } 403 | 404 | .feedback-row .mt-1:hover { 405 | color: white; 406 | } 407 | 408 | .feedback p { 409 | margin-top: 3em; 410 | color: var(--text-color); 411 | font-family: var(--font-roboto); 412 | } 413 | 414 | .feedback-col p { 415 | margin-top: 1.5em; 416 | } 417 | 418 | .feedback h1 { 419 | font-size: 3em; 420 | font-family: var(--font-barlow); 421 | color: var(--dark-blue); 422 | } 423 | 424 | .feedback h1 span { 425 | color: #4245f3; 426 | } 427 | 428 | .feedback-row { 429 | margin: 4%; 430 | display: flex; 431 | justify-content: space-between; 432 | } 433 | 434 | .feedback-col { 435 | flex-basis: 31%; 436 | border-radius: 10px; 437 | margin-bottom: 5%; 438 | text-align: center; 439 | } 440 | 441 | .feedback-col-2 { 442 | flex-basis: 31%; 443 | border-radius: 10px; 444 | margin-bottom: 5%; 445 | text-align: center; 446 | box-shadow: var(--box-shadow-1) 0px 1px 2px 0px, var(--box-shadow-2) 0px 1px 3px 1px; 447 | } 448 | 449 | .feedback-col text-center img :hover { 450 | box-shadow: 10px 10px 5px #000000; 451 | -moz-box-shadow: 0px 10px 5px #000000; 452 | -webkit-box-shadow: 0px 10px 5px #000000; 453 | cursor: pointer; 454 | } 455 | 456 | .feedback-col img { 457 | width: 100%; 458 | border-radius: 10px; 459 | } 460 | 461 | .feedback-col .image { 462 | width: 100%; 463 | height: 45vh; 464 | object-fit: cover; 465 | } 466 | 467 | .feedback-col p { 468 | padding: 0; 469 | margin-bottom: 1em; 470 | } 471 | 472 | .feedback-col h3 { 473 | margin-top: 16px; 474 | margin-bottom: 15px; 475 | text-align: center; 476 | color: var(--text-color1); 477 | } 478 | 479 | .feedback-col a { 480 | color: var(--dark-blue); 481 | border-bottom: 1px dashed var(--dark-blue); 482 | padding: 0.8em; 483 | transition: all 0.1s; 484 | } 485 | 486 | .feedback-col a:hover { 487 | color: var(--blue); 488 | } 489 | 490 | .font-barlow{ 491 | font-family: var(--font-barlow); 492 | } */ 493 | 494 | 495 | 496 | iframe { 497 | transition: all 0.1s; 498 | } 499 | 500 | iframe:hover { 501 | box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 502 | } 503 | 504 | /* Loading Animation */ 505 | 506 | .wrapper { 507 | position: absolute; 508 | top: 0; 509 | left: 0; 510 | display: flex; 511 | align-items: center; 512 | justify-content: center; 513 | height: 100%; 514 | width: 100%; 515 | background-color: var(--laoding-bg); 516 | } 517 | 518 | .loading { 519 | position: relative; 520 | } 521 | 522 | .content { 523 | color: var(--blue); 524 | display: inline-block; 525 | margin-left: 10px; 526 | font-weight: 400; 527 | font-size: 3em; 528 | font-family: var(--font-barlow); 529 | } 530 | 531 | .bounceball { 532 | position: relative; 533 | display: inline-block; 534 | height: 37px; 535 | width: 15px; 536 | } 537 | 538 | .bounceball:before { 539 | position: absolute; 540 | content: ""; 541 | display: block; 542 | top: 0; 543 | width: 15px; 544 | height: 15px; 545 | border-radius: 50%; 546 | background-color: var(--blue); 547 | transform-origin: 50%; 548 | -webkit-animation: bounce 500ms alternate infinite ease; 549 | animation: bounce 500ms alternate infinite ease; 550 | } 551 | 552 | @-webkit-keyframes bounce { 553 | 0% { 554 | top: 30px; 555 | height: 5px; 556 | border-radius: 60px 60px 20px 20px; 557 | transform: scaleX(2); 558 | } 559 | 560 | 35% { 561 | height: 15px; 562 | border-radius: 50%; 563 | transform: scaleX(1); 564 | } 565 | 566 | 100% { 567 | top: 0; 568 | } 569 | } 570 | 571 | @keyframes bounce { 572 | 0% { 573 | top: 30px; 574 | height: 5px; 575 | border-radius: 60px 60px 20px 20px; 576 | transform: scaleX(2); 577 | } 578 | 579 | 35% { 580 | height: 15px; 581 | border-radius: 50%; 582 | transform: scaleX(1); 583 | } 584 | 585 | 100% { 586 | top: 0; 587 | } 588 | 589 | } 590 | 591 | /* new */ 592 | .theme-toggle-button { 593 | background-color: var(--theme-icon-bg); 594 | color: var(--black); 595 | cursor: pointer; 596 | display: flex; 597 | justify-content: center; 598 | align-items: center; 599 | border-radius: 50% !important; 600 | height: 35px !important; 601 | width: 35px !important; 602 | padding: 0px !important; 603 | box-shadow: none; 604 | margin-left: 25px; 605 | } 606 | 607 | /* .theme-toggle-button:hover { 608 | background-color: var(--text-color2); 609 | 610 | } */ 611 | 612 | .subscribe-btn>a { 613 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important; 614 | } 615 | 616 | 617 | 618 | @media(max-width: 700px) { 619 | .image-container { 620 | margin-top: 2em !important; 621 | padding: 0px; 622 | width: auto; 623 | margin: auto; 624 | } 625 | 626 | .btn-discord-small { 627 | display: flex !important; 628 | justify-content: center !important; 629 | align-items: center !important; 630 | } 631 | 632 | .main-btn-container { 633 | margin-top: 2em !important; 634 | margin: auto !important; 635 | /* display: flex !important; */ 636 | justify-content: space-between !important; 637 | } 638 | 639 | .btn-join, 640 | .btn-discord-small { 641 | margin: 0; 642 | } 643 | } 644 | 645 | @media (max-width: 1200px) { 646 | .main-container h1 { 647 | font-size: 2em; 648 | } 649 | 650 | } 651 | 652 | 653 | 654 | /* @media (max-width: 849px) { 655 | .image-container { 656 | margin: 0 auto; 657 | margin-top: 5em; 658 | } 659 | } */ 660 | 661 | 662 | /* @media (min-width: 851px) { 663 | .image-container { 664 | margin: 0 auto; 665 | margin-top: 10em; 666 | } 667 | } */ 668 | 669 | 670 | 671 | @media (max-width: 440px) { 672 | 673 | .image-container img { 674 | height: 15em; 675 | /* width: auto; */ 676 | } 677 | } 678 | 679 | @media (max-width: 420px) { 680 | .image-container img { 681 | height: 14em; 682 | /* width: auto; */ 683 | } 684 | } 685 | 686 | @media (max-width: 380px) { 687 | .image-container img { 688 | height: 13em; 689 | /* width: auto; */ 690 | } 691 | } 692 | 693 | @media (max-width: 365px) { 694 | .image-container img { 695 | height: 12em; 696 | /* width: auto; */ 697 | } 698 | } 699 | 700 | @media (max-width: 340px) { 701 | .image-container img { 702 | height: 11em; 703 | /* width: auto; */ 704 | } 705 | } 706 | 707 | .common-style { 708 | padding: 40px 0; 709 | margin: 0px; 710 | float: left; 711 | width: 100%; 712 | justify-content: center; 713 | } 714 | 715 | .container { 716 | width: 100%; 717 | padding-right: 15px; 718 | padding-left: 15px; 719 | margin-right: auto; 720 | margin-left: auto; 721 | box-sizing: border-box; 722 | } 723 | 724 | .row { 725 | margin-left: 0; 726 | margin-right: 0; 727 | padding: 0 15px; 728 | display: flex; 729 | flex-wrap: wrap; 730 | box-sizing: border-box; 731 | } 732 | 733 | .col { 734 | flex: 0 0 100%; 735 | max-width: 100%; 736 | position: relative; 737 | width: 100%; 738 | padding-right: 15px; 739 | padding-left: 15px; 740 | box-sizing: border-box; 741 | } 742 | 743 | .titles, 744 | .links { 745 | text-decoration-line: underline; 746 | font-size: 25px; 747 | } 748 | 749 | a, 750 | label { 751 | cursor: pointer; 752 | } 753 | 754 | .communities { 755 | text-decoration: underline; 756 | font-size: 25px; 757 | } 758 | 759 | .definition { 760 | font-size: 20px; 761 | } 762 | 763 | span#faq-quest { 764 | width: 80%; 765 | text-align: start; 766 | } 767 | 768 | .image-container { 769 | max-width: 100%; 770 | height: auto; 771 | } 772 | 773 | .imgfg { 774 | max-width: 50%; 775 | } 776 | 777 | .neonText { 778 | color: rgb(36, 98, 173); 779 | /* text-shadow: 0 0 2px #fff, 0 0 10px #4842fd, 0 0 1px #fff, 0 0 2px rgb(51 161 241), 0 0 2px rgb(51 161 241), 0 0 2px rgb(51 161 241), 0 0 10px rgb(51 161 241), 0 0 11px rgb(51 161 241); */ 780 | text-align: center; 781 | border: 1px solid #fff; 782 | border-radius: 2px; 783 | padding: 0.36em; 784 | /* box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 2rem #0b1db4, 0 0 0.2rem #4245f3, 0 0 1rem #fff5c1, inset 0 0 1.3rem #272aff; */ 785 | animation: pulsate 1.5s infinite alternate; 786 | } 787 | 788 | /* .acadLogo{ 789 | text-shadow: 0 0 5px blue !important; 790 | 791 | } */ -------------------------------------------------------------------------------- /src/CSS/interview/main.css: -------------------------------------------------------------------------------- 1 | .interview-container > .tracks-container > h2 > span{ 2 | color: var(--blue); 3 | border-bottom: 1px solid var(--dark-blue); 4 | padding-bottom: 12px; 5 | border: 1px solid #000; 6 | } 7 | 8 | .tracks-container > p { 9 | color: var(--text-color5); 10 | } 11 | 12 | .tracks-container > h2 > span { 13 | color: var(--blue); 14 | } 15 | 16 | .tracks-section > h1, h2 { 17 | color: var(--dark-blue); 18 | } 19 | 20 | .tracks-section > h1 > span { 21 | color: #4245f3; 22 | } 23 | 24 | .FAQ h3 { 25 | color: var(--dark-blue); 26 | } 27 | 28 | .FAQ h3 span { 29 | color: #4245f3; 30 | } 31 | 32 | .FAQ h1 { 33 | color: var(--dark-blue); 34 | } 35 | 36 | .FAQ h1 span { 37 | color: #4245f3; 38 | } 39 | 40 | .FAQ > div .faq-row a { 41 | text-decoration: none; 42 | color: var(--text-color5); 43 | } 44 | 45 | .dsa-and-comp-funds h1 { 46 | color: var(--dark-blue); 47 | } 48 | 49 | .dsa-and-comp-funds h5 { 50 | color: var(--text-color5); 51 | } 52 | 53 | .dsa-and-comp-funds h5 span a { 54 | color: var(--text-color2); 55 | } 56 | 57 | .dsa-and-comp-funds h1 span { 58 | color: #4245f3; 59 | } 60 | 61 | .dsa-and-comp-funds .resume-building ul li a { 62 | color: var(--text-color5); 63 | } 64 | 65 | .section-aptitude h1 { 66 | color: var(--dark-blue); 67 | } 68 | 69 | .section-aptitude h1 span { 70 | color: #4245f3; 71 | } 72 | 73 | #donation { 74 | color: var(--text-color5); 75 | } 76 | 77 | 78 | iframe{ 79 | width: 35em; 80 | height: 18em; 81 | margin: 0 1em; 82 | } 83 | 84 | .heading{ 85 | font-size: 2em; 86 | color: var(--dark-blue); 87 | } 88 | 89 | .sub-heading a{ 90 | margin: 0; 91 | padding: 0; 92 | font-size: 1.2em; 93 | background: #5E5DF0; 94 | border-radius: 4px; 95 | box-shadow: #5E5DF0 0 10px 20px -10px; 96 | box-sizing: border-box; 97 | color: #FFFFFF; 98 | cursor: pointer; 99 | font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; 100 | font-size: 16px; 101 | font-weight: 700; 102 | line-height: 24px; 103 | opacity: 1; 104 | outline: 0 solid transparent; 105 | padding: 8px 18px; 106 | user-select: none; 107 | -webkit-user-select: none; 108 | touch-action: manipulation; 109 | width: fit-content; 110 | word-break: break-word; 111 | border: 0; 112 | } 113 | 114 | @media(max-width: 700px){ 115 | .main-container{ 116 | position: static; 117 | padding-top: 0px; 118 | margin-top: 0px; 119 | width: 100vw; 120 | padding: 20px; 121 | } 122 | 123 | .text-container{ 124 | margin: 0em; 125 | padding: 0em; 126 | padding-top: 10em; 127 | position: static; 128 | width: 100%; 129 | text-align: center; 130 | } 131 | 132 | .text-container > h1 > span{ 133 | font-size: 1.8em !important; 134 | } 135 | 136 | .icon-container{ 137 | margin-top: 0.5em !important; 138 | font-size: 1em !important; 139 | } 140 | 141 | .fa-arrow-down{ 142 | display: none; 143 | } 144 | 145 | .image-container{ 146 | margin-top: 5em !important; 147 | padding: 0px; 148 | width: auto; 149 | margin: auto; 150 | } 151 | 152 | .video-container{ 153 | flex-direction: column; 154 | box-sizing: border-box; 155 | width: 100vw; 156 | } 157 | .codingLang p { 158 | width: 75%; 159 | font-size: 500; 160 | } 161 | iframe{ 162 | width: 85%; 163 | margin: 0 !important; 164 | padding: 0; 165 | margin-left: -2.5em !important; 166 | margin-bottom: 1em !important; 167 | height: 12em !important; 168 | } 169 | 170 | .faq-row{ 171 | width: 90%; 172 | } 173 | } 174 | 175 | .resume-building{ 176 | width: 50% !important; 177 | padding-top: 3em; 178 | padding-left: 3em; 179 | color: var(--dark-blue); 180 | 181 | } 182 | .section-aptitude{ 183 | margin-top: 5em !important; 184 | } -------------------------------------------------------------------------------- /src/JS/faq.js: -------------------------------------------------------------------------------- 1 | let toggles = document.getElementsByClassName('faq-btn'); 2 | let contentDiv = document.getElementsByClassName('faq-content'); 3 | let icons = document.getElementsByClassName('faq-icon'); 4 | 5 | for(let i=0; i { 7 | // console.log(contentDiv[i].style.height, contentDiv[i].scrollHeight); 8 | if( parseInt(contentDiv[i].style.height) != contentDiv[i].scrollHeight){ 9 | contentDiv[i].style.height = contentDiv[i].scrollHeight + "px"; 10 | toggles[i].style.color = "#0084e9"; 11 | icons[i].classList.remove('fa-plus'); 12 | icons[i].classList.add('fa-minus'); 13 | } 14 | else{ 15 | contentDiv[i].style.height = "0px"; 16 | toggles[i].style.color = "#111130"; 17 | icons[i].classList.remove('fa-minus'); 18 | icons[i].classList.add('fa-plus'); 19 | } 20 | 21 | for(let j=0; j{ 17 | document.body.classList.toggle('dark'); 18 | // document.querySelector('.theme-icon').classList.toggle("fa-sun"); 19 | document.querySelector('.theme-icon').classList.toggle("fa-moon"); 20 | }) 21 | document.querySelector('.theme-toggle-button2').addEventListener('click',() =>{ 22 | document.body.classList.toggle('dark') 23 | }) 24 | -------------------------------------------------------------------------------- /src/JS/main(index).js: -------------------------------------------------------------------------------- 1 | window.addEventListener('scroll',(e)=>{ 2 | const nav = document.getElementById('nav') 3 | if(window.pageYOffset>0){ 4 | nav.classList.add("add-shadow"); 5 | }else{ 6 | nav.classList.remove("add-shadow"); 7 | } 8 | }); 9 | 10 | -------------------------------------------------------------------------------- /src/JS/main.js: -------------------------------------------------------------------------------- 1 | window.addEventListener('scroll', (e) => { 2 | const nav = document.getElementById('nav') 3 | if (window.pageYOffset > 0) { 4 | nav.classList.add("add-shadow"); 5 | } else { 6 | nav.classList.remove("add-shadow"); 7 | } 8 | }); 9 | 10 | document.querySelector('.theme-toggle-button').addEventListener('click', () => { 11 | document.body.classList.toggle('dark'); 12 | document.querySelector('.theme-icon').classList.toggle("fa-moon"); 13 | }) 14 | 15 | document.querySelector('.theme-toggle-button2').addEventListener('click', () => { 16 | document.body.classList.toggle('dark') 17 | }) 18 | 19 | const searchbar = document.getElementById("search-item") 20 | 21 | 22 | searchbar.childNodes[5].addEventListener('click', (event) => { 23 | event.preventDefault(); 24 | var searchTerm = searchbar.childNodes[3].value 25 | window.find(searchTerm) 26 | if (!window.find(searchTerm)) { 27 | alert('Sorry not available') 28 | } 29 | }) 30 | 31 | const nav_search=document.getElementById("nav-view-search-item") 32 | 33 | nav_search.childNodes[5].addEventListener('click', (event) => { 34 | event.preventDefault(); 35 | var navsearchTerm = nav_search.childNodes[3].value 36 | window.find(navsearchTerm) 37 | if (!window.find(navsearchTerm)) { 38 | alert('Sorry not available') 39 | } 40 | }) -------------------------------------------------------------------------------- /src/JS/main_nav.js: -------------------------------------------------------------------------------- 1 | let toggles = document.getElementsByClassName('faq-btn'); 2 | let contentDiv = document.getElementsByClassName('faq-content'); 3 | let icons = document.getElementsByClassName('faq-icon'); 4 | 5 | for(let i=0; i { 7 | // console.log(contentDiv[i].style.height, contentDiv[i].scrollHeight); 8 | if( parseInt(contentDiv[i].style.height) != contentDiv[i].scrollHeight){ 9 | contentDiv[i].style.height = contentDiv[i].scrollHeight + "px"; 10 | toggles[i].style.color = "#0084e9"; 11 | icons[i].classList.remove('fa-plus'); 12 | icons[i].classList.add('fa-minus'); 13 | } 14 | else{ 15 | contentDiv[i].style.height = "0px"; 16 | toggles[i].style.color = "#111130"; 17 | icons[i].classList.remove('fa-minus'); 18 | icons[i].classList.add('fa-plus'); 19 | } 20 | 21 | for(let j=0; j{ 17 | document.body.classList.toggle('dark'); 18 | document.querySelector('.theme-icon').classList.toggle("fa-sun"); 19 | }) 20 | document.querySelector('.theme-toggle-button2').addEventListener('click',() =>{ 21 | document.body.classList.toggle('dark') 22 | }) 23 | -------------------------------------------------------------------------------- /src/JS/syllabus.js: -------------------------------------------------------------------------------- 1 | function myFunction() { 2 | var input, filter, table, tr, td, i, txtValue; 3 | input = document.getElementById("myInput"); 4 | filter = input.value.toUpperCase(); 5 | table = document.getElementById("myTable"); 6 | tr = table.getElementsByTagName("tr"); 7 | for (i = 0; i < tr.length; i++) { 8 | td = tr[i].getElementsByTagName("td")[1]; 9 | if (td) { 10 | txtValue = td.textContent || td.innerText; 11 | if (txtValue.toUpperCase().indexOf(filter) > -1) { 12 | tr[i].style.display = ""; 13 | } else { 14 | tr[i].style.display = "none"; 15 | } 16 | } 17 | } 18 | } -------------------------------------------------------------------------------- /src/JS/web_nav.js: -------------------------------------------------------------------------------- 1 | let toggles = document.getElementsByClassName('faq-btn'); 2 | let contentDiv = document.getElementsByClassName('faq-content'); 3 | let icons = document.getElementsByClassName('faq-icon'); 4 | 5 | for(let i=0; i { 7 | // console.log(contentDiv[i].style.height, contentDiv[i].scrollHeight); 8 | if( parseInt(contentDiv[i].style.height) != contentDiv[i].scrollHeight){ 9 | contentDiv[i].style.height = contentDiv[i].scrollHeight + "px"; 10 | toggles[i].style.color = "#0084e9"; 11 | icons[i].classList.remove('fa-plus'); 12 | icons[i].classList.add('fa-minus'); 13 | } 14 | else{ 15 | contentDiv[i].style.height = "0px"; 16 | toggles[i].style.color = "#111130"; 17 | icons[i].classList.remove('fa-minus'); 18 | icons[i].classList.add('fa-plus'); 19 | } 20 | 21 | for(let j=0; j 2 | 3 | 4 | 5 | 6 | 7 | 8 | Acadmica 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 |
26 | 27 | 58 | 59 | 104 | 105 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 |
156 |

157 | Find your stream ! and enjoy
your free content 158 |

159 |
160 | Find the syllabus of all the UG B.Tech Courses 161 | here! 162 |
163 | 164 |
165 | 185 | 199 |
200 |
201 | 202 | 203 |
204 |
205 | 206 |
207 |
208 |

Acadmica

209 |

Help you to study more often

210 |

than before

211 | 212 | 213 |
214 | 215 | 216 | Help us grow more 217 | 218 |
219 |
220 |
221 |

222 | Support 223 |
224 |

225 |

Help center

226 | 227 |

Contact us at -

228 | 234 |
235 |
236 |

237 | Product 238 |
239 |

240 | 245 |
246 |
247 |
248 | Subscribe Us 249 |
250 |
251 |
252 |
253 |
254 |

2022@cadmica Inc. Copyright and All rights reserved.

255 |
256 |
257 |

Terms and Condition . Privacy Policy

258 |
259 |
260 |
261 |
262 | 263 | 264 | 265 | 266 | 267 | 275 | 276 | 277 | 278 | -------------------------------------------------------------------------------- /src/pages/development/blockchain.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Acadmica 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Acadmica 18 | 19 | 20 | 21 | 22 | 23 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
32 |
33 | 34 | 60 | 61 | 96 | 97 | 98 | 99 | 100 |
101 |
102 |

Highest paying job,

103 |

become a, Blockchain developer

104 |

Learn Blockchain and earn 80L+/year

105 |
Scroll down to explore the content
106 |
107 |
108 | image 111 | 112 |
113 |
114 |
115 | image 118 |
119 | 120 | 121 |
122 |

What is Blockchain?

123 |

124 | A blockchain is a distributed database or ledger that is shared among 125 | the nodes of a computer network. As a database, a blockchain stores 126 | information electronically in digital format. Blockchains are best known 127 | for their crucial role in cryptocurrency systems, such as Bitcoin, for 128 | maintaining a secure and decentralized record of transactions. The 129 | innovation with a blockchain is that it guarantees the fidelity and 130 | security of a record of data and generates trust without the need for a 131 | trusted third party. 132 |

133 |

134 | One key difference between a typical database and a blockchain is how 135 | the data is structured. A blockchain collects information together in 136 | groups, known as blocks, that hold sets of information. Blocks have 137 | certain storage capacities and, when filled, are closed and linked to 138 | the previously filled block, forming a chain of data known as the 139 | blockchain. All new information that follows that freshly added block is 140 | compiled into a newly formed block that will then also be added to the 141 | chain once filled. 142 |

143 |
144 |
145 | 146 |

Resources for learning Blockchain

147 | 148 |
149 | 152 | 153 | 156 |
157 | 158 |
159 | 162 |
163 | 164 |
165 |
166 | 167 |
168 |
169 | 170 |

Useful Documentation and Books

171 |
172 |

173 | 1. 175 |

176 |

177 | Solidity is the high-level language designed to target the Ethereum Virtual Machine (EVM).Solidity is an 178 | object-oriented, 179 | high-level language for implementing smart contracts. Smart contracts are programs which govern the 180 | behaviour of accounts within the Ethereum state. 181 |

182 |

183 | 2. 185 |

186 |

187 | This documentation is designed to help you build with Ethereum. It covers Ethereum as a concept, explains 188 | the Ethereum tech stack, and documents advanced topics for more complex applications and use cases. 189 |

190 |

191 | 3. 193 |

194 |

195 | This book aims at business-oriented people who would like to take advantage of blockchain technology to 196 | expand their business portfolio. You will also learn how to program your own smart contracts. 197 |

198 |

199 | 4. 201 |

202 |

203 | Mastering Bitcoin is your guide through the seemingly complex world of bitcoin, providing the knowledge you 204 | need to participate in the internet of money. 205 |

206 |

207 | 5. 209 |

210 |

211 | The Solana docs describe the Solana open source project, a blockchain built from the ground up for scale. 212 | They cover why Solana is useful, how to use it and about how it works. 213 |

214 |
215 |
216 |
217 |
218 | 219 | 220 | 221 |
222 |
223 | 224 |
225 |
226 | 227 |

Communities and Developer Groups to be part of

228 |
229 |

230 | 1. 232 | 234 |

235 |

236 | 2. 238 | 239 |

240 |

241 | 3. 243 | 245 |

246 |

247 | 4. 249 | 251 |

252 |

253 | 5. 255 | 256 |

257 |

258 | 6. 260 | 262 |

263 |

264 | 7. 266 | 268 |

269 |
270 |
271 |
272 |
273 |
274 | 275 | 276 | 277 |
278 |
279 | 280 |
281 |
282 |

Acadmica

283 |

Help you to study more often

284 |

than before

285 | 286 | 287 |
288 | 289 | 290 | Help us grow more 291 | 292 |
293 |
294 |
295 |

296 | Support 297 |
298 |

299 |

Help center

300 | 301 |

Contact us at -

302 | 308 |
309 |
310 |

311 | Product 312 |
313 |

314 | 319 |
320 |
321 |
322 | Subscribe Us 323 |
324 |
325 |
326 |
327 |
328 |

2022@cadmica Inc. Copyright and All rights reserved.

329 |
330 |
331 |

Terms and Condition . Privacy Policy

332 |
333 |
334 |
335 |
336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 352 | 353 | 354 | -------------------------------------------------------------------------------- /src/pages/development/devops.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Acadmica 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 |
26 | 27 | 171 | 172 | 173 | 174 | 175 |
176 |
177 |

178 | Accelerate your Career Growth, learn 179 | DevOps 180 |

181 |

today !

182 |
183 | Scroll down to explore the content 184 |
185 |
186 |
187 | image 190 |
191 |
192 | 193 |
194 |

What is DevOps?

195 |

196 | DevOps is a set of practices, tools, and a cultural philosophy that 197 | automate and integrate the processes between software development and IT 198 | teams. It emphasizes team empowerment, cross-team communication and 199 | collaboration, and technology automation. The term DevOps, a combination 200 | of the words development and operations, reflects the process of 201 | integrating these disciplines into one, continuous process. 202 |

203 |

204 | A DevOps team includes developers and IT operations working 205 | collaboratively throughout the product lifecycle, in order to increase 206 | the speed and quality of software deployment. It’s a new way of working, 207 | a cultural shift, that has significant implications for teams and the 208 | organizations they work for. Under a DevOps model, development and 209 | operations teams are no longer “siloed.” Sometimes, these two teams 210 | merge into a single team where the engineers work across the entire 211 | application lifecycle — from development and test to deployment and 212 | operations — and have a range of multidisciplinary skills. DevOps teams 213 | use tools to automate and accelerate processes, which helps to increase 214 | reliability. A DevOps toolchain helps teams tackle important DevOps 215 | fundamentals including continuous integration, continuous delivery, 216 | automation, and collaboration. 217 |

218 |
219 |
220 | 221 |

222 | Resources for learning Android Development 223 |

224 | 225 |
226 | 230 | 231 | 234 |
235 | 236 |
237 | 240 |
241 | 242 | 243 | 244 | 245 |
246 |
247 | 248 |
249 |
250 |

Acadmica

251 |

Help you to study more often

252 |

than before

253 | 254 | 255 |
256 | 257 | 258 | Help us grow more 259 | 260 |
261 |
262 |
263 |

264 | Support 265 |
266 |

267 |

Help center

268 | 269 |

Contact us at -

270 | 276 |
277 |
278 |

279 | Product 280 |
281 |

282 | 287 |
288 |
289 |
290 | Subscribe Us 291 |
292 |
293 |
294 |
295 |
296 |

2022@cadmica Inc. Copyright and All rights reserved.

297 |
298 |
299 |

Terms and Condition . Privacy Policy

300 |
301 |
302 |
303 |
304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 321 | 322 | 323 | -------------------------------------------------------------------------------- /src/pages/development/main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Acadmica 9 | 10 | 11 | 12 | 13 | 14 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 | 25 | 57 | 58 | 91 | 92 | 93 | 94 |
95 |
96 |

Building projects"

97 |

98 | is a great way to learn any skill ! 99 |

100 |

Build awesome projects and shine in your college.

101 | 102 | 106 | 107 |
108 | project 109 |
110 |
111 | 112 | 113 | 114 |
115 |

Explore different tracks in development

116 |

and find your interest!

117 | 118 |
119 | 139 | 153 |
154 |
155 | 156 | 157 |
158 |
159 | 160 |
161 |
162 |

Acadmica

163 |

Help you to study more often

164 |

than before

165 | 166 | 167 |
168 | 169 | 170 | Help us grow more 171 | 172 |
173 |
174 |
175 |

176 | Support 177 |
178 |

179 |

Help center

180 | 181 |

Contact us at -

182 | 188 |
189 |
190 |

191 | Product 192 |
193 |

194 | 199 |
200 |
201 |
202 | Subscribe Us 203 |
204 |
205 |
206 |
207 |
208 |

2022@cadmica Inc. Copyright and All rights reserved.

209 |
210 |
211 |

Terms and Condition . Privacy Policy

212 |
213 |
214 |
215 |
216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 231 | 232 | 233 | -------------------------------------------------------------------------------- /src/pages/development/ml.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Acadmica 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 |
26 | 27 | 59 | 60 | 93 | 94 | 95 | 96 | 97 |
98 |
99 |

100 | Like Human, like machines, 101 | Machine Learning 102 |

103 |

104 | One of the most demanding field in sector of Information & Technology. 105 |

106 |
107 |
108 | 109 | 127 | 128 | 129 | 130 | 131 |
132 |
133 |

134 | Like Human, like machines, 135 | Machine Learning 136 |

137 |

138 | One of the most demanding field in sector of Information & Technology. 139 |

140 |
141 |
142 | image 145 |
146 | 147 |
148 | 149 |

150 | Top 5 programming languages for Machine Learning 151 |

152 | 153 |

154 | Whether you realize it or not, you encounter machine learning every day. Every time you fill out a captcha, use 155 | Siri, chat with an online customer 156 | service rep, or flip through Netflix recommendations, you're benefitting from machine learning. Machine Learning 157 | Engineers work behind the scenes 158 | to create the systems that computers need to operate various software. 159 |

160 | 161 |
162 |
163 | 167 |
168 |

169 | Python is one of the leading programming languages for its simple syntax and readability. Machine learning 170 | algorithms can be complicated, 171 | but having flexible and easily read code helps engineers create the best solution for the specific problem 172 | they're working on. 173 | Python supports a variety of frameworks and libraries, which allows for more flexibility and creates 174 | endless possibilities for an engineer to work with. 175 | Top libraries: sci-kit image, OpenCV, TensorFlow, PyTorch, Keras, NumPy, NLTK, SciPy, sci-kit learn, 176 | Seaborn, Matplotlib.
177 | Python 178 |

179 |
180 |
181 |
182 | 186 |
187 |

188 | The R programming language focuses primarily on numbers and has a wide range of data sampling, model 189 | evaluation, and data visualization techniques. It's a powerful 190 | language — especially if you're dealing with large volumes of statistical data. 191 | Top packages: Dplyr, tidyr, CARET, Ggplot2, MICE, PARTY, rpart, Shiny, Rmarkdown, randomFOREST.
192 | R Tutorials 193 |

194 |
195 |
196 |
197 | 201 | 202 |
203 |

204 | Java and JavaScript are some of the most widely used and multipurpose programming languages out there. 205 | Most websites are created using these languages, so using them 206 | in machine learning makes the integration process much simpler.
207 | Top libraries for Java: JavaML, Arbiter, Neuroph, Weka.
208 | Top libraries for JavaScript: Math.js, TensorFlow.js, OpnCV.js, Synaptic.
209 | Java 210 | Tutorials 211 | JavaScript 212 | Tutorials 213 |

214 |
215 |
216 |
217 | 221 |
222 |

223 | C++ is another popular programming language widely used for performance-critical applications that need 224 | memory management and speed at the forefront. 225 | These features make it an ideal programming language to use when working in machine learning.
226 | Top libraries: Caffe, LightGBM, DyNet, Turi Create .
227 | C++ Tutorials 229 |

230 |
231 |
232 |
233 | 237 |
238 |

239 | Shell can be used to develop algorithms, machine learning models, and applications. It uses mathematical 240 | models to collect and prepare data. 241 | Shell supplies you with an easy and simple way to process data with its powerful, quick, and text-based 242 | interface.
243 | Top libraries: Ml-notebook, Dl-machine, Docker-prediction.
244 | Shell Tutorials 246 |

247 |
248 |
249 |
250 | 251 |
252 | 253 | 254 | 255 | 256 |
257 |
258 | 259 |
260 |
261 |

Acadmica

262 |

Help you to study more often

263 |

than before

264 | 265 | 266 |
267 | 268 | 269 | Help us grow more 270 | 271 |
272 |
273 |
274 |

275 | Support 276 |
277 |

278 |

Help center

279 | 280 |

Contact us at -

281 | 287 |
288 |
289 |

290 | Product 291 |
292 |

293 | 298 |
299 |
300 |
301 | Subscribe Us 302 |
303 |
304 |
305 |
306 |
307 |

2022@cadmica Inc. Copyright and All rights reserved.

308 |
309 |
310 |

Terms and Condition . Privacy Policy

311 |
312 |
313 |
314 |
315 | 316 | 317 | 318 | 319 | 320 | 321 | 329 | 330 | 331 | -------------------------------------------------------------------------------- /src/pages/development/web.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Acadmica 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 |
26 | 27 | 59 | 60 | 93 | 94 | 95 | 96 | 97 |
98 |
99 |

Learn

100 |

101 | Web Development 102 |

103 |

& Build your own version of Acadmica.

104 | 105 |
106 | Scroll down to explore the content 107 |
108 |
109 |
110 | image 113 |
114 |
115 | 116 |
117 |

Getting started with Web development

118 |

119 | Web development refers to the work involved in creating a website for the Internet (World Wide Web) or an 120 | Intranet(a private network). Web development can include anything from creating a single static page of plain text 121 | to creating complex web applications, electronic businesses, and social network services. Web engineering, Web 122 | design, Web content development, client liaison, client-side/server-side scripting, Web server and network 123 | security configuration, and e-commerce development are some of the more comprehensive tasks to which Web 124 | development commonly refers. "Web development" is commonly used among Web professionals to refer to the main 125 | non-design aspects of building Web sites: writing markup and coding. Content management systems (CMS) may be used 126 | in web development to make content changes easier and more accessible to those with basic technical skills. 127 |

128 |

129 | Web development teams for larger organisations and businesses can consist of hundreds of people (Web developers) 130 | and use standard methods such as Agile methodologies when developing Web sites. Smaller organisations may only 131 | require a single permanent or contracting developer, as well as secondary assignments to related job positions 132 | such as graphic designer or information systems technician. Web development may be a collaborative effort among 133 | departments rather than the responsibility of a single department. Web developer specialisations are divided into 134 | three categories: front-end developer, back-end developer, and full-stack developer. Front-end developers are in 135 | charge of the behaviour and visuals that appear in the user's browser, whereas back-end developers work with the 136 | servers. Since the commercialization of the Web, with Tim Berners-Lee developing the World Wide Web at CERN, the 137 | industry has grown to become one of the most widely used technologies in history. 138 |

139 |
140 |
141 | 142 |

143 | Resources for learning Web Development 144 |

145 | 146 |
147 | 151 | 152 | 155 |
156 | 157 |
158 | 161 |
162 | 163 |
164 | 165 |

166 | Top 5 programming languages for Web Development 167 |

168 | 169 |

170 | Web development is one of the most frequently undertaken jobs for developers. If you want to employ the top web 171 | engineers, 172 | keep an eye out for these web programming languages. Despite the diversity of technologies used in modern web 173 | development 174 | today, a few programming languages dominate the landscape. For example, JavaScript and HTML are the most popular 175 | web 176 | programming languages with 65% and 56% usage respectively. However, new web development languages are constantly 177 | emerging 178 | to support the growing demand for web apps. 179 |

180 | 181 |
182 |
183 | 187 |
188 |

189 | JavaScript is the number one most popular web development programming language at this moment. It’s also the 190 | only language used 191 | for front-end development, back-end development, and mobile app development.
192 | TypeScript is a modern, strongly-typed language for developing large applications. It’s a superset of 193 | JavaScript and compiles to 194 | plain JavaScript to be used in browser development with Node.js or by itself.
195 | Top frameworks: Angular, React, Vue.js
196 | Javascript 197 | Tutorials 198 | NodeJS 199 | Tutorials 200 | AngularJS 201 | Tutorials 202 | ReactJS Tutorials 204 | ExpressJS Tutorials 206 | VueJS Tutorials 208 |

209 |
210 |
211 |
212 | 216 |
217 |

218 | HTML is probably the oldest programming language for web development next to CSS. HTML has been in existence 219 | since the beginning of web development. 220 | Although most of its syntax has changed since its first release, it has never fallen out of fashion. HTML 221 | and CSS are only used for front-end development, 222 | but it’s a must-know programming language for all web developers.
223 | HTML/CSS 224 | Tutorials 225 |

226 |
227 |
228 |
229 | 233 | 234 |
235 |

236 | In terms of popularity, Python is often considered a close second to JavaScript. It has a much smaller 237 | community than JavaScript, but it’s still one of the 238 | top programming languages for web development.
239 | Top frameworks: Django, Flask and Web2Py
240 | Python Tutorials 242 | Django 243 | Tutorials 244 | Flask Tutorials 245 |

246 |
247 |
248 |
249 | 253 |
254 |

255 | Microsoft’s .NET Core is the most popular platform for C# since it provides a standard library and an 256 | optimized runtime environment. Popular languages like F# 257 | and VB.NET are also part of the .NET framework. These languages can be used instead of C#, depending on your 258 | preferences.
259 | C# Tutorials 260 |

261 |
262 |
263 |
264 | 268 |
269 |

270 | Ruby is another popular programming language that’s also easy to learn. It was inspired by Perl and Python, 271 | which means it has a familiar syntax for people learning 272 | web development.
273 | Top frameworks: Ruby on Rails and Sinatra
274 | Ruby Tutorials 276 |

277 |
278 |
279 |
280 | 281 |
282 | 283 | 284 | 285 | 286 |
287 |
288 | 289 |
290 |
291 |

Acadmica

292 |

Help you to study more often

293 |

than before

294 | 295 | 296 |
297 | 298 | 299 | Help us grow more 300 | 301 |
302 |
303 |
304 |

305 | Support 306 |
307 |

308 |

Help center

309 | 310 |

Contact us at -

311 | 317 |
318 |
319 |

320 | Product 321 |
322 |

323 | 328 |
329 |
330 |
331 | Subscribe Us 332 |
333 |
334 |
335 |
336 |
337 |

2022@cadmica Inc. Copyright and All rights reserved.

338 |
339 |
340 |

Terms and Condition . Privacy Policy

341 |
342 |
343 |
344 |
345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 360 | 361 | 362 | -------------------------------------------------------------------------------- /src/pages/dsa_sheet/main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Acadmica 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 |
26 | 27 | 28 | 58 | 78 | 79 | 80 | 81 |
82 |

Popular DSA Sheets

83 |

84 | Prepare for DSA interview rounds at the top companies.
85 | A sheet that covers almost every concept of Data Structures and 86 | Algorithms. 87 |

88 |
89 |
90 | DSA Sheet by 91 | Love Babbar-450 Questions 92 |
93 |
94 | DSA Sheet by Striver-184 Questions 96 |
97 |
98 | DSA Sheet by Fraz-250 Questions 100 |
101 |
102 | DSA Sheet by Arsh Goyal-280 Questions 104 |
105 |
106 |
107 | 108 | 109 |
110 |
111 | 112 |
113 |
114 |

Acadmica

115 |

Help you to study more often

116 |

than before

117 | 118 | 119 |
120 | 121 | 122 | Help us grow more 123 | 124 |
125 |
126 |
127 |

128 | Support 129 |
130 |

131 |

Help center

132 | 133 |

Contact us at -

134 | 140 |
141 |
142 |

143 | Product 144 |
145 |

146 | 151 |
152 |
153 |
154 | Subscribe Us 155 |
156 |
157 |
158 |
159 |
160 |

2022@cadmica Inc. Copyright and All rights reserved.

161 |
162 |
163 |

Terms and Condition . Privacy Policy

164 |
165 |
166 |
167 |
168 | 169 | 170 | 178 | 179 | 180 | 181 | -------------------------------------------------------------------------------- /src/pages/subscribe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Acadmica 8 | 9 | 10 | 16 | 17 | 18 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
32 |
33 | 34 | 35 | 65 | 85 | 86 | 87 | 88 | 118 | 119 | 120 | 128 | 129 | 130 | --------------------------------------------------------------------------------