├── images ├── about_img.svg ├── e_commerce_platform.svg ├── fitness.svg ├── messaging.svg ├── music.svg ├── photography.svg └── web_scraping.svg ├── index.html ├── portfolio-template ├── images │ ├── about_img.svg │ ├── boy.png │ ├── e_commerce_platform.svg │ ├── fitness.svg │ ├── messaging.svg │ ├── music.svg │ ├── photography.svg │ └── web_scraping.svg ├── index.html └── style.css └── style.css /images/about_img.svg: -------------------------------------------------------------------------------- 1 | feeling_proud -------------------------------------------------------------------------------- /images/e_commerce_platform.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/fitness.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/messaging.svg: -------------------------------------------------------------------------------- 1 | mobile_messages -------------------------------------------------------------------------------- /images/music.svg: -------------------------------------------------------------------------------- 1 | happy_music -------------------------------------------------------------------------------- /images/photography.svg: -------------------------------------------------------------------------------- 1 | product_photography -------------------------------------------------------------------------------- /images/web_scraping.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 29 | 30 | Portfolio 31 | 32 | 33 |
34 |
35 |
36 | 37 |
Portfolio
38 |
39 |
40 |
43 |
44 | About 45 |
46 |
47 | Projects 50 |
51 |
52 | Social Media 55 |
56 |
57 | Resume 63 |
64 |
65 |
66 |
67 |
68 | 69 | 70 |
71 |
72 |
73 |

Hello, I'm

74 |

Kamal Teja

75 |

Web Developer

76 |
77 |
78 | 82 |
83 |
84 |
85 | 86 | 87 |
88 |
89 |
90 | 91 |
92 |
93 |

About Me

94 |

A little bit about me

95 |

96 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis 97 | eligendi natus, ex maiores 98 | quaerat provident iusto tenetur vero 99 | ipsum. Beatae expedita obcaecati odio dignissimos itaque nulla 100 | voluptatum doloremque sed iusto! 101 |

102 |
103 |

104 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis 105 | magni adipisci sunt eum, reprehenderit 106 | dignissimos quaerat maiores ad. Magni, totam iure. Doloribus ea 107 | molestiae deleniti excepturi iure neque, 108 | harum illum! 109 |

110 | 111 |
112 |
113 |
114 | 115 | 116 |
117 |

My Projects

118 |
119 |
120 |
121 | ... 127 |
128 |
Messaging Web App
129 |

130 | Some quick example text to build on the card title and make up 131 | the bulk of the card's content. 132 |

133 | See Project 134 |
135 |
136 |
137 |
138 |
139 | ... 145 |
146 |
Fitness Web App
147 |

148 | Some quick example text to build on the card title and make up 149 | the bulk of the card's content. 150 |

151 | See Project 152 |
153 |
154 |
155 |
156 |
157 | ... 163 |
164 |
E-Commerce Platform
165 |

166 | Some quick example text to build on the card title and make up 167 | the bulk of the card's content. 168 |

169 | See Project 170 |
171 |
172 |
173 |
174 |
175 | ... 181 |
182 |
Music Player
183 |

184 | Some quick example text to build on the card title and make up 185 | the bulk of the card's content. 186 |

187 | See Project 188 |
189 |
190 |
191 |
192 |
193 | ... 199 |
200 |
Photography Platform
201 |

202 | Some quick example text to build on the card title and make up 203 | the bulk of the card's content. 204 |

205 | See Project 206 |
207 |
208 |
209 |
210 |
211 | ... 217 |
218 |
Manga Scraping Web App
219 |

220 | Some quick example text to build on the card title and make up 221 | the bulk of the card's content. 222 |

223 | See Project 224 |
225 |
226 |
227 |
228 |
229 | 230 | 231 |
232 |
233 |

Social Media

234 |

Let's be friends

235 |
236 |
237 |
238 |
239 |

LinkedIn

240 |
241 |
242 | 243 |
244 |
245 |
246 | 247 |
248 |
249 |
250 |

Github

251 |
252 |
253 | 254 |
255 |
256 |
257 | 258 |
259 |
260 |
261 |

Youtube

262 |
263 |
264 | 265 |
266 |
267 |
268 | 269 |
270 |
271 |
272 |

Email

273 |
274 |
275 | 276 |
277 |
278 |
279 |
280 |
281 |
282 | 283 | 284 | 294 | 295 | 296 | -------------------------------------------------------------------------------- /portfolio-template/images/about_img.svg: -------------------------------------------------------------------------------- 1 | feeling_proud -------------------------------------------------------------------------------- /portfolio-template/images/boy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/packetcode/portfolio/9a18d1584fca553521c6d05f574d9acbecd27bf0/portfolio-template/images/boy.png -------------------------------------------------------------------------------- /portfolio-template/images/e_commerce_platform.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /portfolio-template/images/fitness.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /portfolio-template/images/messaging.svg: -------------------------------------------------------------------------------- 1 | mobile_messages -------------------------------------------------------------------------------- /portfolio-template/images/music.svg: -------------------------------------------------------------------------------- 1 | happy_music -------------------------------------------------------------------------------- /portfolio-template/images/photography.svg: -------------------------------------------------------------------------------- 1 | product_photography -------------------------------------------------------------------------------- /portfolio-template/images/web_scraping.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /portfolio-template/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 29 | 30 | Portfolio 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /portfolio-template/style.css: -------------------------------------------------------------------------------- 1 | /* Global Properties */ 2 | /* html { 3 | scroll-behavior: smooth; 4 | } */ 5 | 6 | body { 7 | background: #1f2235; 8 | font-family: "Baloo Tamma 2", cursive; 9 | } 10 | 11 | /* Main Heading Font */ 12 | .m-heading { 13 | font-family: "Roboto Slab", serif; 14 | } 15 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* Global Properties */ 2 | html { 3 | scroll-behavior: smooth; 4 | } 5 | 6 | body { 7 | background: #1f2235; 8 | font-family: "Baloo Tamma 2", cursive; 9 | } 10 | 11 | /* Main Heading Font */ 12 | .m-heading { 13 | font-family: "Roboto Slab", serif; 14 | } 15 | 16 | /* Navigation */ 17 | .navigation-link { 18 | border: 2px solid transparent; 19 | } 20 | 21 | .navigation-link:hover { 22 | text-decoration: none; 23 | border-bottom: 2px solid #f5ba09; 24 | transition: 0.5s ease; 25 | } 26 | 27 | /* Main Container height*/ 28 | .main-container { 29 | height: 100vh; 30 | } 31 | 32 | /* Aligning items in main row */ 33 | .main_row { 34 | display: flex; 35 | justify-content: center; 36 | align-items: center; 37 | } 38 | 39 | /* Changing Name Font sixe */ 40 | .main_row h1 { 41 | font-size: 5rem; 42 | } 43 | 44 | /* Making the main image the size of the screen */ 45 | .main_row img { 46 | width: auto; 47 | height: 100vh; 48 | } 49 | 50 | /* About Section */ 51 | .about { 52 | background: #313552; 53 | border-radius: 0.5rem; 54 | } 55 | 56 | .card { 57 | border-bottom: 8px solid #f5ba09; 58 | } 59 | 60 | /* Social Media Section */ 61 | #social-media { 62 | background: #313552; 63 | } 64 | 65 | /* Add color to Social Media Links */ 66 | .media_link { 67 | padding: 1rem; 68 | max-width: 15rem; 69 | margin-left: 1rem; 70 | border: 2px solid #f5ba09; 71 | border-radius: 0.5rem; 72 | } 73 | --------------------------------------------------------------------------------