├── .gitignore ├── LICENSE ├── README.md ├── assets ├── css │ └── style.css ├── img │ ├── CNLOGO.svg │ └── favicon.ico └── libs │ ├── bootstrap │ ├── bootstrap.min.css │ └── bootstrap.min.js │ ├── jquery │ └── jquery-3.4.1.slim.min.js │ └── popper │ └── popper.min.js ├── batches ├── 2019 │ ├── career-camp-21-october-2019 │ │ ├── index.html │ │ └── students │ │ │ ├── arunsridher-ambati │ │ │ ├── assets │ │ │ │ ├── css │ │ │ │ │ └── style.css │ │ │ │ ├── images │ │ │ │ │ └── my-image.png │ │ │ │ └── js │ │ │ │ │ └── script.js │ │ │ └── index.html │ │ │ ├── ayush-kumar │ │ │ ├── asset │ │ │ │ ├── css │ │ │ │ │ └── style.css │ │ │ │ ├── img │ │ │ │ │ ├── ayush.jpg │ │ │ │ │ ├── calculator.jpeg │ │ │ │ │ ├── dog-api.jpeg │ │ │ │ │ ├── hotel.jpeg │ │ │ │ │ ├── image-comp.jpeg │ │ │ │ │ ├── music.jpeg │ │ │ │ │ ├── new-bg.jpeg │ │ │ │ │ └── resume.jpg │ │ │ │ └── javascript │ │ │ │ │ └── script.js │ │ │ └── index.html │ │ │ ├── dhanush-kiran │ │ │ └── dhanush.jpg │ │ │ ├── gaurav-dwivedi │ │ │ └── assets │ │ │ │ └── img │ │ │ │ └── gauravdwivedi.jpg │ │ │ ├── keshav-mathur │ │ │ └── assets │ │ │ │ └── img │ │ │ │ └── keshav.jpg │ │ │ ├── piyush-agarwal │ │ │ └── assets │ │ │ │ └── img │ │ │ │ └── piyush-ag.PNG │ │ │ ├── pratik-dutta │ │ │ └── myphoto.jpg │ │ │ ├── sarvesh-vyas │ │ │ └── image.JPG │ │ │ ├── shivam-mishra │ │ │ ├── assets │ │ │ │ ├── css │ │ │ │ │ └── style.css │ │ │ │ ├── img │ │ │ │ │ └── macbook_mouse.jpg │ │ │ │ └── javascript │ │ │ │ │ └── script.js │ │ │ └── index.html │ │ │ ├── shubham-rakshit │ │ │ └── my-image.jpeg │ │ │ ├── sonu-kumar │ │ │ └── my-image.jpg │ │ │ └── vikas-soam │ │ │ └── pic.jpg │ └── full-stack-web-development-with-nodejs-01-sept-2019 │ │ ├── index.html │ │ └── students │ │ └── daksh_khetan │ │ ├── assets │ │ ├── css │ │ │ └── style.css │ │ ├── images │ │ │ ├── macbook_mouse.jpg │ │ │ └── profile-pic.JPG │ │ └── js │ │ │ └── script.js │ │ └── index.html └── 2020 │ ├── career-camp-05-january-2020 │ ├── index.html │ └── students │ │ ├── ravi_shankar_singh │ │ ├── assets │ │ │ ├── final.css │ │ │ └── photo.JPG │ │ └── index.html │ │ └── sunil_bajpai │ │ └── assets │ │ └── img │ │ └── xxx.jpeg │ ├── career-camp-06-january-2020 │ ├── index.html │ └── students │ │ ├── Shalloo_Bajpai │ │ ├── assets │ │ │ ├── resume.css │ │ │ └── shaaa.jpg │ │ └── main.html │ │ ├── arnavdesk │ │ └── assets │ │ │ └── arnavphoto.JPG │ │ ├── manishka_gautam │ │ ├── assets │ │ │ ├── manishka.jpg │ │ │ └── resume.css │ │ └── main.html │ │ ├── nitin_uniyal │ │ └── assests │ │ │ └── rsz_2profile-photo.jpg │ │ └── rohit-kumar │ │ ├── assets │ │ ├── css │ │ │ └── style.css │ │ └── images │ │ │ ├── jnv.png │ │ │ ├── nitp.png │ │ │ └── profile-pic.JPG │ │ └── index.html │ ├── full-stack-web-development-with-nodejs-01-feb-2020 │ ├── index.html │ └── students │ │ └── shivani_jadon │ │ └── assests │ │ └── images │ │ └── profile_pic.jpg │ └── full-stack-web-development-with-nodejs-15-march-2020 │ ├── index.html │ └── students │ └── sejal_gupta │ └── assets │ └── images │ └── sejal-pic.jpg └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 arpansac 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Wall-of-Developers (https://codingninjascodes.github.io/wall-of-developers) 2 | This is a collaborative repository where students create their profiles and connect to others. This will be written in HTML and Bootstrap. 3 | 4 | ### What's amazing? 5 | It's going to be completely compiled by our students and a great platform to connect with all coding ninjas students. 6 | 7 | ### Note 8 | No assets file should be greater than 10kb. 9 | 10 | ## Index 11 | - [How it works?](#how-it-works) 12 | - [Contribution guidelines](#contribution-guidelines) 13 | - [Support](#support) 14 | - [Code of conduct](#code-of-conduct) 15 | - [License](LICENSE) 16 | 17 | ## How it works? 18 | This is started as a learning project for students where they have to create their profile and attach their resume website. A student from the new batch has to create a new batch in the repository following his/her profile. 19 | 20 | ## Things you can do 21 | - Create a new batch 22 | - Add/Edit your student profile and resume website 23 | 24 | ## Contribution guidelines / Steps 25 | For making any changes (from your local system), just following the following steps 26 | - fork this repository into your Github account (create one if you don't have it yet) 27 | - clone it to your system (git clone ) 28 | - in the terminal run `git remote add upstream https://github.com/CodingNinjasCodes/wall-of-developers.git` (this is for taking a fresh update of the code anytime in the future) 29 | - create a new branch from the [Branch Types](#branch-types) below 30 | - **Important Step:** get the updated code by running command `git pull upstream development` in terminal 31 | - make the changes, commit and push them to your forked repository 32 | - create a pull request (mark an issue if it resolves one) 33 | - To add any static file, please put it into assets folder 34 | 35 | ##### Branch Types 36 | - feature-*branch name* (For adding new features to repository) 37 | - batch-*branch name* (For adding a new batch) 38 | - profile-*branch name* (For adding your student profile) 39 | - hotfix-*branch name* (Fixing something if it doesn't work) 40 | - struct-*branch name* (For structural additions/changes) 41 | 42 | ## Installing Git 43 | - Download [Git](https://git-scm.com/downloads) setup for your operating system and install it. 44 | - To check whether **Git** is installed on your system, open `cmd` on **Windows** / `terminal` on **Mac**. 45 | - Run command `git --version` and it should display the version of **Git** installed. 46 | 47 | ## Cloning the repository using VS Code 48 | - Open [VS Code](https://code.visualstudio.com/download). 49 | - Go to *View > Terminal*. 50 | - To **clone** the repo to your *desktop*, change the directory to *desktop* by running the command `cd desktop`. 51 | - In the terminal, run `git clone https://github.com/CodingNinjasCodes/wall-of-developers.git`. 52 | - A folder/directory should be created on your *desktop*. 53 | - Open that folder in **VS Code**, go to *File > Open*. 54 | - Now you're good to go! 55 | 56 | ## Support 57 | - For support, please create an **issue** regarding the same. We will help you out there. 58 | - To create an **issue**, go to the `Issues` tab, then select **New issue**. 59 | 60 | ## Code of conduct 61 | Respect fellow developers, everyone might be at a different stage of skill levels. Encourage fellow developers, pass on an opportunity to them, if they've asked something simple, just point them in the right direction in as polite a manner as possible. Thank fellow developers if they help you out in any way! -------------------------------------------------------------------------------- /assets/css/style.css: -------------------------------------------------------------------------------- 1 | .small-font{ 2 | font-size: 12px; 3 | } 4 | .no-text-decoration:hover{ 5 | text-decoration: none; 6 | } 7 | .black{ 8 | color: black; 9 | } 10 | .grey{ 11 | color: grey; 12 | } 13 | .card-body-student{ 14 | height: 76px; 15 | overflow: hidden; 16 | width: 158px; 17 | min-height: 58px; 18 | } 19 | .img-height{ 20 | height: 8.5rem; 21 | } 22 | 23 | .cn-logo{ 24 | width: 70px; 25 | } 26 | 27 | .card-width{ 28 | width: 10rem; 29 | } 30 | .img-height-div{ 31 | height: 8.5rem; 32 | overflow: hidden; 33 | text-align: center; 34 | } -------------------------------------------------------------------------------- /assets/img/CNLOGO.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 12 | 14 | 16 | 21 | 45 | 50 | 53 | 58 | 62 | 65 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /assets/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/assets/img/favicon.ico -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Career Camp Batch of 21st October 2019 | Wall of Developers 16 | 17 | 18 | 19 | 20 |
21 | 22 | 27 | 28 | 40 | 41 |
42 | 43 |
44 | 45 |
46 | 47 |
48 |
49 | 50 |
51 | profile-pic 52 |
53 |
54 |

55 | Shivam Mishra 56 |
57 | A final Year Student looking for job opportunites 58 |

59 |
60 | 61 |
62 |
63 | 64 |
65 |
66 | 67 |
68 | profile-pic 69 |
70 |
71 |

72 | Sonu Kumar 73 |
74 | 2019 Passout Student looking for job opportunites 75 |

76 |
77 | 78 |
79 |
80 | 81 |
82 |
83 | 84 |
85 | profile-pic 86 |
87 |
88 |

89 | Pratik Dutta 90 |
91 | Looking for job opportunites
 92 |

93 |
94 | 95 |
96 |
97 | 98 |
99 |
100 | 101 |
102 | profile-pic 103 |
104 |
105 |

106 | Shubham Rakshit 107 |
108 | Looking for Job Opportunites
 109 |

110 |
111 | 112 |
113 |
114 | 115 |
116 | 117 |
118 | 119 |
120 |
121 | 122 |
123 | profile-pic 124 |
125 |
126 |

127 | Vikas Soam 128 |
129 | "After discovering my passion for Web Development I’m looking forward to 130 | bringing that passion to a full-time role" 131 |

132 |
133 | 134 |
135 |
136 | 137 |
138 |
139 | 140 |
141 | profile-pic 143 |
144 |
145 |

146 | Arunsridher Ambati 147 |
148 | Looking for Job Opportunites 149 |

150 |
151 | 152 |
153 |
154 | 155 |
156 |
157 | 158 |
159 | profile-pic 160 |
161 |
162 |

163 | Piyush Agarwal 164 |
165 | Looking for Job Opportunites 166 |

167 |
168 | 169 |
170 |
171 | 172 |
173 |
174 | 175 |
176 | profile-pic 177 |
178 |
179 |

180 | Gaurav Dwivedi 181 |
182 | Looking for Job Opportunites
 183 |

184 |
185 | 186 |
187 |
188 | 189 |
190 | 191 |
192 | 193 |
194 |
195 | 196 |
197 | profile-pic 198 |
199 |
200 |

201 | Dhanush Kiran 202 |
203 | Looking for Job Opportunites
 204 |

205 |
206 | 207 |
208 |
209 | 210 |
211 |
212 | 213 |
214 | profile-pic 215 |
216 |
217 |

218 | Sarvesh Vyas 219 |
220 | Looking for Job Opportunites
 221 |

222 |
223 | 224 |
225 |
226 | 227 |
228 |
229 | 230 |
231 | profile-pic 232 |
233 |
234 |

235 | Keshav Mathur 236 |
237 | Passionate about coding and problem solving. Keen interest in learning new Technologies
 238 |

239 |
240 | 241 |
242 |
243 | 244 |
245 | 246 |
247 | 248 | 249 | 250 | 251 | 252 | 253 | -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/arunsridher-ambati/assets/css/style.css: -------------------------------------------------------------------------------- 1 | :root{ 2 | --white: #f0f0f0; 3 | --red: #be3144; 4 | --blue: #45567d; 5 | --grey: #303841; 6 | } 7 | 8 | html{ 9 | scroll-behavior: smooth; 10 | } 11 | 12 | body{ 13 | background-color:#202022; 14 | margin:0; 15 | font-family: 'Poppins', sans-serif; 16 | font-size: 1.8rem; 17 | font-weight: 400; 18 | line-height: 1.4; 19 | color:var(--white); 20 | min-width:500px; 21 | } 22 | 23 | h1, 24 | h2 { 25 | font-family: 'Raleway', sans-serif; 26 | font-weight: 700; 27 | text-align: center; 28 | } 29 | 30 | h1 { 31 | font-size: 4rem; 32 | } 33 | 34 | h2 { 35 | font-size: 2.6rem; 36 | } 37 | 38 | ul { 39 | list-style: none; 40 | } 41 | 42 | a { 43 | text-decoration: none; 44 | color:var(--white); 45 | } 46 | 47 | img { 48 | display: block; 49 | width: 100%; 50 | } 51 | 52 | .center-text{ 53 | text-align:center; 54 | } 55 | 56 | #navbar{ 57 | position:fixed; 58 | top:0; 59 | left:0; 60 | right:0; 61 | background-color:#BE3144; 62 | display:flex; 63 | justify-content:flex-end; 64 | align-items:center; 65 | z-index: 20; 66 | } 67 | 68 | .nav-list{ 69 | display:flex; 70 | justify-content:space-around; 71 | } 72 | 73 | .nav-list li{ 74 | padding:0 25px; 75 | } 76 | 77 | .nav-list a{ 78 | font-size:1.25rem; 79 | color: var(--white); 80 | transition: color 0.5s ease-out; 81 | } 82 | 83 | .nav-list a:hover{ 84 | color: #202022; 85 | } 86 | 87 | @media (max-width:750px){ 88 | .nav-list li{ 89 | padding:0 10px; 90 | } 91 | 92 | .nav-list a{ 93 | font-size:1rem; 94 | } 95 | 96 | #navbar{ 97 | justify-content: center; 98 | } 99 | } 100 | 101 | #welcome-section{ 102 | display:flex; 103 | flex-direction:column; 104 | justify-content: center; 105 | align-items: center; 106 | width:100%; 107 | height:100vh; 108 | /* background-image: url("pic.jpg"); 109 | object-fit: cover; 110 | background-size: 100% auto; */ 111 | } 112 | 113 | #welcome-section img{ 114 | width: 100%; 115 | height: 100%; 116 | } 117 | 118 | #tag-line{ 119 | margin-top:-55px; 120 | padding-left:75px; 121 | white-space:nowrap; 122 | color:var(--red); 123 | font-size:2.5rem; 124 | } 125 | 126 | .push-down{ 127 | vertical-align:middle; 128 | margin: 0 5px; 129 | color: var(--blue); 130 | } 131 | 132 | #about{ 133 | width:85%; 134 | margin: 0 auto; 135 | display:flex; 136 | justify-content:space-around; 137 | align-items:center; 138 | } 139 | 140 | #profile-pic{ 141 | width:80px; 142 | height:80px; 143 | margin: 0 auto; 144 | border:4px solid; 145 | border-color:var(--red); 146 | border-radius:8px; 147 | } 148 | 149 | #profile-pic img{ 150 | width:100%; 151 | min-width:75px; 152 | height:auto; 153 | border-radius:4px; 154 | } 155 | 156 | #about-desc{ 157 | width:70%; 158 | } 159 | 160 | #about-desc p{ 161 | color:var(--white); 162 | font-size:1rem; 163 | text-align:justify; 164 | } 165 | 166 | /* 167 | #social{ 168 | width:70%; 169 | margin: 0 auto; 170 | display:flex; 171 | justify-content:space-between; 172 | align-items:center; 173 | } 174 | 175 | #profile-pic{ 176 | width:100px; 177 | height:100px; 178 | margin: 0 auto; 179 | border:4px solid; 180 | border-color:var(--red); 181 | border-radius:8px; 182 | } 183 | 184 | #profile-pic img{ 185 | width:100%; 186 | min-width:100px; 187 | height:auto; 188 | border-radius:4px; 189 | } 190 | 191 | #social-icons{ 192 | width:65%; 193 | padding-right:25px; 194 | } 195 | 196 | #social-icons ul{ 197 | display:flex; 198 | justify-content:space-around; 199 | } 200 | 201 | #social-icons li{ 202 | padding:10px; 203 | } 204 | 205 | #social-icons i{ 206 | color:var(--white); 207 | } 208 | */ 209 | 210 | /*Skills Section*/ 211 | 212 | #skills{ 213 | background-color:var(--white); 214 | width:100%; 215 | height: auto; 216 | padding:90px 0px 50px; 217 | } 218 | 219 | #skills .section-heading{ 220 | color: var(--grey); 221 | } 222 | 223 | .skills-display { 224 | width: 75%; 225 | margin: 0 auto; 226 | padding: 10px; 227 | margin-bottom: 30px; 228 | display: flex; 229 | flex-wrap: wrap; 230 | justify-content: space-evenly; 231 | } 232 | 233 | .skill-progress { 234 | width: 18rem; 235 | height: 2.8rem; 236 | background-color: lightgrey; 237 | border-radius: 0.5rem; 238 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 239 | margin: 25px; 240 | overflow: hidden; 241 | } 242 | 243 | .skill-progress > div { 244 | border-radius: 10px 0px 0px 10px; 245 | box-shadow: 1px 1px 5px 2px #989882; 246 | } 247 | 248 | .skill-name span { 249 | color: white; 250 | font-size: 1rem; 251 | margin-left: 10px; 252 | vertical-align: middle; 253 | } 254 | 255 | /* Work Experience */ 256 | 257 | #experience{ 258 | padding: 90px 0 50px; 259 | } 260 | 261 | 262 | .timeline { 263 | position: relative; 264 | margin: 0 auto; 265 | width: 75%; 266 | } 267 | 268 | .timeline-box { 269 | padding: 5px; 270 | width: 40%; 271 | min-height: 150px; 272 | position: relative; 273 | left: 5%; 274 | text-align: right; 275 | } 276 | 277 | .timeline-box::after { 278 | content: ''; 279 | position: absolute; 280 | width: 15px; 281 | height: 15px; 282 | background-color: lightgrey; 283 | top: 25%; 284 | border-radius: 50%; 285 | z-index: 1; 286 | } 287 | 288 | .timeline-box:nth-child(2n) { 289 | left: 53%; 290 | } 291 | 292 | .timeline-box:nth-child(2n+1)::after { 293 | right: -11.8%; 294 | } 295 | 296 | .timeline-box:nth-child(2n)::after { 297 | left: -9%; 298 | } 299 | 300 | .timeline-container { 301 | padding: 8px; 302 | } 303 | 304 | .timeline-logo { 305 | position: absolute; 306 | width: 50px; 307 | overflow: hidden; 308 | } 309 | 310 | .timeline-logo > img { 311 | width: 100%; 312 | border-radius: 50%; 313 | } 314 | 315 | #timeline-divider { 316 | position: absolute; 317 | width: 0; 318 | top: 10%; 319 | left: 50%; 320 | border: 1px dashed #0096fa6b; 321 | height: 75%; 322 | color: #433E3F; 323 | } 324 | 325 | #timeline-divider .timeline-traveller { 326 | position: sticky; 327 | top: 135px; 328 | z-index: 2; 329 | } 330 | 331 | #timeline-divider i { 332 | transform: rotate(90deg); 333 | margin-top: -35px; 334 | display: block; 335 | color: #C1C1C1; 336 | } 337 | 338 | .experience-designation { 339 | font-size: 1.4rem; 340 | } 341 | 342 | .experience-company-name { 343 | margin: 5px 0 0; 344 | color: var(--white); 345 | font-weight: 400; 346 | font-size: 1.2rem; 347 | } 348 | 349 | .experience-duration { 350 | color: #9e9b9b; 351 | font-weight: 100; 352 | color: #B9B9B9; 353 | font-size: 1rem; 354 | } 355 | 356 | .experience-description { 357 | font-size: 14px; 358 | padding: 2px; 359 | color: var(--white); 360 | line-height: 20px; 361 | } 362 | 363 | /* Education */ 364 | #education{ 365 | background-color: var(--white); 366 | padding:90px 0px 50px; 367 | } 368 | 369 | #education .section-heading{ 370 | color: var(--blue); 371 | } 372 | 373 | 374 | /* Portfolio */ 375 | #projects{ 376 | background-color:var(--blue); 377 | padding:120px 0px 50px; 378 | } 379 | 380 | .projects-section-header{ 381 | border-bottom:2px solid; 382 | border-color:var(--white); 383 | max-width:65%; 384 | margin:0 auto; 385 | } 386 | 387 | .projects{ 388 | display:grid; 389 | grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 390 | grid-gap:10px; 391 | max-width:1200px; 392 | margin: 50px auto; 393 | } 394 | 395 | .project-tile{ 396 | margin:15px; 397 | height:auto; 398 | background-color:var(--grey); 399 | border:1px solid var(--grey); 400 | border-radius:2px; 401 | box-shadow:1px 1px 1px rgba(0,0,0,0.5); 402 | } 403 | 404 | .project-image{ 405 | width: 100%; 406 | height:auto; 407 | object-fit:cover; 408 | } 409 | 410 | .project-title{ 411 | font-size:1.2rem; 412 | text-align:center; 413 | width:auto; 414 | background-color:var(--grey); 415 | } 416 | 417 | .project-tile .push-down{ 418 | color:var(--grey); 419 | transition: color .5s ease-out; 420 | } 421 | 422 | .project-tile:hover .push-down{ 423 | color:var(--red); 424 | } 425 | 426 | .show-all-btn{ 427 | display:flex; 428 | justify-content:center; 429 | align-items:center; 430 | } 431 | 432 | #profile-link{ 433 | padding:12px 18px; 434 | font-size:1.35rem; 435 | border-radius:2px; 436 | background-color:var(--grey); 437 | transition: color 1s ease-out; 438 | } 439 | 440 | #profile-link:hover{ 441 | background-color:var(--red); 442 | } 443 | 444 | #profile-link:hover i{ 445 | transform: translateX(2px); 446 | } 447 | 448 | #profile-link > i { 449 | margin-left: 5px; 450 | transform: translateX(0); 451 | transition: transform 0.3s ease-out; 452 | } 453 | 454 | /* contact - section */ 455 | #contact{ 456 | background-color:var(--grey); 457 | width:100%; 458 | height:85vh; 459 | display:flex; 460 | flex-direction:column; 461 | justify-content:center; 462 | align-items:center; 463 | } 464 | 465 | #contact-section-header p{ 466 | margin-top:-25px; 467 | font-size:1rem; 468 | text-align:center; 469 | } 470 | 471 | @media (min-width:990px){ 472 | #contact-section-header h2{ 473 | font-size:4rem; 474 | } 475 | #contact-section-header p{ 476 | font-size:1.2rem; 477 | margin-top:-50px; 478 | } 479 | } 480 | 481 | #contact-links ul{ 482 | display:flex; 483 | flex-wrap:wrap; 484 | flex-direction:row; 485 | justify-content:center; 486 | align-items:center; 487 | } 488 | 489 | #contact-links li{ 490 | padding:10px 20px; 491 | font-size:1.5rem; 492 | } 493 | 494 | #contact-links li { 495 | text-shadow: 2px 2px 1px #1f1f1f; 496 | transition: transform 0.3s ease-out; 497 | } 498 | 499 | #contact-links li:hover { 500 | transform: translateY(8px); 501 | } 502 | 503 | /* footer */ 504 | 505 | #footer{ 506 | display:flex; 507 | justify-content:flex-end; 508 | align-items:center; 509 | height:12vh; 510 | border-top:2px solid var(--red); 511 | padding-right:25px; 512 | font-size:1.2rem; 513 | } 514 | 515 | #footer a{ 516 | color:var(--blue); 517 | transition:color 0.5s ease-out; 518 | } 519 | 520 | #footer a:hover{ 521 | color:var(--red); 522 | } 523 | 524 | 525 | .text-right{ 526 | text-align: right; 527 | } 528 | 529 | .text-center { 530 | text-align: center; 531 | } 532 | 533 | .text-justify { 534 | text-align: justify; 535 | } 536 | 537 | /* Common Margin Classes */ 538 | 539 | .m0 { 540 | margin: 0; 541 | } 542 | 543 | .mb75px { 544 | margin-bottom: 75px; 545 | } 546 | 547 | .mb50px { 548 | margin-bottom: 50px; 549 | } 550 | 551 | .text-highlight { 552 | color: #2857a4; 553 | font-weight: 600; 554 | 555 | } 556 | 557 | /* setting background-color */ 558 | 559 | .m-blue { 560 | color: var(--blue); 561 | } 562 | 563 | .m-red { 564 | color: var(--red); 565 | } 566 | 567 | .m-grey { 568 | color: var(--grey); 569 | } 570 | 571 | .m-white { 572 | color: var(--white); 573 | } 574 | 575 | .m-teal { 576 | color: #0b8176; 577 | } 578 | 579 | .mb-blue { 580 | background-color: var(--blue); 581 | } 582 | 583 | .mb-orange { 584 | background-color: var(--red); 585 | } 586 | 587 | .mb-teal { 588 | background-color: #0b8176; 589 | } 590 | 591 | .mb-light-purple { 592 | background-color: #B24E4E; 593 | } 594 | 595 | 596 | 597 | /*Percentage Classes */ 598 | 599 | .eighty-five-percent { 600 | height: inherit; 601 | width: 85%; 602 | } 603 | 604 | .eighty-percent { 605 | height: inherit; 606 | width: 80%; 607 | } 608 | 609 | .seventy-five-percent { 610 | height: inherit; 611 | width: 75%; 612 | } 613 | 614 | .seventy-percent { 615 | height: inherit; 616 | width: 70%; 617 | } 618 | 619 | .sixty-five-percent { 620 | height: inherit; 621 | width: 65%; 622 | } 623 | 624 | .sixty-percent { 625 | height: inherit; 626 | width: 60%; 627 | } 628 | 629 | .fifty-five-percent { 630 | height: inherit; 631 | width: 55%; 632 | } 633 | 634 | .fifty-percent { 635 | height: inherit; 636 | width: 50%; 637 | } 638 | 639 | @media only screen and (max-width: 572px) { 640 | 641 | .timeline-box { 642 | width: 100%; 643 | left: 10% !important; 644 | } 645 | 646 | .bars { 647 | display: block; 648 | } 649 | } 650 | 651 | 652 | 653 | @media only screen and (max-width: 768px) { 654 | .timeline-box { 655 | width: 90%; 656 | left: 10% !important; 657 | } 658 | 659 | .timeline-box::after { 660 | left: -9.3% !important; 661 | } 662 | 663 | #timeline-divider { 664 | top: 10%; 665 | left: 2%; 666 | } 667 | } -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/arunsridher-ambati/assets/images/my-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/arunsridher-ambati/assets/images/my-image.png -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/arunsridher-ambati/assets/js/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/arunsridher-ambati/assets/js/script.js -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/arunsridher-ambati/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Portfolio - Arunsridher 6 | 7 | 8 | 9 | 10 | 11 | 29 |
30 |
31 |

Hey I am Arunsridher

32 |

<a web developer/>

33 |
34 | 40 |
41 | 42 | 43 | 79 |
80 |
81 |

82 | 83 | 84 | 85 | SKILLS 86 |

87 | 88 |
89 | 90 |
91 |
92 |
93 | HTML 94 |
95 |
96 |
97 |
98 |
99 |
100 | CSS 101 |
102 |
103 |
104 |
105 |
106 |
107 | JavaScript 108 |
109 |
110 |
111 |
112 |
113 |
114 | Java 115 |
116 |
117 |
118 |
119 |
120 |
121 | Unity3D 122 |
123 |
124 |
125 |
126 |
127 |
128 | C# 129 |
130 |
131 |
132 |
133 |
134 |
135 |

136 | 137 | 138 | 139 | Work Experience 140 |

141 | 142 |
143 | 144 |
145 |
146 | 149 |

Software Developer

150 |

Wowsome

151 |
Feb 2018 - June 2019
152 | 153 |

154 | As a Software Developer, I was in charge of app development from requirements to project delivery.

155 |

Technologies used: Unity3D, C#, Kinect, Vuforia.

156 |

- Design and implement game functionality as per the communicated requirement.
157 | - Develop Augmented and Mixed Reality based Mobile and Desktop applications.
158 | - Extended base software solutions and design new interactivity features using existing software and hardware sensors to interpret skeletal movements for detecting new unique gestures.

159 |

160 |
161 |
162 | 163 |
164 |
165 | 168 |

Java Trainer

169 |

i-TechnoGuru

170 |
Sep 2017 - Feb 2018
171 |

172 | i-TechnoGuru is a Java training institute in Ameerpet, Hyderbad where we train freshers in Java. 173 |

174 |

175 | I trained several batches on Web-App development skills with real-time projects using J2EE technologies - Servlets and JSPs 176 |

177 |
178 |
179 | 180 |
181 |
182 | 185 |

Managing Director

186 |

Contigance Software Solutions

187 |
March 2015 - April 2016
188 | 189 |

190 | Contigance is a technical skill and assessment platform that matches job seekers and employers at various levels and automates the hiring process. 191 |

192 |

193 | - Maintaining client relationships.
194 | - Assist the technical team in their design and development tasks.
195 | - Database design.
196 | - Development of PHP based web applications.

197 |
198 |
199 | 200 |
201 |
202 |
203 | 204 |
205 |
206 |
207 |
208 |
209 |
210 |

211 | 212 | 213 | 214 | Education 215 |

216 | 217 |
218 | 219 |
220 |
221 | 224 |

M.Tech - CSE

225 |

MLR Institute of Technology and Management

226 |
Sep 2013 - Dec 2015
227 |
73.25%
228 | 229 |
230 |
231 | 232 |
233 |
234 | 237 |

B.Tech - IT

238 |

KITE College of Professional Engineering Sciences

239 |
Sep 2008 - May 2012
240 |
76.41%
241 | 242 |
243 |
244 | 245 |
246 |
247 | 250 |

Intermediate - MPC

251 |

New Era Junior College

252 |
June 2006 - May 2008
253 |
81.4%
254 | 255 |
256 |
257 | 258 |
259 |
260 | 263 |

X-Class

264 |

Geetanjali High School

265 |
June 2005 - April 2006
266 |
77.16%
267 | 268 |
269 |
270 | 271 |
272 |
273 |
274 | 275 |
276 |
277 |
278 | 279 |
280 |
281 |
282 |

These are some of my projects

283 |
284 |
285 | 286 | project 287 |

<Tribute Page/>

288 | 289 |
290 | 291 |
292 | 293 | project 294 |

<Technical Documentation/>

295 | 296 |
297 | 298 |
299 | 300 | project 301 |

<Product Landing Page/>

302 | 303 |
304 | 305 |
306 | 307 | project 308 |

<Ping Pong Game/>

309 | 310 |
311 | 312 |
313 | 314 | project 315 |

<Survey Form/>

316 | 317 |
318 | 319 | 325 |
326 |
327 | Show all 329 |
330 |
331 |
332 |
333 |

Let‘s work together...

334 |

How do you take your coffee??

335 |
336 | 347 |
348 |
349 | 352 | 353 | 354 | 355 | 356 | -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | font-family: sans-serif; 4 | font-size: 30px; 5 | } 6 | 7 | 8 | 9 | /* Body Header */ 10 | 11 | #body-header { 12 | height: 65vh; 13 | opacity: 0.8; 14 | background-image: url('/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/new-bg.jpeg'); 15 | background-size: cover; 16 | background-position: center; 17 | background-attachment: fixed; 18 | padding-top: 1.2rem; 19 | } 20 | 21 | 22 | 23 | /* Horizontal Lists */ 24 | 25 | .horizontal-list { 26 | list-style: none; 27 | padding-left: 0px; 28 | margin: 0px; 29 | } 30 | 31 | .horizontal-list li { 32 | display: inline-block; 33 | margin: 0px 8px 8px 0px; 34 | font-weight: 100; 35 | font-size: 0.9rem; 36 | } 37 | 38 | .horizontal-list li a { 39 | color: white; 40 | text-decoration: none; 41 | } 42 | 43 | .nav-menu li a { 44 | transition: color 0.5s, border-bottom 4s; 45 | } 46 | 47 | .nav-menu li a:hover { 48 | color: lightgrey; 49 | border-bottom: 1px solid black; 50 | } 51 | 52 | .text-center { 53 | text-align: center; 54 | } 55 | 56 | 57 | 58 | /* Name and Social Icons*/ 59 | 60 | #name-social-container { 61 | margin-top: 20vh; 62 | } 63 | 64 | #my-name { 65 | font-size: 3rem; 66 | letter-spacing: 0.1rem; 67 | color: white; 68 | font-weight: 700; 69 | margin-bottom: 0.5rem; 70 | } 71 | 72 | .social-icons li a i { 73 | padding: 10px; 74 | font-size: 1rem; 75 | border-radius: 50%; 76 | } 77 | 78 | .social-icons li a i:hover { 79 | box-shadow: 0px 0px 6px 4px rgba(230, 196, 196, 0.3); 80 | } 81 | 82 | 83 | 84 | /*Section Classes*/ 85 | 86 | section { 87 | display: flex; 88 | flex-direction: column; 89 | align-items: center; 90 | padding-bottom: 20px; 91 | } 92 | 93 | section:nth-child(2n) { 94 | /* background-color: #9e9b9b29; */ 95 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 96 | } 97 | 98 | section:nth-child(2n + 1) { 99 | /* background-color:lightblue; */ 100 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 101 | } 102 | 103 | .section-heading { 104 | width: auto; 105 | padding: 20px 10px 10px; 106 | font-weight: 400; 107 | } 108 | 109 | .section-heading span { 110 | font-size: 40px; 111 | /* color: #2857a4; */ 112 | color: white; 113 | display: inline-block; 114 | padding-top: 10px; 115 | margin-right: 0.5rem; 116 | } 117 | 118 | 119 | 120 | /*About Section*/ 121 | 122 | #about { 123 | height: auto; 124 | width: 100%; 125 | position: relative; 126 | margin-bottom: 30px; 127 | } 128 | 129 | #my-image { 130 | height: 12rem; 131 | width: 12rem; 132 | margin: auto; 133 | margin-top: -17vh; 134 | } 135 | 136 | #my-image img { 137 | height: 100%; 138 | width: 100%; 139 | border-radius: 50%; 140 | border: 3px solid white; 141 | box-shadow: 1px 1px 10px 2px lightgrey; 142 | } 143 | 144 | #about-para { 145 | padding: 10px; 146 | width: 70%; 147 | text-align: justify; 148 | color:white; 149 | line-height: 28px; 150 | font-size: 1.1rem; 151 | margin: auto; 152 | } 153 | 154 | 155 | 156 | /*Skills Section*/ 157 | 158 | .skills-display { 159 | width: 75%; 160 | padding: 10px; 161 | margin-bottom: 30px; 162 | display: flex; 163 | flex-wrap: wrap; 164 | justify-content: space-evenly; 165 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 166 | } 167 | 168 | .skill-progress { 169 | width: 11rem; 170 | height: 2.2rem; 171 | /* background-color: lightgrey; */ 172 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 173 | border-radius: 1rem; 174 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 175 | margin: 25px; 176 | overflow: hidden; 177 | } 178 | 179 | .skill-progress > div { 180 | border-radius: 20px 0px 0px 20px; 181 | box-shadow: 1px 1px 5px 2px #989882; 182 | } 183 | 184 | .skill-name span { 185 | color: white; 186 | font-size: 1rem; 187 | margin-left: 10px; 188 | vertical-align: middle; 189 | } 190 | 191 | 192 | 193 | /* Work Experience */ 194 | 195 | .timeline { 196 | position: relative; 197 | width: 75%; 198 | } 199 | 200 | .timeline-box { 201 | padding: 5px; 202 | width: 40%; 203 | min-height: 150px; 204 | position: relative; 205 | left: 5%; 206 | text-align: right; 207 | } 208 | 209 | .timeline-box::after { 210 | content: ''; 211 | position: absolute; 212 | width: 15px; 213 | height: 15px; 214 | background-color: white; 215 | top: 25%; 216 | border-radius: 50%; 217 | z-index: 1; 218 | } 219 | 220 | .timeline-box:nth-child(2n) { 221 | left: 53%; 222 | } 223 | 224 | .timeline-box:nth-child(2n+1)::after { 225 | right: -11.8%; 226 | } 227 | 228 | .timeline-box:nth-child(2n)::after { 229 | left: -9%; 230 | } 231 | 232 | .timeline-container { 233 | padding: 8px; 234 | } 235 | 236 | .timeline-logo { 237 | position: absolute; 238 | width: 50px; 239 | overflow: hidden; 240 | } 241 | 242 | .timeline-logo > img { 243 | width: 100%; 244 | } 245 | 246 | #timeline-divider { 247 | position: absolute; 248 | width: 0; 249 | top: 10%; 250 | left: 50%; 251 | border: 1px dashed white; 252 | height: 66%; 253 | color: #433E3F; 254 | } 255 | 256 | #timeline-divider .timeline-traveller { 257 | position: sticky; 258 | top: 135px; 259 | z-index: 2; 260 | } 261 | 262 | #timeline-divider i { 263 | transform: rotate(90deg); 264 | margin-top: -35px; 265 | display: block; 266 | color: white; 267 | } 268 | 269 | .experience-designation { 270 | font-size: 1.4rem; 271 | } 272 | 273 | .experience-company-name { 274 | margin: 5px 0 0; 275 | color: white; 276 | font-weight: 400; 277 | font-size: 1.2rem; 278 | } 279 | 280 | .experience-duration { 281 | color: #9e9b9b; 282 | font-weight: 100; 283 | color:white; 284 | font-size: 1rem; 285 | } 286 | 287 | .experience-description { 288 | font-size: 14px; 289 | padding: 2px; 290 | color:white; 291 | line-height: 20px; 292 | } 293 | 294 | .text-align-justify { 295 | text-align: justify; 296 | } 297 | 298 | 299 | 300 | /* Portfolio Section */ 301 | 302 | #portfolio-container { 303 | box-sizing: border-box; 304 | display: flex; 305 | flex-wrap: wrap; 306 | padding: 0 50px; 307 | margin-bottom: 20px; 308 | justify-content: space-around; 309 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 310 | 311 | } 312 | 313 | .portfolio-image-container { 314 | max-width: 300px; 315 | overflow: hidden; 316 | margin: 30px; 317 | background-size: cover; 318 | background-repeat: no-repeat; 319 | position: relative; 320 | } 321 | 322 | .portfolio-image-container img { 323 | width: 100%; 324 | height: 100%; 325 | } 326 | 327 | .portfolio-details { 328 | transition: all 0.5s ease-in-out; 329 | position: absolute; 330 | top: 0; 331 | left: 0; 332 | height: 100%; 333 | color: white; 334 | text-align: center; 335 | padding: 10px; 336 | } 337 | 338 | .portfolio-image-container:hover { 339 | /* box-shadow: 0 0 20px #74ADC8; */ 340 | 341 | box-shadow: 0 0 20px white; 342 | 343 | } 344 | 345 | .portfolio-image-container:hover .portfolio-details { 346 | /* background-color: #80808078; */ 347 | background-color: white; 348 | color: white; 349 | } 350 | 351 | 352 | 353 | /* Contact Form */ 354 | 355 | #contact { 356 | background-color: #0abcf9; 357 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 358 | color: white; 359 | padding-bottom: 40px; 360 | } 361 | 362 | #contact h1, 363 | #contact h1 span { 364 | color: white; 365 | } 366 | 367 | #contact-form { 368 | margin-left: 20%; 369 | } 370 | 371 | #contact-container { 372 | display: flex; 373 | } 374 | 375 | #my-details-container { 376 | width: 35%; 377 | margin-left: 6%; 378 | } 379 | 380 | #my-details-container h3 { 381 | color: white; 382 | font-weight: 550; 383 | font-size: 1.2rem; 384 | } 385 | 386 | #contact-form-container { 387 | width: 50%; 388 | } 389 | 390 | #my-details-container p { 391 | color: #d9dcdd; 392 | font-size: 0.9rem; 393 | } 394 | 395 | .my-details-info-container { 396 | margin-bottom: 20px; 397 | color: #d9dcdd; 398 | font-size: 1rem; 399 | } 400 | 401 | .my-details-info-container span { 402 | margin-left: 0.4rem; 403 | } 404 | 405 | .my-details-info-container i { 406 | color: white; 407 | } 408 | 409 | .my-details-icon { 410 | width: 1rem; 411 | height: 1rem; 412 | vertical-align: bottom; 413 | margin-right: 0.5rem; 414 | } 415 | 416 | 417 | #contact-form input, 418 | textarea { 419 | max-width: 90%; 420 | margin: 15px; 421 | padding: 4px 10px; 422 | border: 0px solid transparent; 423 | border-bottom: 2px solid white; 424 | color: #d9dcdd; 425 | background: transparent; 426 | width: 90%; 427 | line-height: 1.6; 428 | font-size: 1.05rem; 429 | } 430 | 431 | #contact-form button[type="submit"] { 432 | background: transparent; 433 | font-size: 0.95rem; 434 | border: 2px solid white; 435 | margin-top: 5%; 436 | margin-left: 35%; 437 | border-radius: 2px; 438 | color: white; 439 | font-family: sans-serif; 440 | font-weight: 700; 441 | letter-spacing: 0.046875em; 442 | line-height: 1; 443 | padding: 0.8em 0.8em 0.78em; 444 | text-transform: uppercase; 445 | } 446 | 447 | #contact-form button:hover { 448 | background: white; 449 | color: #13386fe0; 450 | } 451 | 452 | #contact .social-icons li a i { 453 | font-size: 1.2rem; 454 | margin: 40px 10px 10px; 455 | padding: 10px 14px 20px 10px; 456 | 457 | } 458 | 459 | input:focus, 460 | select:focus, 461 | textarea:focus, 462 | button:focus { 463 | outline: none; 464 | } 465 | 466 | 467 | 468 | /* Common Margin Classes */ 469 | 470 | .m0 { 471 | margin: 0; 472 | } 473 | 474 | .mb75px { 475 | margin-bottom: 75px; 476 | } 477 | 478 | .mb50px { 479 | margin-bottom: 50px; 480 | } 481 | 482 | 483 | 484 | /*common color classes */ 485 | 486 | .text-highlight { 487 | color: #2857a4; 488 | font-weight: 600; 489 | 490 | } 491 | 492 | 493 | 494 | 495 | -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/ayush.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/ayush.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/calculator.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/calculator.jpeg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/dog-api.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/dog-api.jpeg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/hotel.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/hotel.jpeg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/image-comp.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/image-comp.jpeg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/music.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/music.jpeg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/new-bg.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/new-bg.jpeg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/resume.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/img/resume.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/asset/javascript/script.js: -------------------------------------------------------------------------------- 1 | var progressBars = document.querySelectorAll(".skill-progress > div"); 2 | 3 | 4 | 5 | function initialiseBar(bar) { 6 | bar.setAttribute("data-visited", false); 7 | bar.style.width = 0 + '%'; 8 | } 9 | 10 | for (var bar of progressBars) { 11 | initialiseBar(bar); 12 | } 13 | 14 | 15 | 16 | function fillBar(bar) { 17 | 18 | var currentWidth = 0; 19 | var targetWidth = bar.getAttribute("data-bar-width"); 20 | var interval = setInterval(function () { 21 | if (currentWidth >= targetWidth) { 22 | clearInterval(interval); 23 | return; 24 | } 25 | currentWidth++; 26 | bar.style.width = currentWidth + '%'; 27 | }, 5); 28 | 29 | } 30 | 31 | 32 | 33 | // This function uses a for loop for individual progress bars. 34 | function checkScroll() { 35 | 36 | for (let bar of progressBars) { 37 | var barCoordinates = bar.getBoundingClientRect(); 38 | if ((bar.getAttribute("data-visited") == "false") && 39 | (barCoordinates.top <= (window.innerHeight - barCoordinates.height))) { 40 | bar.setAttribute("data-visited", true); 41 | fillBar(bar); 42 | } else if (barCoordinates.top > window.innerHeight) { 43 | bar.setAttribute("data-visited", false); 44 | initialiseBar(bar); 45 | } 46 | 47 | } 48 | } 49 | 50 | 51 | 52 | window.addEventListener("scroll", checkScroll); 53 | 54 | // This event fills the progress bars if they are displayed on the screen when the page is loaded. 55 | //window.addEventListener("load", checkScroll); -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/ayush-kumar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Ayush Kumar 6 | 7 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 42 | 43 |
44 |
45 |

Ayush Kumar

46 |
47 |
48 | 75 | 76 |
77 | 78 |
79 | 80 |
81 |
82 | 83 |
84 |
85 | 86 |
87 | 88 |
89 | 90 |

91 | My name is Ayush 92 | Kumar. I am an interactive web and e-learning designer/developer and currently training 93 | in coding ninja.My passion 94 | is all about creating and elegant looking websites.Always keeping it clean and simple with 95 | that added functionality of user interaction you would like to see me. 96 | I am open to job opportunities below my matching skills. 97 |

98 | 99 |
100 | 101 |
102 | 103 | 104 | 105 |
106 |

107 | 108 | 109 | 110 | SKILLS 111 |

112 | 113 |
114 | 115 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 |
137 | 138 | 139 | 140 | 141 |
142 | 143 | 144 | 145 |
146 | 147 |

148 | 149 | 150 | 151 | Education 152 |

153 | 154 |
155 | 156 |
157 |
158 | 162 |

B.E. Degree

163 |

University Institute of Technology Burdwan,West Bengal 164 |

165 |

Computer Science

166 |

72%

167 |
Aug 2015 - Jul 2019
168 | 169 |

Certificate of Participation in UTKRISHT 170 | 2015 (Technical Fest of 171 | UIT BU), 172 | Certificate of Participation in Inter College Quiz Competition 173 | organised by Burdwan Science Centre, 174 | Because of my coordinating skills I was selected as Event 175 | Coordinator of UTKRISHT 2018(Technical Festival of UIT BU), 176 | Served as the Team of coding club "The Code Bird" where I have 177 | to arrange classes,workshop and seminar. 178 |

179 |
180 |
181 | 182 |
183 |
184 | 188 |

Intermediate Degree

189 |

Army Public School Basistha,Guwahati

190 |

77%

191 |
Jul 2013 - May 2014
192 |

Certificate of Science Olympiad, 193 | Certificate of Inter School Cricket Competition. 194 |

195 |
196 |
197 | 198 |
199 |
200 | 204 |

H.S. Degree

205 |

kendriya Vidyalaya CRPF GC Amerigog,Guwahati

206 |

76%

207 |
Aug 2011 - May 2012
208 | 209 |

210 | Certificate of Social-Science Exhibition,Certificate of Trityia Soapan in Scout & Guide, 211 | Certificate of Regional Sports.

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

229 | 230 | 231 | 232 | Portfolio 233 |

234 | 235 |
236 | 237 |
238 | 239 | 240 |
241 | 242 | 243 |

244 | calculator 245 |

246 | 247 |
248 | 249 |
250 |
251 | 252 | 253 |
254 |

255 | Music Player 256 |

257 | 258 |
259 | 260 |
261 |
262 | 263 | 264 |
265 |

266 | image compression using graph coloring. 267 |

268 | 269 |
270 | 271 |
272 |
273 | 274 | 275 |
276 |

277 | Hotel Management System. 278 |

279 |
280 | 281 |
282 |
283 | 284 | 285 |
286 |

287 | Fecth all dog breed with api. 288 |

289 | 290 |
291 | 292 |
293 |
294 | 295 | 296 |
297 | 298 |

299 | Resume. 300 |

301 | 302 |
303 | 304 |
305 | 306 |
307 |
308 | 309 |
310 |

311 | 312 | 313 | 314 | Contact 315 |

316 |
317 | 318 |
319 |
320 | 321 | 322 | 324 | 325 |
326 |
327 |
328 | 329 |

Get In touch

330 |

Emails us with any question or enquiries.We would be happy to answer your question

331 |

332 | 333 |

My Address

334 |
335 | 336 | Bangalore, India 337 |
338 |
339 | 340 | 7001878098 341 |
342 |
343 | 344 | kayush242@gmail.com 345 |
346 |
347 |
348 | 349 | 384 |
385 | 386 |
387 | 388 | 389 | 390 | -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/dhanush-kiran/dhanush.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/dhanush-kiran/dhanush.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/gaurav-dwivedi/assets/img/gauravdwivedi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/gaurav-dwivedi/assets/img/gauravdwivedi.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/keshav-mathur/assets/img/keshav.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/keshav-mathur/assets/img/keshav.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/piyush-agarwal/assets/img/piyush-ag.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/piyush-agarwal/assets/img/piyush-ag.PNG -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/pratik-dutta/myphoto.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/pratik-dutta/myphoto.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/sarvesh-vyas/image.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/sarvesh-vyas/image.JPG -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/shivam-mishra/assets/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | font-family: sans-serif; 4 | font-size: 30px; 5 | } 6 | 7 | body::-webkit-scrollbar { 8 | display: none; 9 | } 10 | 11 | 12 | /* Body Header */ 13 | 14 | #body-header { 15 | height: 65vh; 16 | opacity: 0.8; 17 | background-image: url(https://ninjasfiles.s3.amazonaws.com/asset_0000000000000020_1549743985_macbook_mouse.jpg); 18 | background-size: cover; 19 | background-position: center; 20 | background-attachment: fixed; 21 | padding-top: 1.2rem; 22 | } 23 | 24 | 25 | 26 | /* Horizontal Lists */ 27 | 28 | .bars{ 29 | color: white; 30 | margin: 0; 31 | margin-right: 5%; 32 | display: none; 33 | } 34 | 35 | .bars i { 36 | font-size: 2rem; 37 | } 38 | 39 | .dropdown-list{ 40 | margin: 0; 41 | display: none; 42 | background-color: #828470; 43 | box-shadow: 0px 4px 8px 1px #535547; 44 | } 45 | 46 | .dropdown-list ul{ 47 | margin: 0.2rem 0.2rem; 48 | text-align: left; 49 | padding: 0px 0.8rem; 50 | } 51 | 52 | .dropdown-menu:hover .dropdown-list{ 53 | display: block; 54 | position: absolute; 55 | right: 3%; 56 | } 57 | 58 | .dropdown-list li{ 59 | margin: 0.4rem 0px; 60 | } 61 | 62 | .no-list-style{ 63 | list-style: none; 64 | } 65 | 66 | .no-list-style li { 67 | font-weight: 100; 68 | font-size: 0.9rem; 69 | } 70 | 71 | .no-list-style li a{ 72 | list-style: none; 73 | color: white; 74 | text-decoration: none; 75 | } 76 | 77 | .horizontal-list { 78 | padding-left: 0px; 79 | margin: 0px; 80 | } 81 | 82 | .horizontal-list li { 83 | display: inline-block; 84 | margin: 0px 8px 8px 0px; 85 | } 86 | 87 | 88 | .nav-menu li a { 89 | transition: color 0.5s, border-bottom 4s; 90 | } 91 | 92 | .nav-menu li a:hover { 93 | color: lightgrey; 94 | border-bottom: 1px solid black; 95 | } 96 | 97 | 98 | /* Name and Social Icons*/ 99 | 100 | #name-social-container { 101 | margin-top: 20vh; 102 | } 103 | 104 | #my-name { 105 | font-size: 3rem; 106 | letter-spacing: 0.1rem; 107 | color: white; 108 | font-weight: 700; 109 | margin-bottom: 0.5rem; 110 | } 111 | 112 | .social-icons li a i { 113 | padding: 10px; 114 | font-size: 1rem; 115 | border-radius: 50%; 116 | } 117 | 118 | .social-icons li a i:hover { 119 | box-shadow: 0px 0px 6px 4px rgba(230, 196, 196, 0.3); 120 | } 121 | 122 | 123 | 124 | /*Section Classes*/ 125 | 126 | section { 127 | display: flex; 128 | flex-direction: column; 129 | align-items: center; 130 | padding-bottom: 20px; 131 | } 132 | 133 | section:nth-child(2n) { 134 | background-color: #9e9b9b29; 135 | } 136 | 137 | section:nth-child(2n + 1) { 138 | background-color: white; 139 | } 140 | 141 | .section-heading { 142 | width: auto; 143 | padding: 20px 10px 10px; 144 | font-weight: 400; 145 | } 146 | 147 | .section-heading span { 148 | font-size: 40px; 149 | color: #2857a4; 150 | display: inline-block; 151 | padding-top: 10px; 152 | margin-right: 0.5rem; 153 | } 154 | 155 | 156 | 157 | /*About Section*/ 158 | 159 | #about { 160 | height: auto; 161 | width: 100%; 162 | position: relative; 163 | margin-bottom: 30px; 164 | } 165 | 166 | #my-image { 167 | height: 12rem; 168 | width: 12rem; 169 | margin: auto; 170 | margin-top: -17vh; 171 | } 172 | 173 | #my-image img { 174 | height: 100%; 175 | width: 100%; 176 | border-radius: 50%; 177 | border: 3px solid white; 178 | box-shadow: 1px 1px 10px 2px lightgrey; 179 | } 180 | 181 | #about-para { 182 | padding: 10px; 183 | width: 70%; 184 | text-align: justify; 185 | color: grey; 186 | line-height: 28px; 187 | font-size: 1.1rem; 188 | margin: auto; 189 | } 190 | 191 | 192 | 193 | /*Skills Section*/ 194 | 195 | .skills-display { 196 | width: 75%; 197 | padding: 10px; 198 | margin-bottom: 30px; 199 | display: flex; 200 | flex-wrap: wrap; 201 | justify-content: space-evenly; 202 | } 203 | 204 | .skill-progress { 205 | width: 11rem; 206 | height: 2.2rem; 207 | background-color: lightgrey; 208 | border-radius: 1rem; 209 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 210 | margin: 25px; 211 | overflow: hidden; 212 | } 213 | 214 | .skill-progress > div { 215 | border-radius: 20px 0px 0px 20px; 216 | box-shadow: 1px 1px 5px 2px #989882; 217 | } 218 | 219 | .skill-name span { 220 | color: white; 221 | font-size: 1rem; 222 | margin-left: 10px; 223 | vertical-align: middle; 224 | } 225 | 226 | 227 | 228 | /* Work Experience */ 229 | 230 | .timeline { 231 | position: relative; 232 | width: 75%; 233 | } 234 | 235 | .timeline-box { 236 | padding: 5px; 237 | width: 40%; 238 | min-height: 150px; 239 | position: relative; 240 | left: 5%; 241 | text-align: right; 242 | } 243 | 244 | .timeline-box::after { 245 | content: ''; 246 | position: absolute; 247 | width: 15px; 248 | height: 15px; 249 | background-color: lightgrey; 250 | top: 25%; 251 | border-radius: 50%; 252 | z-index: 1; 253 | } 254 | 255 | .timeline-box:nth-child(2n) { 256 | left: 53%; 257 | } 258 | 259 | .timeline-box:nth-child(2n+1)::after { 260 | right: -11.8%; 261 | } 262 | 263 | .timeline-box:nth-child(2n)::after { 264 | left: -9%; 265 | } 266 | 267 | .timeline-container { 268 | padding: 8px; 269 | } 270 | 271 | .timeline-logo { 272 | position: absolute; 273 | width: 50px; 274 | overflow: hidden; 275 | } 276 | 277 | .timeline-logo > img { 278 | width: 100%; 279 | } 280 | 281 | #timeline-divider { 282 | position: absolute; 283 | width: 0; 284 | top: 10%; 285 | left: 50%; 286 | border: 1px dashed #0096fa6b; 287 | height: 66%; 288 | color: #433E3F; 289 | } 290 | 291 | #timeline-divider .timeline-traveller { 292 | position: sticky; 293 | top: 135px; 294 | z-index: 2; 295 | } 296 | 297 | #timeline-divider i { 298 | transform: rotate(90deg); 299 | margin-top: -35px; 300 | display: block; 301 | color: #2857a4; 302 | } 303 | 304 | .experience-designation { 305 | font-size: 1.4rem; 306 | } 307 | 308 | .experience-company-name { 309 | margin: 5px 0 0; 310 | color: #eb822d; 311 | font-weight: 400; 312 | font-size: 1.2rem; 313 | } 314 | 315 | .experience-duration { 316 | color: #9e9b9b; 317 | font-weight: 100; 318 | color: grey; 319 | font-size: 1rem; 320 | } 321 | 322 | .experience-description { 323 | font-size: 14px; 324 | padding: 2px; 325 | color: grey; 326 | line-height: 20px; 327 | } 328 | 329 | 330 | /* Portfolio Section */ 331 | 332 | #portfolio-container { 333 | box-sizing: border-box; 334 | display: flex; 335 | flex-wrap: wrap; 336 | padding: 0 50px; 337 | margin-bottom: 20px; 338 | justify-content: space-around; 339 | } 340 | 341 | .portfolio-image-container { 342 | max-width: 300px; 343 | overflow: hidden; 344 | margin: 30px; 345 | background-size: cover; 346 | background-repeat: no-repeat; 347 | position: relative; 348 | } 349 | 350 | .portfolio-image-container img { 351 | width: 100%; 352 | height: 100%; 353 | } 354 | 355 | .portfolio-details { 356 | transition: all 0.5s ease-in-out; 357 | position: absolute; 358 | top: 0; 359 | left: 0; 360 | height: 100%; 361 | color: transparent; 362 | text-align: center; 363 | padding: 10px; 364 | } 365 | 366 | .portfolio-image-container:hover { 367 | box-shadow: 0 0 20px #74ADC8; 368 | } 369 | 370 | .portfolio-image-container:hover .portfolio-details { 371 | background-color: #80808078; 372 | color: white; 373 | } 374 | 375 | 376 | 377 | /* Contact Form */ 378 | 379 | #contact { 380 | background-color: #0abcf9; 381 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 382 | color: white; 383 | padding-bottom: 40px; 384 | } 385 | 386 | #contact h1, 387 | #contact h1 span { 388 | color: white; 389 | } 390 | 391 | #contact-form { 392 | margin-left: 20%; 393 | } 394 | 395 | #contact-container { 396 | display: flex; 397 | } 398 | 399 | #my-details-container { 400 | width: 35%; 401 | margin-left: 6%; 402 | } 403 | 404 | #my-details-container h3 { 405 | color: white; 406 | font-weight: 550; 407 | font-size: 1.2rem; 408 | } 409 | 410 | #contact-form-container { 411 | width: 50%; 412 | } 413 | 414 | #my-details-container p { 415 | color: #d9dcdd; 416 | font-size: 0.9rem; 417 | } 418 | 419 | .my-details-info-container { 420 | margin-bottom: 20px; 421 | color: #d9dcdd; 422 | font-size: 1rem; 423 | } 424 | 425 | .my-details-info-container span { 426 | margin-left: 0.4rem; 427 | } 428 | 429 | .my-details-info-container i { 430 | color: white; 431 | } 432 | 433 | .my-details-icon { 434 | width: 1rem; 435 | height: 1rem; 436 | vertical-align: bottom; 437 | margin-right: 0.5rem; 438 | } 439 | 440 | 441 | #contact-form input, 442 | textarea { 443 | max-width: 90%; 444 | margin: 15px; 445 | padding: 4px 10px; 446 | border: 0px solid transparent; 447 | border-bottom: 2px solid white; 448 | color: #d9dcdd; 449 | background: transparent; 450 | width: 90%; 451 | line-height: 1.6; 452 | font-size: 1.05rem; 453 | } 454 | 455 | #contact-form button[type="submit"] { 456 | background: transparent; 457 | font-size: 0.95rem; 458 | border: 2px solid white; 459 | margin-top: 5%; 460 | margin-left: 35%; 461 | border-radius: 2px; 462 | color: white; 463 | font-family: sans-serif; 464 | font-weight: 700; 465 | letter-spacing: 0.046875em; 466 | line-height: 1; 467 | padding: 0.8em 0.8em 0.78em; 468 | text-transform: uppercase; 469 | } 470 | 471 | #contact-form button:hover { 472 | background: white; 473 | color: #13386fe0; 474 | } 475 | 476 | #contact .social-icons li a i { 477 | font-size: 1.2rem; 478 | margin: 40px 10px 10px; 479 | padding: 10px 14px 20px 10px; 480 | 481 | } 482 | 483 | input:focus, 484 | select:focus, 485 | textarea:focus, 486 | button:focus { 487 | outline: none; 488 | } 489 | 490 | /* Common Text Align Classes */ 491 | 492 | .text-right{ 493 | text-align: right; 494 | } 495 | 496 | .text-center { 497 | text-align: center; 498 | } 499 | 500 | .text-justify { 501 | text-align: justify; 502 | } 503 | 504 | /* Common Margin Classes */ 505 | 506 | .m0 { 507 | margin: 0; 508 | } 509 | 510 | .mb75px { 511 | margin-bottom: 75px; 512 | } 513 | 514 | .mb50px { 515 | margin-bottom: 50px; 516 | } 517 | 518 | 519 | 520 | /*common color classes */ 521 | 522 | .text-highlight { 523 | color: #2857a4; 524 | font-weight: 600; 525 | 526 | } 527 | 528 | 529 | /* setting background-color */ 530 | 531 | .m-blue { 532 | color: #2857a4; 533 | } 534 | 535 | .mb-blue { 536 | background-color: #2857a4; 537 | } 538 | 539 | .mb-orange { 540 | background-color: #ec4d1c; 541 | } 542 | 543 | .mb-teal { 544 | background-color: #0b8176; 545 | } 546 | 547 | .mb-light-purple { 548 | background-color: #93738c; 549 | } 550 | 551 | 552 | 553 | /*Percentage Classes */ 554 | 555 | .eighty-five-percent { 556 | height: inherit; 557 | width: 85%; 558 | } 559 | 560 | .eighty-percent { 561 | height: inherit; 562 | width: 80%; 563 | } 564 | 565 | .fifty-percent { 566 | height: inherit; 567 | width: 50%; 568 | } 569 | 570 | 571 | @media only screen and (max-width: 572px) { 572 | 573 | .timeline-box { 574 | width: 100%; 575 | left: 10% !important; 576 | } 577 | 578 | .bars { 579 | display: block; 580 | } 581 | 582 | 583 | .nav-menu { 584 | display: none; 585 | } 586 | } 587 | 588 | 589 | 590 | @media only screen and (max-width: 768px) { 591 | 592 | 593 | .timeline-box { 594 | width: 90%; 595 | left: 10% !important; 596 | } 597 | 598 | .timeline-box::after { 599 | left: -9.3% !important; 600 | } 601 | 602 | #timeline-divider { 603 | top: 10%; 604 | left: 2%; 605 | } 606 | 607 | #contact-form { 608 | margin-left: 0%; 609 | } 610 | 611 | #contact-container { 612 | flex-wrap: wrap; 613 | } 614 | 615 | #my-details-container { 616 | width: 80%; 617 | margin: 10%; 618 | } 619 | 620 | #contact-form-container { 621 | width: 80%; 622 | margin: 10%; 623 | } 624 | 625 | } 626 | 627 | -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/shivam-mishra/assets/img/macbook_mouse.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/shivam-mishra/assets/img/macbook_mouse.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/shivam-mishra/assets/javascript/script.js: -------------------------------------------------------------------------------- 1 | 2 | var navMenuAnchorTags = document.querySelectorAll('.nav-menu a'); 3 | 4 | var scrollInterval; 5 | 6 | for(var i = 0; i < navMenuAnchorTags.length; i++){ 7 | navMenuAnchorTags[i].onclick = function(event){ 8 | event.preventDefault(); 9 | //'textContent' returns the text contained in that element, 10 | //'trim()' removes spaces, 11 | //'toLowerCase()' converts text to lower case. 12 | var targetSectionID = this.textContent.trim().toLowerCase(); 13 | var targetSection = document.getElementById(targetSectionID); 14 | // console.log(targetSectionID); 15 | 16 | // Option 1: 17 | // scrollInterval = setInterval(scrollVertically, 20, targetSection); 18 | 19 | //Option 2: 20 | scrollInterval = setInterval(function(){ 21 | scrollVertically(targetSection); 22 | }, 20); 23 | }; 24 | 25 | } 26 | 27 | function scrollVertically(targetSection){ 28 | // if(targetSectionID == 'home'){ 29 | // return; 30 | // } 31 | 32 | // getBoundingClientRect() returns height, width and 33 | // left, top, right, bottom, x, y - coordinates. 34 | var targetSectionCoordinates = targetSection.getBoundingClientRect(); 35 | if(targetSectionCoordinates.top <= 0){ 36 | clearInterval(scrollInterval); 37 | return; 38 | } 39 | window.scrollBy(0, 40); 40 | } 41 | 42 | 43 | var progressBars = document.querySelectorAll('.skill-progress > div'); 44 | // console.log(progressBars); 45 | var skillsContainer = document.getElementById('skills-container'); 46 | var animationDone = false; 47 | 48 | window.addEventListener('scroll', checkScroll); 49 | 50 | function initialiseBarsTo0(){ 51 | for(let bar of progressBars){ 52 | bar.style.width = 0 + '%'; 53 | } 54 | } 55 | 56 | initialiseBarsTo0(); 57 | 58 | function fillBars(){ 59 | for(let bar of progressBars){ 60 | let targetWidth = bar.getAttribute('data-bar-width'); 61 | let currentWidth = 0; 62 | let interval = setInterval(function(){ 63 | if(currentWidth > targetWidth){ 64 | clearInterval(interval); 65 | return; 66 | } 67 | currentWidth++; 68 | bar.style.width = currentWidth + '%'; 69 | },7); 70 | } 71 | } 72 | 73 | function checkScroll(){ 74 | var coordinates = skillsContainer.getBoundingClientRect(); 75 | if(!animationDone && (coordinates.top <= window.innerHeight)){ 76 | console.log('Skills section visible!'); 77 | animationDone = true; 78 | fillBars(); 79 | } 80 | else if(coordinates.top > window.innerHeight){ 81 | animationDone = false; 82 | initialiseBarsTo0(); 83 | } 84 | } 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/shubham-rakshit/my-image.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/shubham-rakshit/my-image.jpeg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/sonu-kumar/my-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/sonu-kumar/my-image.jpg -------------------------------------------------------------------------------- /batches/2019/career-camp-21-october-2019/students/vikas-soam/pic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/career-camp-21-october-2019/students/vikas-soam/pic.jpg -------------------------------------------------------------------------------- /batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Full Stack Web Development With Node.js, 01 September 2019 | Wall of Developers 16 | 17 | 18 | 19 | 20 |
21 | 22 | 27 | 28 | 40 | 41 |
42 | 43 |
44 | 45 |
46 | 47 |
48 |
49 | 50 |
51 | profile-pic 52 |
53 |
54 |

55 | Daksh Khetan 56 |
A Sophomore looking for Internship opportunites 57 |

58 |
59 | 60 |
61 |
62 |
63 | 64 |
65 | 66 | 67 | 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/students/daksh_khetan/assets/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | font-family: sans-serif; 4 | font-size: 30px; 5 | } 6 | 7 | body::-webkit-scrollbar { 8 | display: none; 9 | } 10 | 11 | 12 | /* Body Header */ 13 | 14 | #body-header { 15 | height: 65vh; 16 | opacity: 0.8; 17 | background-image: url(https://ninjasfiles.s3.amazonaws.com/asset_0000000000000020_1549743985_macbook_mouse.jpg); 18 | background-size: cover; 19 | background-position: center; 20 | background-attachment: fixed; 21 | padding-top: 1.2rem; 22 | } 23 | 24 | 25 | 26 | /* Horizontal Lists */ 27 | 28 | .bars{ 29 | color: white; 30 | margin: 0; 31 | margin-right: 5%; 32 | display: none; 33 | } 34 | 35 | .bars i { 36 | font-size: 2rem; 37 | } 38 | 39 | .dropdown-list{ 40 | margin: 0; 41 | display: none; 42 | background-color: #828470; 43 | box-shadow: 0px 4px 8px 1px #535547; 44 | } 45 | 46 | .dropdown-list ul{ 47 | margin: 0.2rem 0.2rem; 48 | text-align: left; 49 | padding: 0px 0.8rem; 50 | } 51 | 52 | .dropdown-menu:hover .dropdown-list{ 53 | display: block; 54 | position: absolute; 55 | right: 3%; 56 | } 57 | 58 | .dropdown-list li{ 59 | margin: 0.4rem 0px; 60 | } 61 | 62 | .no-list-style{ 63 | list-style: none; 64 | } 65 | 66 | .no-list-style li { 67 | font-weight: 100; 68 | font-size: 0.9rem; 69 | } 70 | 71 | .no-list-style li a{ 72 | list-style: none; 73 | color: white; 74 | text-decoration: none; 75 | } 76 | 77 | .horizontal-list { 78 | padding-left: 0px; 79 | margin: 0px; 80 | } 81 | 82 | .horizontal-list li { 83 | display: inline-block; 84 | margin: 0px 8px 8px 0px; 85 | } 86 | 87 | 88 | .nav-menu li a { 89 | transition: color 0.5s, border-bottom 4s; 90 | } 91 | 92 | .nav-menu li a:hover { 93 | color: lightgrey; 94 | border-bottom: 1px solid black; 95 | } 96 | 97 | 98 | /* Name and Social Icons*/ 99 | 100 | #name-social-container { 101 | margin-top: 20vh; 102 | } 103 | 104 | #my-name { 105 | font-size: 3rem; 106 | letter-spacing: 0.1rem; 107 | color: white; 108 | font-weight: 700; 109 | margin-bottom: 0.5rem; 110 | } 111 | 112 | .social-icons li a i { 113 | padding: 10px; 114 | font-size: 1rem; 115 | border-radius: 50%; 116 | } 117 | 118 | .social-icons li a i:hover { 119 | box-shadow: 0px 0px 6px 4px rgba(230, 196, 196, 0.3); 120 | } 121 | 122 | 123 | 124 | /*Section Classes*/ 125 | 126 | section { 127 | display: flex; 128 | flex-direction: column; 129 | align-items: center; 130 | padding-bottom: 20px; 131 | } 132 | 133 | section:nth-child(2n) { 134 | background-color: #9e9b9b29; 135 | } 136 | 137 | section:nth-child(2n + 1) { 138 | background-color: white; 139 | } 140 | 141 | .section-heading { 142 | width: auto; 143 | padding: 20px 10px 10px; 144 | font-weight: 400; 145 | } 146 | 147 | .section-heading span { 148 | font-size: 40px; 149 | color: #2857a4; 150 | display: inline-block; 151 | padding-top: 10px; 152 | margin-right: 0.5rem; 153 | } 154 | 155 | 156 | 157 | /*About Section*/ 158 | 159 | #about { 160 | height: auto; 161 | width: 100%; 162 | position: relative; 163 | margin-bottom: 30px; 164 | } 165 | 166 | #my-image { 167 | height: 12rem; 168 | width: 12rem; 169 | margin: auto; 170 | margin-top: -17vh; 171 | } 172 | 173 | #my-image img { 174 | height: 100%; 175 | width: 100%; 176 | border-radius: 50%; 177 | border: 3px solid white; 178 | box-shadow: 1px 1px 10px 2px lightgrey; 179 | } 180 | 181 | #about-para { 182 | padding: 10px; 183 | width: 70%; 184 | text-align: justify; 185 | color: grey; 186 | line-height: 28px; 187 | font-size: 1.1rem; 188 | margin: auto; 189 | } 190 | 191 | 192 | 193 | /*Skills Section*/ 194 | 195 | .skills-display { 196 | width: 75%; 197 | padding: 10px; 198 | margin-bottom: 30px; 199 | display: flex; 200 | flex-wrap: wrap; 201 | justify-content: space-evenly; 202 | } 203 | 204 | .skill-progress { 205 | width: 11rem; 206 | height: 2.2rem; 207 | background-color: lightgrey; 208 | border-radius: 1rem; 209 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 210 | margin: 25px; 211 | overflow: hidden; 212 | } 213 | 214 | .skill-progress > div { 215 | border-radius: 20px 0px 0px 20px; 216 | box-shadow: 1px 1px 5px 2px #989882; 217 | } 218 | 219 | .skill-name span { 220 | color: white; 221 | font-size: 1rem; 222 | margin-left: 10px; 223 | vertical-align: middle; 224 | } 225 | 226 | 227 | 228 | /* Work Experience */ 229 | 230 | .timeline { 231 | position: relative; 232 | width: 75%; 233 | } 234 | 235 | .timeline-box { 236 | padding: 5px; 237 | width: 40%; 238 | min-height: 150px; 239 | position: relative; 240 | left: 5%; 241 | text-align: right; 242 | } 243 | 244 | .timeline-box::after { 245 | content: ''; 246 | position: absolute; 247 | width: 15px; 248 | height: 15px; 249 | background-color: lightgrey; 250 | top: 25%; 251 | border-radius: 50%; 252 | z-index: 1; 253 | } 254 | 255 | .timeline-box:nth-child(2n) { 256 | left: 53%; 257 | } 258 | 259 | .timeline-box:nth-child(2n+1)::after { 260 | right: -11.8%; 261 | } 262 | 263 | .timeline-box:nth-child(2n)::after { 264 | left: -9%; 265 | } 266 | 267 | .timeline-container { 268 | padding: 8px; 269 | } 270 | 271 | .timeline-logo { 272 | position: absolute; 273 | width: 50px; 274 | overflow: hidden; 275 | } 276 | 277 | .timeline-logo > img { 278 | width: 100%; 279 | } 280 | 281 | #timeline-divider { 282 | position: absolute; 283 | width: 0; 284 | top: 10%; 285 | left: 50%; 286 | border: 1px dashed #0096fa6b; 287 | height: 66%; 288 | color: #433E3F; 289 | } 290 | 291 | #timeline-divider .timeline-traveller { 292 | position: sticky; 293 | top: 135px; 294 | z-index: 2; 295 | } 296 | 297 | #timeline-divider i { 298 | transform: rotate(90deg); 299 | margin-top: -35px; 300 | display: block; 301 | color: #2857a4; 302 | } 303 | 304 | .experience-designation { 305 | font-size: 1.4rem; 306 | } 307 | 308 | .experience-company-name { 309 | margin: 5px 0 0; 310 | color: #eb822d; 311 | font-weight: 400; 312 | font-size: 1.2rem; 313 | } 314 | 315 | .experience-duration { 316 | color: #9e9b9b; 317 | font-weight: 100; 318 | color: grey; 319 | font-size: 1rem; 320 | } 321 | 322 | .experience-description { 323 | font-size: 14px; 324 | padding: 2px; 325 | color: grey; 326 | line-height: 20px; 327 | } 328 | 329 | 330 | /* Portfolio Section */ 331 | 332 | #portfolio-container { 333 | box-sizing: border-box; 334 | display: flex; 335 | flex-wrap: wrap; 336 | padding: 0 50px; 337 | margin-bottom: 20px; 338 | justify-content: space-around; 339 | } 340 | 341 | .portfolio-image-container { 342 | max-width: 300px; 343 | overflow: hidden; 344 | margin: 30px; 345 | background-size: cover; 346 | background-repeat: no-repeat; 347 | position: relative; 348 | } 349 | 350 | .portfolio-image-container img { 351 | width: 100%; 352 | height: 100%; 353 | } 354 | 355 | .portfolio-details { 356 | transition: all 0.5s ease-in-out; 357 | position: absolute; 358 | top: 0; 359 | left: 0; 360 | height: 100%; 361 | color: transparent; 362 | text-align: center; 363 | padding: 10px; 364 | } 365 | 366 | .portfolio-image-container:hover { 367 | box-shadow: 0 0 20px #74ADC8; 368 | } 369 | 370 | .portfolio-image-container:hover .portfolio-details { 371 | background-color: #80808078; 372 | color: white; 373 | } 374 | 375 | 376 | 377 | /* Contact Form */ 378 | 379 | #contact { 380 | background-color: #0abcf9; 381 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 382 | color: white; 383 | padding-bottom: 40px; 384 | } 385 | 386 | #contact h1, 387 | #contact h1 span { 388 | color: white; 389 | } 390 | 391 | #contact-form { 392 | margin-left: 20%; 393 | } 394 | 395 | #contact-container { 396 | display: flex; 397 | } 398 | 399 | #my-details-container { 400 | width: 35%; 401 | margin-left: 6%; 402 | } 403 | 404 | #my-details-container h3 { 405 | color: white; 406 | font-weight: 550; 407 | font-size: 1.2rem; 408 | } 409 | 410 | #contact-form-container { 411 | width: 50%; 412 | } 413 | 414 | #my-details-container p { 415 | color: #d9dcdd; 416 | font-size: 0.9rem; 417 | } 418 | 419 | .my-details-info-container { 420 | margin-bottom: 20px; 421 | color: #d9dcdd; 422 | font-size: 1rem; 423 | } 424 | 425 | .my-details-info-container span { 426 | margin-left: 0.4rem; 427 | } 428 | 429 | .my-details-info-container i { 430 | color: white; 431 | } 432 | 433 | .my-details-icon { 434 | width: 1rem; 435 | height: 1rem; 436 | vertical-align: bottom; 437 | margin-right: 0.5rem; 438 | } 439 | 440 | 441 | #contact-form input, 442 | textarea { 443 | max-width: 90%; 444 | margin: 15px; 445 | padding: 4px 10px; 446 | border: 0px solid transparent; 447 | border-bottom: 2px solid white; 448 | color: #d9dcdd; 449 | background: transparent; 450 | width: 90%; 451 | line-height: 1.6; 452 | font-size: 1.05rem; 453 | } 454 | 455 | #contact-form button[type="submit"] { 456 | background: transparent; 457 | font-size: 0.95rem; 458 | border: 2px solid white; 459 | margin-top: 5%; 460 | margin-left: 35%; 461 | border-radius: 2px; 462 | color: white; 463 | font-family: sans-serif; 464 | font-weight: 700; 465 | letter-spacing: 0.046875em; 466 | line-height: 1; 467 | padding: 0.8em 0.8em 0.78em; 468 | text-transform: uppercase; 469 | } 470 | 471 | #contact-form button:hover { 472 | background: white; 473 | color: #13386fe0; 474 | } 475 | 476 | #contact .social-icons li a i { 477 | font-size: 1.2rem; 478 | margin: 40px 10px 10px; 479 | padding: 10px 14px 20px 10px; 480 | 481 | } 482 | 483 | input:focus, 484 | select:focus, 485 | textarea:focus, 486 | button:focus { 487 | outline: none; 488 | } 489 | 490 | /* Common Text Align Classes */ 491 | 492 | .text-right{ 493 | text-align: right; 494 | } 495 | 496 | .text-center { 497 | text-align: center; 498 | } 499 | 500 | .text-justify { 501 | text-align: justify; 502 | } 503 | 504 | /* Common Margin Classes */ 505 | 506 | .m0 { 507 | margin: 0; 508 | } 509 | 510 | .mb75px { 511 | margin-bottom: 75px; 512 | } 513 | 514 | .mb50px { 515 | margin-bottom: 50px; 516 | } 517 | 518 | 519 | 520 | /*common color classes */ 521 | 522 | .text-highlight { 523 | color: #2857a4; 524 | font-weight: 600; 525 | 526 | } 527 | 528 | 529 | /* setting background-color */ 530 | 531 | .m-blue { 532 | color: #2857a4; 533 | } 534 | 535 | .mb-blue { 536 | background-color: #2857a4; 537 | } 538 | 539 | .mb-orange { 540 | background-color: #ec4d1c; 541 | } 542 | 543 | .mb-teal { 544 | background-color: #0b8176; 545 | } 546 | 547 | .mb-light-purple { 548 | background-color: #93738c; 549 | } 550 | 551 | 552 | 553 | /*Percentage Classes */ 554 | 555 | .eighty-five-percent { 556 | height: inherit; 557 | width: 85%; 558 | } 559 | 560 | .eighty-percent { 561 | height: inherit; 562 | width: 80%; 563 | } 564 | 565 | .fifty-percent { 566 | height: inherit; 567 | width: 50%; 568 | } 569 | 570 | 571 | @media only screen and (max-width: 572px) { 572 | 573 | .timeline-box { 574 | width: 100%; 575 | left: 10% !important; 576 | } 577 | 578 | .bars { 579 | display: block; 580 | } 581 | 582 | 583 | .nav-menu { 584 | display: none; 585 | } 586 | } 587 | 588 | 589 | 590 | @media only screen and (max-width: 768px) { 591 | 592 | 593 | .timeline-box { 594 | width: 90%; 595 | left: 10% !important; 596 | } 597 | 598 | .timeline-box::after { 599 | left: -9.3% !important; 600 | } 601 | 602 | #timeline-divider { 603 | top: 10%; 604 | left: 2%; 605 | } 606 | 607 | #contact-form { 608 | margin-left: 0%; 609 | } 610 | 611 | #contact-container { 612 | flex-wrap: wrap; 613 | } 614 | 615 | #my-details-container { 616 | width: 80%; 617 | margin: 10%; 618 | } 619 | 620 | #contact-form-container { 621 | width: 80%; 622 | margin: 10%; 623 | } 624 | 625 | } 626 | 627 | -------------------------------------------------------------------------------- /batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/students/daksh_khetan/assets/images/macbook_mouse.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/students/daksh_khetan/assets/images/macbook_mouse.jpg -------------------------------------------------------------------------------- /batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/students/daksh_khetan/assets/images/profile-pic.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/students/daksh_khetan/assets/images/profile-pic.JPG -------------------------------------------------------------------------------- /batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/students/daksh_khetan/assets/js/script.js: -------------------------------------------------------------------------------- 1 | 2 | var navMenuAnchorTags = document.querySelectorAll('.nav-menu a'); 3 | 4 | var scrollInterval; 5 | 6 | for(var i = 0; i < navMenuAnchorTags.length; i++){ 7 | navMenuAnchorTags[i].onclick = function(event){ 8 | event.preventDefault(); 9 | //'textContent' returns the text contained in that element, 10 | //'trim()' removes spaces, 11 | //'toLowerCase()' converts text to lower case. 12 | var targetSectionID = this.textContent.trim().toLowerCase(); 13 | var targetSection = document.getElementById(targetSectionID); 14 | // console.log(targetSectionID); 15 | 16 | // Option 1: 17 | // scrollInterval = setInterval(scrollVertically, 20, targetSection); 18 | 19 | //Option 2: 20 | scrollInterval = setInterval(function(){ 21 | scrollVertically(targetSection); 22 | }, 20); 23 | }; 24 | 25 | } 26 | 27 | function scrollVertically(targetSection){ 28 | // if(targetSectionID == 'home'){ 29 | // return; 30 | // } 31 | 32 | // getBoundingClientRect() returns height, width and 33 | // left, top, right, bottom, x, y - coordinates. 34 | var targetSectionCoordinates = targetSection.getBoundingClientRect(); 35 | if(targetSectionCoordinates.top <= 0){ 36 | clearInterval(scrollInterval); 37 | return; 38 | } 39 | window.scrollBy(0, 40); 40 | } 41 | 42 | 43 | var progressBars = document.querySelectorAll('.skill-progress > div'); 44 | // console.log(progressBars); 45 | var skillsContainer = document.getElementById('skills-container'); 46 | var animationDone = false; 47 | 48 | window.addEventListener('scroll', checkScroll); 49 | 50 | function initialiseBarsTo0(){ 51 | for(let bar of progressBars){ 52 | bar.style.width = 0 + '%'; 53 | } 54 | } 55 | 56 | initialiseBarsTo0(); 57 | 58 | function fillBars(){ 59 | for(let bar of progressBars){ 60 | let targetWidth = bar.getAttribute('data-bar-width'); 61 | let currentWidth = 0; 62 | let interval = setInterval(function(){ 63 | if(currentWidth > targetWidth){ 64 | clearInterval(interval); 65 | return; 66 | } 67 | currentWidth++; 68 | bar.style.width = currentWidth + '%'; 69 | },7); 70 | } 71 | } 72 | 73 | function checkScroll(){ 74 | var coordinates = skillsContainer.getBoundingClientRect(); 75 | if(!animationDone && (coordinates.top <= window.innerHeight)){ 76 | console.log('Skills section visible!'); 77 | animationDone = true; 78 | fillBars(); 79 | } 80 | else if(coordinates.top > window.innerHeight){ 81 | animationDone = false; 82 | initialiseBarsTo0(); 83 | } 84 | } 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /batches/2020/career-camp-05-january-2020/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Career Camp Batch of 5th January 2020 | Wall of Developers 16 | 17 | 18 | 19 | 20 |
21 | 22 | 27 | 28 | 40 | 41 |
42 | 43 |
44 | 45 |
46 | 47 |
48 |
49 | 50 |
51 | profile-pic 52 |
53 |
54 |

55 | Sunil Bajpai 56 |
Looking for some exciting job opportunites 57 |

58 |
59 | 60 |
61 |
62 | 63 |
64 |
65 | 66 |
67 | profile-pic 68 |
69 |
70 |

71 | Ravi Shankar Singh 72 |
A final year student looking for exciting job opportunites 73 |

74 |
75 | 76 |
77 |
78 | 79 |
80 | 81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /batches/2020/career-camp-05-january-2020/students/ravi_shankar_singh/assets/final.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | font-family: sans-serif; 4 | font-size: 30px; 5 | } 6 | 7 | body::-webkit-scrollbar { 8 | display: none; 9 | } 10 | 11 | 12 | /* Body Header */ 13 | 14 | #body-header { 15 | height: 65vh; 16 | opacity: 0.8; 17 | background-image: url(https://ninjasfiles.s3.amazonaws.com/asset_0000000000000020_1549743985_macbook_mouse.jpg); 18 | background-size: cover; 19 | background-position: center; 20 | background-attachment: fixed; 21 | padding-top: 1.2rem; 22 | } 23 | 24 | 25 | 26 | /* Horizontal Lists */ 27 | 28 | .bars{ 29 | color: white; 30 | margin: 0; 31 | margin-right: 5%; 32 | display: none; 33 | } 34 | 35 | .bars i { 36 | font-size: 2rem; 37 | } 38 | 39 | .dropdown-list{ 40 | margin: 0; 41 | display: none; 42 | background-color: #828470; 43 | box-shadow: 0px 4px 8px 1px #535547; 44 | } 45 | 46 | .dropdown-list ul{ 47 | margin: 0.2rem 0.2rem; 48 | text-align: left; 49 | padding: 0px 0.8rem; 50 | } 51 | 52 | .dropdown-menu:hover .dropdown-list{ 53 | display: block; 54 | position: absolute; 55 | right: 3%; 56 | } 57 | 58 | .dropdown-list li{ 59 | margin: 0.4rem 0px; 60 | } 61 | 62 | .no-list-style{ 63 | list-style: none; 64 | } 65 | 66 | .no-list-style li { 67 | font-weight: 100; 68 | font-size: 0.9rem; 69 | } 70 | 71 | .no-list-style li a{ 72 | list-style: none; 73 | color: white; 74 | text-decoration: none; 75 | } 76 | 77 | .horizontal-list { 78 | padding-left: 0px; 79 | margin: 0px; 80 | } 81 | 82 | .horizontal-list li { 83 | display: inline-block; 84 | margin: 0px 8px 8px 0px; 85 | } 86 | 87 | 88 | .nav-menu li a { 89 | transition: color 0.5s, border-bottom 4s; 90 | } 91 | 92 | .nav-menu li a:hover { 93 | color: lightgrey; 94 | border-bottom: 1px solid black; 95 | } 96 | 97 | 98 | /* Name and Social Icons*/ 99 | 100 | #name-social-container { 101 | margin-top: 20vh; 102 | } 103 | 104 | #my-name { 105 | font-size: 3rem; 106 | letter-spacing: 0.1rem; 107 | color: white; 108 | font-weight: 700; 109 | margin-bottom: 0.5rem; 110 | } 111 | 112 | .social-icons li a i { 113 | padding: 10px; 114 | font-size: 1rem; 115 | border-radius: 50%; 116 | } 117 | 118 | .social-icons li a i:hover { 119 | box-shadow: 0px 0px 6px 4px rgba(230, 196, 196, 0.3); 120 | } 121 | 122 | 123 | 124 | /*Section Classes*/ 125 | 126 | section { 127 | display: flex; 128 | flex-direction: column; 129 | align-items: center; 130 | padding-bottom: 20px; 131 | } 132 | 133 | section:nth-child(2n) { 134 | background-color: #9e9b9b29; 135 | } 136 | 137 | section:nth-child(2n + 1) { 138 | background-color: white; 139 | } 140 | 141 | .section-heading { 142 | width: auto; 143 | padding: 20px 10px 10px; 144 | font-weight: 400; 145 | } 146 | 147 | .section-heading span { 148 | font-size: 40px; 149 | color: #2857a4; 150 | display: inline-block; 151 | padding-top: 10px; 152 | margin-right: 0.5rem; 153 | } 154 | 155 | 156 | 157 | /*About Section*/ 158 | 159 | #about { 160 | height: auto; 161 | width: 100%; 162 | position: relative; 163 | margin-bottom: 30px; 164 | } 165 | 166 | #my-image { 167 | height: 12rem; 168 | width: 12rem; 169 | margin: auto; 170 | margin-top: -17vh; 171 | } 172 | 173 | #my-image img { 174 | height: 100%; 175 | width: 100%; 176 | border-radius: 50%; 177 | border: 3px solid white; 178 | box-shadow: 1px 1px 10px 2px lightgrey; 179 | } 180 | 181 | #about-para { 182 | padding: 10px; 183 | width: 70%; 184 | text-align: justify; 185 | color: grey; 186 | line-height: 28px; 187 | font-size: 1.1rem; 188 | margin: auto; 189 | } 190 | 191 | 192 | 193 | /*Skills Section*/ 194 | 195 | .skills-display { 196 | width: 75%; 197 | padding: 10px; 198 | margin-bottom: 30px; 199 | display: flex; 200 | flex-wrap: wrap; 201 | justify-content: space-evenly; 202 | } 203 | 204 | .skill-progress { 205 | width: 11rem; 206 | height: 2.2rem; 207 | background-color: lightgrey; 208 | border-radius: 1rem; 209 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 210 | margin: 25px; 211 | overflow: hidden; 212 | } 213 | 214 | .skill-progress > div { 215 | border-radius: 20px 0px 0px 20px; 216 | box-shadow: 1px 1px 5px 2px #989882; 217 | } 218 | 219 | .skill-name span { 220 | color: white; 221 | font-size: 1rem; 222 | margin-left: 10px; 223 | vertical-align: middle; 224 | } 225 | 226 | 227 | 228 | /* Work Experience */ 229 | 230 | .timeline { 231 | position: relative; 232 | width: 75%; 233 | } 234 | 235 | .timeline-box { 236 | padding: 5px; 237 | width: 40%; 238 | min-height: 150px; 239 | position: relative; 240 | left: 5%; 241 | text-align: right; 242 | } 243 | 244 | .timeline-box::after { 245 | content: ''; 246 | position: absolute; 247 | width: 15px; 248 | height: 15px; 249 | background-color: lightgrey; 250 | top: 25%; 251 | border-radius: 50%; 252 | z-index: 1; 253 | } 254 | 255 | .timeline-box:nth-child(2n) { 256 | left: 53%; 257 | } 258 | 259 | .timeline-box:nth-child(2n+1)::after { 260 | right: -11.8%; 261 | } 262 | 263 | .timeline-box:nth-child(2n)::after { 264 | left: -9%; 265 | } 266 | 267 | .timeline-container { 268 | padding: 8px; 269 | } 270 | 271 | .timeline-logo { 272 | position: absolute; 273 | width: 50px; 274 | overflow: hidden; 275 | } 276 | 277 | .timeline-logo > img { 278 | width: 100%; 279 | } 280 | 281 | #timeline-divider { 282 | position: absolute; 283 | width: 0; 284 | top: 10%; 285 | left: 50%; 286 | border: 1px dashed #0096fa6b; 287 | height: 66%; 288 | color: #433E3F; 289 | } 290 | 291 | #timeline-divider .timeline-traveller { 292 | position: sticky; 293 | top: 135px; 294 | z-index: 2; 295 | } 296 | 297 | #timeline-divider i { 298 | transform: rotate(90deg); 299 | margin-top: -35px; 300 | display: block; 301 | color: #2857a4; 302 | } 303 | 304 | .experience-designation { 305 | font-size: 1.4rem; 306 | } 307 | 308 | .experience-company-name { 309 | margin: 5px 0 0; 310 | color: #eb822d; 311 | font-weight: 400; 312 | font-size: 1.2rem; 313 | } 314 | 315 | .experience-duration { 316 | color: #9e9b9b; 317 | font-weight: 100; 318 | color: grey; 319 | font-size: 1rem; 320 | } 321 | 322 | .experience-description { 323 | font-size: 14px; 324 | padding: 2px; 325 | color: grey; 326 | line-height: 20px; 327 | } 328 | 329 | 330 | 331 | 332 | 333 | 334 | /* Portfolio Section */ 335 | 336 | #portfolio-container { 337 | box-sizing: border-box; 338 | display: flex; 339 | flex-wrap: wrap; 340 | padding: 0 50px; 341 | margin-bottom: 20px; 342 | justify-content: space-around; 343 | } 344 | 345 | .portfolio-image-container { 346 | max-width: 300px; 347 | overflow: hidden; 348 | margin: 30px; 349 | background-size: cover; 350 | background-repeat: no-repeat; 351 | position: relative; 352 | } 353 | 354 | .portfolio-image-container img { 355 | width: 100%; 356 | height: 100%; 357 | } 358 | 359 | .portfolio-details { 360 | transition: all 0.5s ease-in-out; 361 | position: absolute; 362 | top: 0; 363 | left: 0; 364 | height: 100%; 365 | color: transparent; 366 | text-align: center; 367 | padding: 10px; 368 | } 369 | 370 | .portfolio-image-container:hover { 371 | box-shadow: 0 0 20px #74ADC8; 372 | } 373 | 374 | .portfolio-image-container:hover .portfolio-details { 375 | background-color: #80808078; 376 | color: white; 377 | } 378 | 379 | 380 | 381 | /* Contact Form */ 382 | 383 | #contact { 384 | background-color: #0abcf9; 385 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 386 | color: white; 387 | padding-bottom: 40px; 388 | } 389 | 390 | #contact h1, 391 | #contact h1 span { 392 | color: white; 393 | } 394 | 395 | #contact-form { 396 | margin-left: 20%; 397 | } 398 | 399 | #contact-container { 400 | display: flex; 401 | } 402 | 403 | #my-details-container { 404 | width: 35%; 405 | margin-left: 6%; 406 | } 407 | 408 | #my-details-container h3 { 409 | color: white; 410 | font-weight: 550; 411 | font-size: 1.2rem; 412 | } 413 | 414 | #contact-form-container { 415 | width: 50%; 416 | } 417 | 418 | #my-details-container p { 419 | color: #d9dcdd; 420 | font-size: 0.9rem; 421 | } 422 | 423 | .my-details-info-container { 424 | margin-bottom: 20px; 425 | color: #d9dcdd; 426 | font-size: 1rem; 427 | } 428 | 429 | .my-details-info-container span { 430 | margin-left: 0.4rem; 431 | } 432 | 433 | .my-details-info-container i { 434 | color: white; 435 | } 436 | 437 | .my-details-icon { 438 | width: 1rem; 439 | height: 1rem; 440 | vertical-align: bottom; 441 | margin-right: 0.5rem; 442 | } 443 | 444 | 445 | #contact-form input, 446 | textarea { 447 | max-width: 90%; 448 | margin: 15px; 449 | padding: 4px 10px; 450 | border: 0px solid transparent; 451 | border-bottom: 2px solid white; 452 | color: #d9dcdd; 453 | background: transparent; 454 | width: 90%; 455 | line-height: 1.6; 456 | font-size: 1.05rem; 457 | } 458 | 459 | #contact-form button[type="submit"] { 460 | background: transparent; 461 | font-size: 0.95rem; 462 | border: 2px solid white; 463 | margin-top: 5%; 464 | margin-left: 35%; 465 | border-radius: 2px; 466 | color: white; 467 | font-family: sans-serif; 468 | font-weight: 700; 469 | letter-spacing: 0.046875em; 470 | line-height: 1; 471 | padding: 0.8em 0.8em 0.78em; 472 | text-transform: uppercase; 473 | } 474 | 475 | #contact-form button:hover { 476 | background: white; 477 | color: #13386fe0; 478 | } 479 | 480 | #contact .social-icons li a i { 481 | font-size: 1.2rem; 482 | margin: 40px 10px 10px; 483 | padding: 10px 14px 20px 10px; 484 | 485 | } 486 | 487 | input:focus, 488 | select:focus, 489 | textarea:focus, 490 | button:focus { 491 | outline: none; 492 | } 493 | 494 | /* Common Text Align Classes */ 495 | 496 | .text-right{ 497 | text-align: right; 498 | } 499 | 500 | .text-center { 501 | text-align: center; 502 | } 503 | 504 | .text-justify { 505 | text-align: justify; 506 | } 507 | 508 | /* Common Margin Classes */ 509 | 510 | .m0 { 511 | margin: 0; 512 | } 513 | 514 | .mb75px { 515 | margin-bottom: 75px; 516 | } 517 | 518 | .mb50px { 519 | margin-bottom: 50px; 520 | } 521 | 522 | 523 | 524 | /*common color classes */ 525 | 526 | .text-highlight { 527 | color: #2857a4; 528 | font-weight: 600; 529 | 530 | } 531 | 532 | 533 | /* setting background-color */ 534 | 535 | .m-blue { 536 | color: #2857a4; 537 | } 538 | 539 | .mb-blue { 540 | background-color: #2857a4; 541 | } 542 | 543 | .mb-orange { 544 | background-color: #ec4d1c; 545 | } 546 | 547 | .mb-teal { 548 | background-color: #0b8176; 549 | } 550 | 551 | .mb-light-purple { 552 | background-color: #93738c; 553 | } 554 | 555 | 556 | 557 | /*Percentage Classes */ 558 | 559 | .eighty-five-percent { 560 | height: inherit; 561 | width: 85%; 562 | } 563 | 564 | .eighty-percent { 565 | height: inherit; 566 | width: 80%; 567 | } 568 | 569 | .fifty-percent { 570 | height: inherit; 571 | width: 50%; 572 | } 573 | 574 | 575 | @media only screen and (max-width: 572px) { 576 | 577 | .timeline-box { 578 | width: 100%; 579 | left: 10% !important; 580 | } 581 | 582 | .bars { 583 | display: block; 584 | } 585 | 586 | 587 | .nav-menu { 588 | display: none; 589 | } 590 | } 591 | 592 | 593 | 594 | @media only screen and (max-width: 768px) { 595 | 596 | 597 | .timeline-box { 598 | width: 90%; 599 | left: 10% !important; 600 | } 601 | 602 | .timeline-box::after { 603 | left: -9.3% !important; 604 | } 605 | 606 | #timeline-divider { 607 | top: 10%; 608 | left: 2%; 609 | } 610 | 611 | #contact-form { 612 | margin-left: 0%; 613 | } 614 | 615 | #contact-container { 616 | flex-wrap: wrap; 617 | } 618 | 619 | #my-details-container { 620 | width: 80%; 621 | margin: 10%; 622 | } 623 | 624 | #contact-form-container { 625 | width: 80%; 626 | margin: 10%; 627 | } 628 | 629 | } 630 | 631 | -------------------------------------------------------------------------------- /batches/2020/career-camp-05-january-2020/students/ravi_shankar_singh/assets/photo.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-05-january-2020/students/ravi_shankar_singh/assets/photo.JPG -------------------------------------------------------------------------------- /batches/2020/career-camp-05-january-2020/students/ravi_shankar_singh/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Ravi Shankar Singh 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 71 | 72 |
73 |
74 |

Ravi Shankar Singh

75 |
76 |
77 | 104 | 105 |
106 | 107 |
108 | 109 |
110 |
111 | 112 |
113 |
114 | 115 |
116 | 117 |
118 | 119 |

120 | My self Ravi Shankar Singh. I belong from deoria Uttar Pradesh.I am self-motivative person and smart working person. I try to do any work smartly. I don't want to hard work.I also Proactive and adaptive in nature. Keen to learn new technologies to improve my skill-set. Currently looking for a challenging role in the software industry. On the basis of my skills i also spend some time to practice on GeeksForGeeks.I am good in solving puzzle like sudoku. At the present time I studies in Institute of Engineering And Technology, Lucknow. 121 | 122 |

123 | 124 |
125 | 126 |
127 | 128 | 129 | 130 |
131 |

132 | 133 | 134 | 135 | SKILLS 136 |

137 | 138 |
139 | 140 |
141 |
142 |
143 | C++ 144 |
145 |
146 |
147 |
148 |
149 |
150 | HTML 151 |
152 |
153 |
154 |
155 |
156 |
157 | CSS 158 |
159 |
160 |
161 |
162 |
163 |
164 | Java 165 |
166 |
167 |
168 |
169 |
170 |
171 | Algorithms 172 |
173 |
174 |
175 |
176 |
177 |
178 | Data Structure 179 |
180 |
181 |
182 | 183 |
184 | 185 |
186 | 187 | 188 | 189 |
190 | 191 |

192 | 193 | 194 | 195 | Education 196 |

197 | 198 |
199 | 200 |
201 |
202 | 205 |

High School

206 |

Raghukul Academy

207 |
Bangarua Hareram Chauraha, Pratappur, Deoria,U.P.
April 2011 - April 2013
208 | 209 |
210 |
211 | 212 |
213 |
214 | 217 |

Intermediate

218 |

S S R M Central Secandary School

219 |
Bhatni Bazaar Deoria,U.P.
July 2013 - April 2015
220 |
221 |
222 | 223 |
224 |
225 | 228 |

B.Tech

229 |

Institute of Engineering & Technology (IET)

230 |
Lucknow, U.P.
July 2016 - June 2020
231 |
232 |
233 | 234 |
235 |
236 |
237 | 238 |
239 |
240 |
241 | 242 |
243 | 244 |
245 | 246 |
247 |

248 | 249 | 250 | 251 | Portfolio 252 |

253 | 254 |
255 | 256 |
257 | 258 |
259 |

260 | Write here basic details about the project. 261 |

262 |
263 | 264 |
265 |
266 | 267 |
268 |

269 | Write here basic details about the project. 270 |

271 |
272 | 273 |
274 | 275 |
276 | 277 |
278 |

279 | Write here basic details about the project. 280 |

281 |
282 | 283 |
284 | 285 |
286 |
287 | 288 |
289 |

290 | 291 | 292 | 293 | Contact 294 |

295 |
296 | 297 |
298 |
299 | 300 | 301 | 302 | 303 |
304 |
305 |
306 | 307 |

Get In touch

308 |

Padari Bazaar, Rahimpur, 274703

309 | 310 |

My Address

311 |
312 | 313 | Deoria,Uttar Pradesh, India 314 |
315 |
316 | 317 | 8840276227 318 |
319 |
320 | 321 | ravi13eng@gmail.com 322 |
323 |
324 |
325 | 326 | 355 |
356 | 357 |
358 | 359 | 360 | -------------------------------------------------------------------------------- /batches/2020/career-camp-05-january-2020/students/sunil_bajpai/assets/img/xxx.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-05-january-2020/students/sunil_bajpai/assets/img/xxx.jpeg -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Career Camp Batch of 6th January 2020 | Wall of Developers 16 | 17 | 18 | 19 | 20 |
21 | 22 | 27 | 28 | 40 | 41 |
42 | 43 |
44 | 45 |
46 | 47 |
48 |
49 | 50 |
51 | profile-pic 52 |
53 |
54 |

55 | Shalloo Bajpai 56 |
Passionate about implementing and launching new projects. Looking to start the career as 57 | an entry-level software engineer with a reputed firm driven by technology. 58 |

59 |
60 | 61 |
62 |
63 | 64 |
65 |
66 | 67 |
68 | profile-pic 69 |
70 |
71 |

72 | Rohit Kumar 73 |
A final Year student looking for job opportunites 74 |

75 |
76 | 77 |
78 |
79 | 80 |
81 |
82 | 83 |
84 | profile-pic 85 |
86 |
87 |

88 | Arnav Choudhary 89 |
Just entered into the field of web development and willing to learn everything that comes in the way. 90 |

91 |
92 | 93 |
94 |
95 | 96 |
97 |
98 | 99 |
100 | profile-pic 101 |
102 |
103 |

104 | Manishka Gautam 105 |
A final Year student looking for job opportunites 106 |

107 |
108 | 109 |
110 |
111 | 112 |
113 | 114 |
115 | 116 |
117 |
118 | 119 |
120 | profile-pic 121 |
122 |
123 |

124 | Nitin Uniyal 125 |
Software Developer @ Headrun Technologies (Competitive 126 | Programmer, Python Developer) 127 |

128 |
129 | 130 |
131 |
132 | 133 |
134 | 135 |
136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/Shalloo_Bajpai/assets/resume.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | font-family: sans-serif; 4 | font-size: 30px; 5 | } 6 | 7 | 8 | 9 | /* Body Header */ 10 | 11 | #body-header { 12 | height: 65vh; 13 | opacity: 0.8; 14 | background-image: url(https://ninjasfiles.s3.amazonaws.com/asset_0000000000000020_1549743985_macbook_mouse.jpg); 15 | background-size: cover; 16 | background-position: center; 17 | background-attachment: fixed; 18 | padding-top: 1.2rem; 19 | } 20 | 21 | 22 | 23 | /* Horizontal Lists */ 24 | 25 | .horizontal-list { 26 | list-style: none; 27 | padding-left: 0px; 28 | margin: 0px; 29 | } 30 | 31 | .horizontal-list li { 32 | display: inline-block; 33 | margin: 0px 8px 8px 0px; 34 | font-weight: 100; 35 | font-size: 0.9rem; 36 | } 37 | 38 | .horizontal-list li a { 39 | color: white; 40 | text-decoration: none; 41 | } 42 | 43 | .nav-menu li a { 44 | transition: color 0.5s, border-bottom 4s; 45 | } 46 | 47 | .nav-menu li a:hover { 48 | color: lightgrey; 49 | border-bottom: 1px solid black; 50 | } 51 | 52 | .text-center { 53 | text-align: center; 54 | } 55 | 56 | 57 | 58 | /* Name and Social Icons*/ 59 | 60 | #name-social-container { 61 | margin-top: 20vh; 62 | } 63 | 64 | #my-name { 65 | font-size: 3rem; 66 | letter-spacing: 0.1rem; 67 | color: white; 68 | font-weight: 700; 69 | margin-bottom: 0.5rem; 70 | } 71 | 72 | .social-icons li a i { 73 | padding: 10px; 74 | font-size: 1rem; 75 | border-radius: 50%; 76 | } 77 | 78 | .social-icons li a i:hover { 79 | box-shadow: 0px 0px 6px 4px rgba(230, 196, 196, 0.3); 80 | } 81 | 82 | 83 | 84 | /*Section Classes*/ 85 | 86 | section { 87 | display: flex; 88 | flex-direction: column; 89 | align-items: center; 90 | padding-bottom: 20px; 91 | } 92 | 93 | section:nth-child(2n) { 94 | background-color: #9e9b9b29; 95 | } 96 | 97 | section:nth-child(2n + 1) { 98 | background-color: white; 99 | } 100 | 101 | .section-heading { 102 | width: auto; 103 | padding: 20px 10px 10px; 104 | font-weight: 400; 105 | } 106 | 107 | .section-heading span { 108 | font-size: 40px; 109 | color: #2857a4; 110 | display: inline-block; 111 | padding-top: 10px; 112 | margin-right: 0.5rem; 113 | } 114 | 115 | 116 | 117 | /*About Section*/ 118 | 119 | #about { 120 | height: auto; 121 | width: 100%; 122 | position: relative; 123 | margin-bottom: 30px; 124 | } 125 | 126 | #my-image { 127 | height: 12rem; 128 | width: 12rem; 129 | margin: auto; 130 | margin-top: -17vh; 131 | } 132 | 133 | #my-image img { 134 | height: 100%; 135 | width: 100%; 136 | border-radius: 50%; 137 | border: 3px solid white; 138 | box-shadow: 1px 1px 10px 2px lightgrey; 139 | } 140 | 141 | #about-para { 142 | padding: 10px; 143 | width: 70%; 144 | text-align: justify; 145 | color: grey; 146 | line-height: 28px; 147 | font-size: 1.1rem; 148 | margin: auto; 149 | } 150 | 151 | 152 | 153 | /*Skills Section*/ 154 | 155 | .skills-display { 156 | width: 75%; 157 | padding: 10px; 158 | margin-bottom: 30px; 159 | display: flex; 160 | flex-wrap: wrap; 161 | justify-content: space-evenly; 162 | } 163 | 164 | .skill-progress { 165 | width: 11rem; 166 | height: 2.2rem; 167 | background-color: lightgrey; 168 | border-radius: 1rem; 169 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 170 | margin: 25px; 171 | overflow: hidden; 172 | } 173 | 174 | .skill-progress > div { 175 | border-radius: 20px 0px 0px 20px; 176 | box-shadow: 1px 1px 5px 2px #989882; 177 | } 178 | 179 | .skill-name span { 180 | color: white; 181 | font-size: 1rem; 182 | margin-left: 10px; 183 | vertical-align: middle; 184 | } 185 | 186 | 187 | 188 | /* Work Experience */ 189 | 190 | .timeline { 191 | position: relative; 192 | width: 75%; 193 | } 194 | 195 | .timeline-box { 196 | padding: 5px; 197 | width: 40%; 198 | min-height: 150px; 199 | position: relative; 200 | left: 5%; 201 | text-align: right; 202 | } 203 | 204 | .timeline-box::after { 205 | content: ''; 206 | position: absolute; 207 | width: 15px; 208 | height: 15px; 209 | background-color: lightgrey; 210 | top: 25%; 211 | border-radius: 50%; 212 | z-index: 1; 213 | } 214 | 215 | .timeline-box:nth-child(2n) { 216 | left: 53%; 217 | } 218 | 219 | .timeline-box:nth-child(2n+1)::after { 220 | right: -11.8%; 221 | } 222 | 223 | .timeline-box:nth-child(2n)::after { 224 | left: -9%; 225 | } 226 | 227 | .timeline-container { 228 | padding: 8px; 229 | } 230 | 231 | .timeline-logo { 232 | position: absolute; 233 | width: 50px; 234 | overflow: hidden; 235 | } 236 | 237 | .timeline-logo > img { 238 | width: 100%; 239 | } 240 | 241 | #timeline-divider { 242 | position: absolute; 243 | width: 0; 244 | top: 10%; 245 | left: 50%; 246 | border: 1px dashed #0096fa6b; 247 | height: 66%; 248 | color: #433E3F; 249 | } 250 | 251 | #timeline-divider .timeline-traveller { 252 | position: sticky; 253 | top: 135px; 254 | z-index: 2; 255 | } 256 | 257 | #timeline-divider i { 258 | transform: rotate(90deg); 259 | margin-top: -35px; 260 | display: block; 261 | color: #2857a4; 262 | } 263 | 264 | .experience-designation { 265 | font-size: 1.4rem; 266 | } 267 | 268 | .experience-company-name { 269 | margin: 5px 0 0; 270 | color: #eb822d; 271 | font-weight: 400; 272 | font-size: 1.2rem; 273 | } 274 | 275 | .experience-duration { 276 | color: #9e9b9b; 277 | font-weight: 100; 278 | color: grey; 279 | font-size: 1rem; 280 | } 281 | 282 | .experience-description { 283 | font-size: 14px; 284 | padding: 2px; 285 | color: grey; 286 | line-height: 20px; 287 | } 288 | 289 | .text-align-justify { 290 | text-align: right; 291 | } 292 | 293 | 294 | 295 | /* Portfolio Section */ 296 | 297 | #portfolio-container { 298 | box-sizing: border-box; 299 | display: flex; 300 | flex-wrap: wrap; 301 | padding: 0 50px; 302 | margin-bottom: 20px; 303 | justify-content: space-around; 304 | } 305 | 306 | .portfolio-image-container { 307 | max-width: 300px; 308 | overflow: hidden; 309 | margin: 30px; 310 | background-size: cover; 311 | background-repeat: no-repeat; 312 | position: relative; 313 | } 314 | 315 | .portfolio-image-container img { 316 | width: 100%; 317 | height: 100%; 318 | } 319 | 320 | .portfolio-details { 321 | transition: all 0.5s ease-in-out; 322 | position: absolute; 323 | top: 0; 324 | left: 0; 325 | height: 100%; 326 | color: transparent; 327 | text-align: center; 328 | padding: 10px; 329 | } 330 | 331 | .portfolio-image-container:hover { 332 | box-shadow: 0 0 20px #74ADC8; 333 | } 334 | 335 | .portfolio-image-container:hover .portfolio-details { 336 | background-color: #80808078; 337 | color: white; 338 | } 339 | 340 | 341 | 342 | /* Contact Form */ 343 | 344 | #contact { 345 | background-color: #0abcf9; 346 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 347 | color: white; 348 | padding-bottom: 40px; 349 | } 350 | 351 | #contact h1, 352 | #contact h1 span { 353 | color: white; 354 | } 355 | 356 | #contact-form { 357 | margin-left: 20%; 358 | } 359 | 360 | #contact-container { 361 | display: flex; 362 | } 363 | 364 | #my-details-container { 365 | width: 35%; 366 | margin-left: 6%; 367 | } 368 | 369 | #my-details-container h3 { 370 | color: white; 371 | font-weight: 550; 372 | font-size: 1.2rem; 373 | } 374 | 375 | #contact-form-container { 376 | width: 50%; 377 | } 378 | 379 | #my-details-container p { 380 | color: #d9dcdd; 381 | font-size: 0.9rem; 382 | } 383 | 384 | .my-details-info-container { 385 | margin-bottom: 20px; 386 | color: #d9dcdd; 387 | font-size: 1rem; 388 | } 389 | 390 | .my-details-info-container span { 391 | margin-left: 0.4rem; 392 | } 393 | 394 | .my-details-info-container i { 395 | color: white; 396 | } 397 | 398 | .my-details-icon { 399 | width: 1rem; 400 | height: 1rem; 401 | vertical-align: bottom; 402 | margin-right: 0.5rem; 403 | } 404 | 405 | 406 | #contact-form input, 407 | textarea { 408 | max-width: 90%; 409 | margin: 15px; 410 | padding: 4px 10px; 411 | border: 0px solid transparent; 412 | border-bottom: 2px solid white; 413 | color: #d9dcdd; 414 | background: transparent; 415 | width: 90%; 416 | line-height: 1.6; 417 | font-size: 1.05rem; 418 | } 419 | 420 | #contact-form button[type="submit"] { 421 | background: transparent; 422 | font-size: 0.95rem; 423 | border: 2px solid white; 424 | margin-top: 5%; 425 | margin-left: 35%; 426 | border-radius: 2px; 427 | color: white; 428 | font-family: sans-serif; 429 | font-weight: 700; 430 | letter-spacing: 0.046875em; 431 | line-height: 1; 432 | padding: 0.8em 0.8em 0.78em; 433 | text-transform: uppercase; 434 | } 435 | 436 | #contact-form button:hover { 437 | background: white; 438 | color: #13386fe0; 439 | } 440 | 441 | #contact .social-icons li a i { 442 | font-size: 1.2rem; 443 | margin: 40px 10px 10px; 444 | padding: 10px 14px 20px 10px; 445 | 446 | } 447 | 448 | input:focus, 449 | select:focus, 450 | textarea:focus, 451 | button:focus { 452 | outline: none; 453 | } 454 | 455 | 456 | 457 | /* Common Margin Classes */ 458 | 459 | .m0 { 460 | margin: 0; 461 | } 462 | 463 | .mb75px { 464 | margin-bottom: 75px; 465 | } 466 | 467 | .mb50px { 468 | margin-bottom: 50px; 469 | } 470 | 471 | 472 | 473 | /*common color classes */ 474 | 475 | .text-highlight { 476 | color: #2857a4; 477 | font-weight: 600; 478 | 479 | } 480 | 481 | 482 | 483 | /* setting background-color */ 484 | 485 | .m-blue { 486 | color: #2857a4; 487 | } 488 | 489 | .mb-blue { 490 | background-color: #2857a4; 491 | } 492 | 493 | .mb-orange { 494 | background-color: #ec4d1c; 495 | } 496 | 497 | .mb-teal { 498 | background-color: #0b8176; 499 | } 500 | 501 | .mb-light-purple { 502 | background-color: #93738c; 503 | } 504 | 505 | 506 | 507 | /*Percentage Classes */ 508 | 509 | .eighty-five-percent { 510 | height: inherit; 511 | width: 85%; 512 | } 513 | 514 | .eighty-percent { 515 | height: inherit; 516 | width: 80%; 517 | } 518 | 519 | .fifty-percent { 520 | height: inherit; 521 | width: 50%; 522 | } 523 | -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/Shalloo_Bajpai/assets/shaaa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-06-january-2020/students/Shalloo_Bajpai/assets/shaaa.jpg -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/Shalloo_Bajpai/main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SHALLOO BAJPAI 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 39 | 40 |
41 |
42 |

SHALLOO BAJPAI

43 |
44 |
45 | 72 | 73 |
74 | 75 |
76 | 77 |
78 |
79 | 80 |
81 |
82 | 83 |
84 | 85 |
86 | 87 |

88 | Passionate about implementing and launching new projects. Ability to translate business requirements into technical solutions. Looking to start the career as 89 | an entry-level software engineer with a reputed firm driven by technology. 90 |

91 | 92 |
93 | 94 |
95 | 96 | 97 | 98 |
99 |

100 | 101 | 102 | 103 | SKILLS 104 |

105 | 106 |
107 | 108 |
109 |
110 |
111 | C++ 112 |
113 |
114 |
115 |
116 |
117 |
118 | HTML 119 |
120 |
121 |
122 |
123 |
124 |
125 | CSS 126 |
127 |
128 |
129 |
130 |
131 |
132 | Javascript 133 |
134 |
135 |
136 |
137 |
138 |
139 | NodeJs 140 |
141 |
142 |
143 |
144 |
145 |
146 | MongoDB 147 |
148 |
149 |
150 | 151 |
152 | 153 |
154 | 155 | 216 |
217 | 218 |

219 | 220 | 221 | 222 | Education 223 |

224 | 225 |
226 | 227 |
228 |
229 | 232 |

Btech

233 |

Integral University

234 |
july 2016 - june 2020
235 | 236 |

82%

237 |
238 |
239 | 240 |
241 |
242 | 245 |

12th

246 |

Kendriya Vidyalaya Alianj,Lucknow

247 |
April 2014 - March 2015
248 |

80%

249 |
250 |
251 | 252 |
253 |
254 | 257 |

10th

258 |

Kendriya Vidyalaya Aliganj,Lucknow

259 |
April 2012 - March 2014
260 | 261 |

8.4

262 |
263 |
264 | 265 |
266 |
267 |
268 | 269 |
270 |
271 |
272 | 273 |
274 | 275 |
276 | 277 |
278 |

279 | 280 | 281 | 282 | Portfolio 283 |

284 | 285 |
286 | 287 |
288 | 289 |
290 |

291 | Write here basic details about the project. 292 |

293 |
294 | 295 |
296 |
297 | 298 |
299 |

300 | Write here basic details about the project. 301 |

302 |
303 | 304 |
305 |
306 | 307 |
308 |

309 | Write here basic details about the project. 310 |

311 |
312 | 313 |
314 |
315 | 316 |
317 |

318 | Write here basic details about the project. 319 |

320 |
321 | 322 |
323 |
324 | 325 |
326 |

327 | Write here basic details about the project. 328 |

329 |
330 | 331 |
332 |
333 | 334 |
335 |

336 | Write here basic details about the project. 337 |

338 |
339 | 340 |
341 | 342 |
343 |
344 | 345 |
346 |

347 | 348 | 349 | 350 | Contact 351 |

352 |
353 | 354 |
355 |
356 | 357 | 358 | 359 | 360 |
361 |
362 |
363 | 364 |

Get In touch

365 | 366 | 367 |

My Address

368 |
369 | 370 | Lucknow, India 371 |
372 |
373 | 374 | 8840423594 375 |
376 |
377 | 378 | bajpaishalu6@gmail.com 379 |
380 |
381 |
382 | 383 | 418 |
419 | 420 |
421 | 422 | 423 | -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/arnavdesk/assets/arnavphoto.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-06-january-2020/students/arnavdesk/assets/arnavphoto.JPG -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/manishka_gautam/assets/manishka.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-06-january-2020/students/manishka_gautam/assets/manishka.jpg -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/manishka_gautam/assets/resume.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | font-family: sans-serif; 4 | font-size: 30px; 5 | } 6 | 7 | 8 | 9 | /* Body Header */ 10 | 11 | #body-header { 12 | height: 65vh; 13 | opacity: 0.8; 14 | background-image: url(https://ninjasfiles.s3.amazonaws.com/asset_0000000000000020_1549743985_macbook_mouse.jpg); 15 | background-size: cover; 16 | background-position: center; 17 | background-attachment: fixed; 18 | padding-top: 1.2rem; 19 | } 20 | 21 | 22 | 23 | /* Horizontal Lists */ 24 | 25 | .horizontal-list { 26 | list-style: none; 27 | padding-left: 0px; 28 | margin: 0px; 29 | } 30 | 31 | .horizontal-list li { 32 | display: inline-block; 33 | margin: 0px 8px 8px 0px; 34 | font-weight: 100; 35 | font-size: 0.9rem; 36 | } 37 | 38 | .horizontal-list li a { 39 | color: white; 40 | text-decoration: none; 41 | } 42 | 43 | .nav-menu li a { 44 | transition: color 0.5s, border-bottom 4s; 45 | } 46 | 47 | .nav-menu li a:hover { 48 | color: lightgrey; 49 | border-bottom: 1px solid black; 50 | } 51 | 52 | .text-center { 53 | text-align: center; 54 | } 55 | 56 | 57 | 58 | /* Name and Social Icons*/ 59 | 60 | #name-social-container { 61 | margin-top: 20vh; 62 | } 63 | 64 | #my-name { 65 | font-size: 3rem; 66 | letter-spacing: 0.1rem; 67 | color: white; 68 | font-weight: 700; 69 | margin-bottom: 0.5rem; 70 | } 71 | 72 | .social-icons li a i { 73 | padding: 10px; 74 | font-size: 1rem; 75 | border-radius: 50%; 76 | } 77 | 78 | .social-icons li a i:hover { 79 | box-shadow: 0px 0px 6px 4px rgba(230, 196, 196, 0.3); 80 | } 81 | 82 | 83 | 84 | /*Section Classes*/ 85 | 86 | section { 87 | display: flex; 88 | flex-direction: column; 89 | align-items: center; 90 | padding-bottom: 20px; 91 | } 92 | 93 | section:nth-child(2n) { 94 | background-color: #9e9b9b29; 95 | } 96 | 97 | section:nth-child(2n + 1) { 98 | background-color: white; 99 | } 100 | 101 | .section-heading { 102 | width: auto; 103 | padding: 20px 10px 10px; 104 | font-weight: 400; 105 | } 106 | 107 | .section-heading span { 108 | font-size: 40px; 109 | color: #2857a4; 110 | display: inline-block; 111 | padding-top: 10px; 112 | margin-right: 0.5rem; 113 | } 114 | 115 | 116 | 117 | /*About Section*/ 118 | 119 | #about { 120 | height: auto; 121 | width: 100%; 122 | position: relative; 123 | margin-bottom: 30px; 124 | } 125 | 126 | #my-image { 127 | height: 12rem; 128 | width: 12rem; 129 | margin: auto; 130 | margin-top: -17vh; 131 | } 132 | 133 | #my-image img { 134 | height: 100%; 135 | width: 100%; 136 | border-radius: 50%; 137 | border: 3px solid white; 138 | box-shadow: 1px 1px 10px 2px lightgrey; 139 | } 140 | 141 | #about-para { 142 | padding: 10px; 143 | width: 70%; 144 | text-align: justify; 145 | color: grey; 146 | line-height: 28px; 147 | font-size: 1.1rem; 148 | margin: auto; 149 | } 150 | 151 | 152 | 153 | /*Skills Section*/ 154 | 155 | .skills-display { 156 | width: 75%; 157 | padding: 10px; 158 | margin-bottom: 30px; 159 | display: flex; 160 | flex-wrap: wrap; 161 | justify-content: space-evenly; 162 | } 163 | 164 | .skill-progress { 165 | width: 11rem; 166 | height: 2.2rem; 167 | background-color: lightgrey; 168 | border-radius: 1rem; 169 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 170 | margin: 25px; 171 | overflow: hidden; 172 | } 173 | 174 | .skill-progress > div { 175 | border-radius: 20px 0px 0px 20px; 176 | box-shadow: 1px 1px 5px 2px #989882; 177 | } 178 | 179 | .skill-name span { 180 | color: white; 181 | font-size: 1rem; 182 | margin-left: 10px; 183 | vertical-align: middle; 184 | } 185 | 186 | 187 | 188 | /* Work Experience */ 189 | 190 | .timeline { 191 | position: relative; 192 | width: 75%; 193 | } 194 | 195 | .timeline-box { 196 | padding: 5px; 197 | width: 40%; 198 | min-height: 150px; 199 | position: relative; 200 | left: 5%; 201 | text-align: right; 202 | } 203 | 204 | .timeline-box::after { 205 | content: ''; 206 | position: absolute; 207 | width: 15px; 208 | height: 15px; 209 | background-color: lightgrey; 210 | top: 25%; 211 | border-radius: 50%; 212 | z-index: 1; 213 | } 214 | 215 | .timeline-box:nth-child(2n) { 216 | left: 53%; 217 | } 218 | 219 | .timeline-box:nth-child(2n+1)::after { 220 | right: -11.8%; 221 | } 222 | 223 | .timeline-box:nth-child(2n)::after { 224 | left: -9%; 225 | } 226 | 227 | .timeline-container { 228 | padding: 8px; 229 | } 230 | 231 | .timeline-logo { 232 | position: absolute; 233 | width: 50px; 234 | overflow: hidden; 235 | } 236 | 237 | .timeline-logo > img { 238 | width: 100%; 239 | } 240 | 241 | #timeline-divider { 242 | position: absolute; 243 | width: 0; 244 | top: 10%; 245 | left: 50%; 246 | border: 1px dashed #0096fa6b; 247 | height: 66%; 248 | color: #433E3F; 249 | } 250 | 251 | #timeline-divider .timeline-traveller { 252 | position: sticky; 253 | top: 135px; 254 | z-index: 2; 255 | } 256 | 257 | #timeline-divider i { 258 | transform: rotate(90deg); 259 | margin-top: -35px; 260 | display: block; 261 | color: #2857a4; 262 | } 263 | 264 | .experience-designation { 265 | font-size: 1.4rem; 266 | } 267 | 268 | .experience-company-name { 269 | margin: 5px 0 0; 270 | color: #eb822d; 271 | font-weight: 400; 272 | font-size: 1.2rem; 273 | } 274 | 275 | .experience-duration { 276 | color: #9e9b9b; 277 | font-weight: 100; 278 | color: grey; 279 | font-size: 1rem; 280 | } 281 | 282 | .experience-description { 283 | font-size: 14px; 284 | padding: 2px; 285 | color: grey; 286 | line-height: 20px; 287 | } 288 | 289 | .text-align-justify { 290 | text-align: justify; 291 | } 292 | 293 | 294 | 295 | /* Portfolio Section */ 296 | 297 | #portfolio-container { 298 | box-sizing: border-box; 299 | display: flex; 300 | flex-wrap: wrap; 301 | padding: 0 50px; 302 | margin-bottom: 20px; 303 | justify-content: space-around; 304 | } 305 | 306 | .portfolio-image-container { 307 | max-width: 300px; 308 | overflow: hidden; 309 | margin: 30px; 310 | background-size: cover; 311 | background-repeat: no-repeat; 312 | position: relative; 313 | } 314 | 315 | .portfolio-image-container img { 316 | width: 100%; 317 | height: 100%; 318 | } 319 | 320 | .portfolio-details { 321 | transition: all 0.5s ease-in-out; 322 | position: absolute; 323 | top: 0; 324 | left: 0; 325 | height: 100%; 326 | color: transparent; 327 | text-align: center; 328 | padding: 10px; 329 | } 330 | 331 | .portfolio-image-container:hover { 332 | box-shadow: 0 0 20px #74ADC8; 333 | } 334 | 335 | .portfolio-image-container:hover .portfolio-details { 336 | background-color: #80808078; 337 | color: white; 338 | } 339 | 340 | 341 | 342 | /* Contact Form */ 343 | 344 | #contact { 345 | background-color: #0abcf9; 346 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 347 | color: white; 348 | padding-bottom: 40px; 349 | } 350 | 351 | #contact h1, 352 | #contact h1 span { 353 | color: white; 354 | } 355 | 356 | #contact-form { 357 | margin-left: 20%; 358 | } 359 | 360 | #contact-container { 361 | display: flex; 362 | } 363 | 364 | #my-details-container { 365 | width: 35%; 366 | margin-left: 6%; 367 | } 368 | 369 | #my-details-container h3 { 370 | color: white; 371 | font-weight: 550; 372 | font-size: 1.2rem; 373 | } 374 | 375 | #contact-form-container { 376 | width: 50%; 377 | } 378 | 379 | #my-details-container p { 380 | color: #d9dcdd; 381 | font-size: 0.9rem; 382 | } 383 | 384 | .my-details-info-container { 385 | margin-bottom: 20px; 386 | color: #d9dcdd; 387 | font-size: 1rem; 388 | } 389 | 390 | .my-details-info-container span { 391 | margin-left: 0.4rem; 392 | } 393 | 394 | .my-details-info-container i { 395 | color: white; 396 | } 397 | 398 | .my-details-icon { 399 | width: 1rem; 400 | height: 1rem; 401 | vertical-align: bottom; 402 | margin-right: 0.5rem; 403 | } 404 | 405 | 406 | #contact-form input, 407 | textarea { 408 | max-width: 90%; 409 | margin: 15px; 410 | padding: 4px 10px; 411 | border: 0px solid transparent; 412 | border-bottom: 2px solid white; 413 | color: #d9dcdd; 414 | background: transparent; 415 | width: 90%; 416 | line-height: 1.6; 417 | font-size: 1.05rem; 418 | } 419 | 420 | #contact-form button[type="submit"] { 421 | background: transparent; 422 | font-size: 0.95rem; 423 | border: 2px solid white; 424 | margin-top: 5%; 425 | margin-left: 35%; 426 | border-radius: 2px; 427 | color: white; 428 | font-family: sans-serif; 429 | font-weight: 700; 430 | letter-spacing: 0.046875em; 431 | line-height: 1; 432 | padding: 0.8em 0.8em 0.78em; 433 | text-transform: uppercase; 434 | } 435 | 436 | #contact-form button:hover { 437 | background: white; 438 | color: #13386fe0; 439 | } 440 | 441 | #contact .social-icons li a i { 442 | font-size: 1.2rem; 443 | margin: 40px 10px 10px; 444 | padding: 10px 14px 20px 10px; 445 | 446 | } 447 | 448 | input:focus, 449 | select:focus, 450 | textarea:focus, 451 | button:focus { 452 | outline: none; 453 | } 454 | 455 | 456 | 457 | /* Common Margin Classes */ 458 | 459 | .m0 { 460 | margin: 0; 461 | } 462 | 463 | .mb75px { 464 | margin-bottom: 75px; 465 | } 466 | 467 | .mb50px { 468 | margin-bottom: 50px; 469 | } 470 | 471 | 472 | 473 | /*common color classes */ 474 | 475 | .text-highlight { 476 | color: #2857a4; 477 | font-weight: 600; 478 | 479 | } 480 | 481 | 482 | 483 | /* setting background-color */ 484 | 485 | .m-blue { 486 | color: #2857a4; 487 | } 488 | 489 | .mb-blue { 490 | background-color: #2857a4; 491 | } 492 | 493 | .mb-orange { 494 | background-color: #ec4d1c; 495 | } 496 | 497 | .mb-teal { 498 | background-color: #0b8176; 499 | } 500 | 501 | .mb-light-purple { 502 | background-color: #93738c; 503 | } 504 | 505 | 506 | 507 | /*Percentage Classes */ 508 | 509 | .eighty-five-percent { 510 | height: inherit; 511 | width: 85%; 512 | } 513 | 514 | .eighty-percent { 515 | height: inherit; 516 | width: 80%; 517 | } 518 | 519 | .fifty-percent { 520 | height: inherit; 521 | width: 50%; 522 | } 523 | -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/nitin_uniyal/assests/rsz_2profile-photo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-06-january-2020/students/nitin_uniyal/assests/rsz_2profile-photo.jpg -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/rohit-kumar/assets/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | font-family: sans-serif; 4 | font-size: 30px; 5 | } 6 | 7 | 8 | 9 | /* Body Header */ 10 | 11 | #body-header { 12 | height: 65vh; 13 | opacity: 0.8; 14 | background-image: url(https://ninjasfiles.s3.amazonaws.com/asset_0000000000000020_1549743985_macbook_mouse.jpg); 15 | background-size: cover; 16 | background-position: center; 17 | background-attachment: fixed; 18 | padding-top: 1.2rem; 19 | } 20 | 21 | 22 | 23 | /* Horizontal Lists */ 24 | 25 | .horizontal-list { 26 | list-style: none; 27 | padding-left: 0px; 28 | margin: 0px; 29 | } 30 | 31 | .horizontal-list li { 32 | display: inline-block; 33 | margin: 0px 8px 8px 0px; 34 | font-weight: 100; 35 | font-size: 0.9rem; 36 | } 37 | 38 | .horizontal-list li a { 39 | color: white; 40 | text-decoration: none; 41 | } 42 | 43 | .nav-menu li a { 44 | transition: color 0.5s, border-bottom 4s; 45 | } 46 | 47 | .nav-menu li a:hover { 48 | color: lightgrey; 49 | border-bottom: 1px solid black; 50 | } 51 | 52 | .text-center { 53 | text-align: center; 54 | } 55 | 56 | 57 | 58 | /* Name and Social Icons*/ 59 | 60 | #name-social-container { 61 | margin-top: 20vh; 62 | } 63 | 64 | #my-name { 65 | font-size: 3rem; 66 | letter-spacing: 0.1rem; 67 | color: white; 68 | font-weight: 700; 69 | margin-bottom: 0.5rem; 70 | } 71 | 72 | .social-icons li a i { 73 | padding: 10px; 74 | /* font-size: 1rem;*/ 75 | height: 1rem; 76 | width: 1rem; 77 | border-radius: 50%; 78 | } 79 | 80 | .social-icons li a i:hover { 81 | box-shadow: 0px 0px 6px 4px rgba(230, 196, 196, 0.3); 82 | } 83 | 84 | 85 | 86 | /*Section Classes*/ 87 | 88 | section { 89 | display: flex; 90 | flex-direction: column; 91 | align-items: center; 92 | padding-bottom: 20px; 93 | } 94 | 95 | section:nth-child(2n) { 96 | background-color: #9e9b9b29; 97 | } 98 | 99 | section:nth-child(2n + 1) { 100 | background-color: white; 101 | } 102 | 103 | .section-heading { 104 | width: auto; 105 | padding: 20px 10px 10px; 106 | font-weight: 400; 107 | } 108 | 109 | .section-heading span { 110 | font-size: 40px; 111 | color: #2857a4; 112 | display: inline-block; 113 | padding-top: 10px; 114 | margin-right: 0.5rem; 115 | } 116 | 117 | 118 | 119 | /*About Section*/ 120 | 121 | #about { 122 | height: auto; 123 | width: 100%; 124 | position: relative; 125 | margin-bottom: 30px; 126 | } 127 | 128 | #my-image { 129 | height: 12rem; 130 | width: 12rem; 131 | margin: auto; 132 | margin-top: -17vh; 133 | } 134 | 135 | #my-image img { 136 | height: 100%; 137 | width: 100%; 138 | border-radius: 50%; 139 | border: 3px solid white; 140 | box-shadow: 1px 1px 10px 2px lightgrey; 141 | } 142 | 143 | #about-para { 144 | padding: 10px; 145 | width: 70%; 146 | text-align: justify; 147 | color: grey; 148 | line-height: 28px; 149 | font-size: 1.1rem; 150 | margin: auto; 151 | } 152 | 153 | 154 | 155 | /*Skills Section*/ 156 | 157 | .skills-display { 158 | width: 75%; 159 | padding: 10px; 160 | margin-bottom: 30px; 161 | display: flex; 162 | flex-wrap: wrap; 163 | justify-content: space-evenly; 164 | } 165 | 166 | .skill-progress { 167 | width: 11rem; 168 | height: 2.2rem; 169 | background-color: lightgrey; 170 | border-radius: 1rem; 171 | box-shadow: 1px 1px 2px 1px #b9b9b9 inset; 172 | margin: 25px; 173 | overflow: hidden; 174 | } 175 | 176 | .skill-progress > div { 177 | border-radius: 20px 0px 0px 20px; 178 | box-shadow: 1px 1px 5px 2px #989882; 179 | } 180 | 181 | .skill-name span { 182 | color: white; 183 | font-size: 1rem; 184 | margin-left: 10px; 185 | vertical-align: middle; 186 | } 187 | 188 | 189 | 190 | /* Work Experience */ 191 | 192 | .timeline { 193 | position: relative; 194 | width: 75%; 195 | } 196 | 197 | .timeline-box { 198 | padding: 5px; 199 | width: 40%; 200 | min-height: 150px; 201 | position: relative; 202 | left: 5%; 203 | text-align: right; 204 | } 205 | 206 | .timeline-box::after { 207 | content: ''; 208 | position: absolute; 209 | width: 15px; 210 | height: 15px; 211 | background-color: lightgrey; 212 | top: 25%; 213 | border-radius: 50%; 214 | z-index: 1; 215 | } 216 | 217 | .timeline-box:nth-child(2n) { 218 | left: 53%; 219 | } 220 | 221 | .timeline-box:nth-child(2n+1)::after { 222 | right: -11.8%; 223 | } 224 | 225 | .timeline-box:nth-child(2n)::after { 226 | left: -9%; 227 | } 228 | 229 | .timeline-container { 230 | padding: 8px; 231 | } 232 | 233 | .timeline-logo { 234 | position: absolute; 235 | width: 50px; 236 | overflow: hidden; 237 | } 238 | 239 | .timeline-logo > img { 240 | width: 100%; 241 | } 242 | 243 | #timeline-divider { 244 | position: absolute; 245 | width: 0; 246 | top: 11.5%; 247 | left: 50%; 248 | border: 1px dashed #0096fa6b; 249 | height: 66%; 250 | color: #433E3F; 251 | } 252 | 253 | #timeline-divider .timeline-traveller { 254 | position: sticky; 255 | top: 135px; 256 | z-index: 2; 257 | } 258 | 259 | #timeline-divider i { 260 | transform: rotate(90deg); 261 | margin-top: -35px; 262 | display: block; 263 | color: #2857a4; 264 | } 265 | 266 | .experience-designation { 267 | font-size: 1.4rem; 268 | } 269 | 270 | .experience-company-name { 271 | margin: 5px 0 0; 272 | color: #eb822d; 273 | font-weight: 400; 274 | font-size: 1.2rem; 275 | } 276 | 277 | .experience-duration { 278 | color: #9e9b9b; 279 | font-weight: 100; 280 | color: grey; 281 | font-size: 1rem; 282 | } 283 | 284 | .experience-description { 285 | font-size: 1.1rem; 286 | padding: 2px; 287 | color: grey; 288 | line-height: 20px; 289 | font-style: italic; 290 | word-spacing: 1px; 291 | line-height: 1.4; 292 | } 293 | 294 | .text-align-justify { 295 | text-align: justify; 296 | } 297 | 298 | 299 | 300 | /* Portfolio Section */ 301 | 302 | #portfolio-container { 303 | box-sizing: border-box; 304 | display: flex; 305 | flex-wrap: wrap; 306 | padding: 0 50px; 307 | margin-bottom: 20px; 308 | justify-content: space-around; 309 | } 310 | 311 | .portfolio-image-container { 312 | max-width: 300px; 313 | overflow: hidden; 314 | margin: 30px; 315 | background-size: cover; 316 | background-repeat: no-repeat; 317 | position: relative; 318 | } 319 | 320 | .portfolio-image-container img { 321 | width: 100%; 322 | height: 100%; 323 | } 324 | 325 | .portfolio-details { 326 | transition: all 0.5s ease-in-out; 327 | position: absolute; 328 | top: 0; 329 | left: 0; 330 | height: 100%; 331 | color: transparent; 332 | text-align: center; 333 | padding: 10px; 334 | } 335 | 336 | .portfolio-image-container:hover { 337 | box-shadow: 0 0 20px #74ADC8; 338 | } 339 | 340 | .portfolio-image-container:hover .portfolio-details { 341 | background-color: #80808078; 342 | color: white; 343 | } 344 | 345 | 346 | 347 | /* Contact Form */ 348 | 349 | #contact { 350 | background-color: #0abcf9; 351 | background-image: linear-gradient(50deg, #2857a4 0%, #403066 74%); 352 | color: white; 353 | padding-bottom: 40px; 354 | } 355 | 356 | #contact h1, 357 | #contact h1 span { 358 | color: white; 359 | } 360 | 361 | #contact-form { 362 | margin-left: 20%; 363 | } 364 | 365 | #contact-container { 366 | display: flex; 367 | } 368 | 369 | #my-details-container { 370 | width: 35%; 371 | margin-left: 6%; 372 | } 373 | 374 | #my-details-container h3 { 375 | color: white; 376 | font-weight: 550; 377 | font-size: 1.2rem; 378 | } 379 | 380 | #contact-form-container { 381 | width: 50%; 382 | } 383 | 384 | #my-details-container p { 385 | color: #d9dcdd; 386 | font-size: 0.9rem; 387 | } 388 | 389 | .my-details-info-container { 390 | margin-bottom: 20px; 391 | color: #d9dcdd; 392 | font-size: 1rem; 393 | } 394 | 395 | .my-details-info-container span { 396 | margin-left: 0.4rem; 397 | } 398 | 399 | .my-details-info-container i { 400 | color: white; 401 | } 402 | 403 | .my-details-icon { 404 | width: 1rem; 405 | height: 1rem; 406 | vertical-align: bottom; 407 | margin-right: 0.5rem; 408 | } 409 | 410 | 411 | #contact-form input, 412 | textarea { 413 | max-width: 90%; 414 | margin: 15px; 415 | padding: 4px 10px; 416 | border: 0px solid transparent; 417 | border-bottom: 2px solid white; 418 | color: #d9dcdd; 419 | background: transparent; 420 | width: 90%; 421 | line-height: 1.6; 422 | font-size: 1.05rem; 423 | } 424 | 425 | #contact-form button[type="submit"] { 426 | background: transparent; 427 | font-size: 0.95rem; 428 | border: 2px solid white; 429 | margin-top: 5%; 430 | margin-left: 35%; 431 | border-radius: 2px; 432 | color: white; 433 | font-family: sans-serif; 434 | font-weight: 700; 435 | letter-spacing: 0.046875em; 436 | line-height: 1; 437 | padding: 0.8em 0.8em 0.78em; 438 | text-transform: uppercase; 439 | } 440 | 441 | #contact-form button:hover { 442 | background: white; 443 | color: #13386fe0; 444 | } 445 | 446 | #contact .social-icons li a i { 447 | font-size: 1.2rem; 448 | margin: 40px 10px 10px; 449 | padding: 10px 14px 20px 10px; 450 | 451 | } 452 | 453 | input:focus, 454 | select:focus, 455 | textarea:focus, 456 | button:focus { 457 | outline: none; 458 | } 459 | 460 | 461 | 462 | /* Common Margin Classes */ 463 | 464 | .m0 { 465 | margin: 0; 466 | } 467 | 468 | .mb75px { 469 | margin-bottom: 75px; 470 | } 471 | 472 | .mb50px { 473 | margin-bottom: 50px; 474 | } 475 | 476 | 477 | 478 | /*common color classes */ 479 | 480 | .text-highlight { 481 | color: #2857a4; 482 | font-weight: 600; 483 | 484 | } 485 | 486 | 487 | 488 | /* setting background-color */ 489 | 490 | .m-blue { 491 | color: #2857a4; 492 | } 493 | 494 | .mb-blue { 495 | background-color: #2857a4; 496 | } 497 | 498 | .mb-orange { 499 | background-color: #ec4d1c; 500 | } 501 | 502 | .mb-teal { 503 | background-color: #0b8176; 504 | } 505 | 506 | .mb-light-purple { 507 | background-color: #93738c; 508 | } 509 | 510 | 511 | 512 | /*Percentage Classes */ 513 | 514 | .eighty-five-percent { 515 | height: inherit; 516 | width: 85%; 517 | } 518 | 519 | .eighty-percent { 520 | height: inherit; 521 | width: 80%; 522 | } 523 | 524 | .fifty-percent { 525 | height: inherit; 526 | width: 50%; 527 | } 528 | 529 | .experience-description a { 530 | text-decoration: none; 531 | } 532 | 533 | @media only screen and (max-width: 572px) { 534 | 535 | .timeline-box { 536 | width: 100%; 537 | left: 10% !important; 538 | } 539 | 540 | .bars { 541 | display: block; 542 | } 543 | 544 | 545 | .nav-menu { 546 | display: none; 547 | } 548 | } 549 | 550 | 551 | 552 | @media only screen and (max-width: 768px) { 553 | 554 | 555 | .timeline-box { 556 | width: 90%; 557 | left: 10% !important; 558 | } 559 | 560 | .timeline-box::after { 561 | left: -10.5% !important; 562 | } 563 | 564 | #timeline-divider { 565 | top: 11%; 566 | left: 2%; 567 | } 568 | 569 | #contact-form { 570 | margin-left: 0%; 571 | } 572 | 573 | #contact-container { 574 | flex-wrap: wrap; 575 | } 576 | 577 | #my-details-container { 578 | width: 80%; 579 | margin: 10%; 580 | } 581 | 582 | #contact-form-container { 583 | width: 80%; 584 | margin: 10%; 585 | } 586 | 587 | /* 588 | .timeline-box:nth-child(2n)::after { 589 | left: -9%; 590 | } 591 | */ 592 | /* 593 | .timeline-box:nth-child(2n+1)::after { 594 | right: -11.8%; 595 | */ 596 | /* 597 | .timeline-box:nth-child(2n)::after { 598 | right: -11.8%; 599 | */ 600 | 601 | } 602 | -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/rohit-kumar/assets/images/jnv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-06-january-2020/students/rohit-kumar/assets/images/jnv.png -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/rohit-kumar/assets/images/nitp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-06-january-2020/students/rohit-kumar/assets/images/nitp.png -------------------------------------------------------------------------------- /batches/2020/career-camp-06-january-2020/students/rohit-kumar/assets/images/profile-pic.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/career-camp-06-january-2020/students/rohit-kumar/assets/images/profile-pic.JPG -------------------------------------------------------------------------------- /batches/2020/full-stack-web-development-with-nodejs-01-feb-2020/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Full Stack Web Development With Node.js, 1 February 2020 | Wall of Developers 16 | 17 | 18 | 19 | 20 |
21 | 22 | 27 | 28 | 40 | 41 |
42 | 43 |
44 | 45 |
46 | 47 |
48 |
49 | 50 |
51 | profile-pic 52 |
53 |
54 |

55 | Shivani Jadon 56 |
A web development novice, looking for opportunities and platform to develop and execute skills 57 |

58 |
59 | 60 |
61 |
62 | 63 |
64 | 65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /batches/2020/full-stack-web-development-with-nodejs-01-feb-2020/students/shivani_jadon/assests/images/profile_pic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/full-stack-web-development-with-nodejs-01-feb-2020/students/shivani_jadon/assests/images/profile_pic.jpg -------------------------------------------------------------------------------- /batches/2020/full-stack-web-development-with-nodejs-15-march-2020/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Full Stack Web Development With Node.js, 15 March 2020 | Wall of Developers 16 | 17 | 18 | 19 | 20 |
21 | 22 | 27 | 28 | 40 | 41 |
42 | 43 |
44 | 45 |
46 | 47 |
48 |
49 | 50 |
51 | profile-pic 52 |
53 |
54 |

55 | Sejal Gupta 56 |
Strong in design and integration with intuitive problem-solving skills 57 |

58 |
59 | 60 |
61 |
62 | 63 |
64 | 65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /batches/2020/full-stack-web-development-with-nodejs-15-march-2020/students/sejal_gupta/assets/images/sejal-pic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/wall-of-developers/2eef22be88b8e98616f10a6754fc08268876de8d/batches/2020/full-stack-web-development-with-nodejs-15-march-2020/students/sejal_gupta/assets/images/sejal-pic.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Wall of Developers | Coding Ninjas 15 | 16 | 17 | 18 | 19 |
20 | 21 | 26 | 27 |
28 | 29 |
30 |
31 |
March, 2020
32 |
33 |
34 | 35 |
36 |
37 |
38 |

Full Stack Web Development

39 |

40 | 15 March, 2020 41 |

42 | Students 44 |
45 |
46 |
47 | 48 |
49 |
50 | 51 |
52 |
53 |
54 | 55 |
56 |
57 |
February, 2020
58 |
59 |
60 | 61 |
62 |
63 |
64 |

Full Stack Web Development

65 |

66 | 1 February, 2020 67 |

68 | Students 70 |
71 |
72 |
73 | 74 |
75 |
76 | 77 |
78 |
79 |
80 | 81 |
82 |
83 |
January, 2020
84 |
85 |
86 | 87 |
88 |
89 |
90 |

Career Camp

91 |

92 | 5 January, 2020 93 |

94 | Students 96 |
97 |
98 |
99 | 100 |
101 |
102 |
103 |

Career Camp

104 |

105 | 6 January, 2020 106 |

107 | Students 109 |
110 |
111 |
112 | 113 |
114 |
115 | 116 |
117 |
118 |
119 | 120 |
121 |
122 |
October, 2019
123 |
124 |
125 | 126 |
127 |
128 |
129 |

Career Camp

130 |

131 | 21 October, 2019 132 |

133 | Students 135 |
136 |
137 |
138 |
139 |
140 | 141 |
142 |
143 |
144 | 145 |
146 |
147 |
September, 2019
148 |
149 |
150 | 151 |
152 |
153 |
154 |

Full Stack Web Development

155 |

156 | 1 September, 2019 157 |

158 | Students 160 |
161 |
162 |
163 | 164 |
165 | 166 |
167 | 168 | 169 |
170 | 171 | 172 |
173 | 174 | 175 | 176 | 177 | 178 | 179 | --------------------------------------------------------------------------------