├── 404 ├── Images │ ├── 404.png │ └── PageNotFound.png ├── Page404.css └── Page404.html ├── About ├── about.html ├── css │ ├── about.css │ └── bootstrap.min.css ├── footer.html ├── h&f.css ├── header.html ├── image │ ├── Contributor.png │ ├── about_img.png │ └── about_img.svg └── js │ ├── all.js │ ├── bootstrap.bundle.min.js │ └── jquery-3.5.1.js ├── Blog ├── blog.css ├── blog.html ├── footer.html ├── h&f.css ├── header.html └── images │ ├── comp-prog.png │ ├── data-sci.png │ ├── full-stack.png │ ├── git.png │ ├── grap-des.png │ ├── image1.jpg │ └── vir-reality.png ├── Contact ├── Imgs │ └── Contact.png ├── contact.css ├── contact.html ├── contactus.html ├── footer.html ├── h&f.css └── header.html ├── Header & Footer - New ├── footer.html ├── h&f.css └── header.html ├── Header & Footer - Old ├── index.html └── style.css ├── Internship ├── footer.html ├── h&f.css ├── header.html ├── internship.css └── internship.html ├── LICENSE ├── Landing ├── assets │ └── images │ │ └── welcome.png ├── footer.html ├── h&f.css ├── header.html ├── landing.html ├── style.css ├── welcome.png └── welcome.svg ├── README.md ├── favicon_io ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico └── site.webmanifest ├── logo.jpg ├── logo2.jpeg ├── logo3.PNG └── tech path ├── footer.html ├── h&f.css ├── header.html ├── images ├── techlogo.png ├── undraw_Firmware_jw6u.png ├── undraw_Firmware_jw6u.svg ├── undraw_design_feedback_dexe.png ├── undraw_design_feedback_dexe.svg ├── undraw_hacker_mind_6y85.png ├── undraw_hacker_mind_6y85.svg ├── undraw_sentiment_analysis_jp6w.png ├── undraw_sentiment_analysis_jp6w.svg ├── undraw_software_engineer_lvl5.png ├── undraw_software_engineer_lvl5.svg ├── undraw_web_developer_p3e5.png └── undraw_web_developer_p3e5.svg ├── readme.md ├── settings.json ├── style.css └── tech.html /404/Images/404.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/404/Images/404.png -------------------------------------------------------------------------------- /404/Images/PageNotFound.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/404/Images/PageNotFound.png -------------------------------------------------------------------------------- /404/Page404.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | background-color:white; 5 | width: 100% vw; 6 | height: 100% vh; 7 | } 8 | .button{ 9 | margin:7px; 10 | padding:15px 25px; 11 | font-size:24px; 12 | text-align:center; 13 | cursor:pointer; 14 | font-weight:bold; 15 | outline:none; 16 | color:indigo; 17 | background-color:lightgrey; 18 | border:none; 19 | border-radius:5px; 20 | } 21 | .button :active{ 22 | transform:translateY(4px); 23 | } 24 | #main-block{ 25 | margin-left: 25%; 26 | margin-right: 33%; 27 | font-size:190px; 28 | font-weight:bold; 29 | color:darkgrey; 30 | padding-top: 50px; 31 | padding-bottom:0px; 32 | } 33 | #fof{ 34 | margin-left: 30.5%; 35 | padding-bottom:0px; 36 | } 37 | #error{ 38 | -webkit-animation:colorchange 3s infinite alternate; 39 | font-size:16px; 40 | font-weight:Bold; 41 | margin-left: 30.4%; 42 | margin-right: 33%; 43 | } 44 | @-webkit-keyframes colorchange{ 45 | 20%{ 46 | color:blue; 47 | } 48 | 40%{ 49 | color:green; 50 | } 51 | 60%{ 52 | color:red; 53 | } 54 | 80%{ 55 | color:black; 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /404/Page404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | PageNotFound 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 26 | 27 | 28 | 29 |
30 |

Oops!

31 |
32 |
33 | 404 34 |
35 |
36 |

PAGE NOT FOUND

37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /About/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | About 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 32 | 38 | 39 | 40 | 41 | 54 | 55 | 56 | 57 |
58 |
59 |
60 |
61 |

About us

62 |
63 |
64 |
65 |
66 |

67 | Most of the time students will be willing to learn new skills like web development, android development, etc but they lack proper guidance and they find it really difficult to start with the tech stack and gradually start lacking interest in it. 68 | Career Path is a website developed by the students as a part of the Uplift Project to tackle this problem. In this website, we provide a proper path to excel in a particular tech stack so that the students can have a smooth learning journey. 69 | We also have separate sections for interview experiences, recent internship opportunities, and blogs. If a student faces a problem they can always reach out to us in the chat section. 70 |

71 |
72 |
73 |
74 | Responsive image 79 |
80 |
81 |
82 |
83 |
84 | 85 |
86 | 87 | 88 |
89 |
90 |
91 |
92 |

93 | CONTRIBUTORS 94 |

95 |
96 |
97 |
98 |
99 | Responsive image 100 |
101 |
102 | 103 |
104 |
    105 |
  • Mahima Goyal(P)
    • 106 |
  • Ishita Singh(P)
    • 107 |
  • Jyoti Balodhi(P)
    • 108 |
  • Irshad Kamil(P)
    • 109 |
110 |
111 |
112 |
    113 |
  • Harsha Vardhan(P)
    • 114 |
  • Kashika Jain(P)
    • 115 |
  • Vanshika Jain(P)
    • 116 |
  • Hari Sapna Nair(P)
    • 117 |
118 |
119 |
120 |
121 |
122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | -------------------------------------------------------------------------------- /About/css/about.css: -------------------------------------------------------------------------------- 1 | html { 2 | scroll-behavior: smooth; 3 | } 4 | 5 | /* Large devices (desktops, 992px and up)*/ 6 | @media (min-width: 992px) { 7 | } 8 | 9 | /* Extra small devices (portrait phones, less than 576px)*/ 10 | @media (max-width: 575.98px) { 11 | } 12 | 13 | /* Small devices (landscape phones, less than 768px)*/ 14 | @media (max-width: 767.98px) { 15 | } 16 | 17 | /* Medium devices (tablets, less than 992px)*/ 18 | @media (max-width: 991.98px) { 19 | } 20 | 21 | /* Media Queries End*/ 22 | 23 | /* Bootstrap Padding Fix */ 24 | [class*="col-"] { 25 | padding: 1rem; 26 | } 27 | 28 | #about_us { 29 | padding-left: 50px; 30 | padding-right: 50px; 31 | position: relative; 32 | padding-top: 1px; 33 | background-color: rgb(243, 240, 234); 34 | max-height: max-content; 35 | padding-bottom: 4rem; 36 | text-align: justify; 37 | } 38 | .image-container{ 39 | vertical-align: auto; 40 | padding-top: 90px; 41 | padding-bottom: 30px; 42 | 43 | } 44 | .about { 45 | /* padding-top: 2rem; */ 46 | display: flex; 47 | align-items: center; 48 | justify-content: center; 49 | } 50 | .about_heading { 51 | font-family: "Alegreya", serif; 52 | color: #af1d70be; 53 | display: flex; 54 | justify-content: center; 55 | } 56 | 57 | .about_para { 58 | font-family: "Alegreya Sans", sans-serif; 59 | font-size: 1.5rem; 60 | display: flex; 61 | align-items: center; 62 | justify-content: center; 63 | padding-right: 50px; 64 | } 65 | 66 | .about_img { 67 | margin: auto; 68 | 69 | } 70 | 71 | 72 | #contributors { 73 | padding-top: 40px; 74 | 75 | background-color: #ffffff; 76 | display: flex; 77 | justify-content: center; 78 | } 79 | .contri_heading h1 { 80 | margin: auto; 81 | font-family: "Alegreya", serif; 82 | font-size: 2.4rem; 83 | padding-left: 20px; 84 | } 85 | 86 | .contri_names { 87 | font-family: "Alegreya Sans", sans-serif; 88 | font-size: 1.5rem; 89 | display: flex; 90 | align-items: center; 91 | justify-content: center; 92 | } 93 | 94 | -------------------------------------------------------------------------------- /About/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /About/h&f.css: -------------------------------------------------------------------------------- 1 | /* Header */ 2 | #header{ 3 | padding-top: 7px; 4 | padding-bottom: 7px; 5 | padding-right: 10px; 6 | padding-left: 1px; 7 | background-color: #202325; 8 | color: #fff; 9 | } 10 | 11 | .logo{ 12 | height: 60px; 13 | } 14 | 15 | .nav-item{ 16 | padding-left: 10px; 17 | padding-right: 10px; 18 | } 19 | 20 | /* Footer */ 21 | 22 | /* .text-center{ 23 | align-content: center; 24 | padding-left: 100px; 25 | } */ 26 | 27 | section { 28 | padding: 40px 0; 29 | } 30 | 31 | section .section-title { 32 | text-align: center; 33 | color: #007b5e; 34 | margin-bottom: 50px; 35 | text-transform: uppercase; 36 | } 37 | 38 | #footer { 39 | background: #202325 !important; 40 | } 41 | 42 | #footer h5{ 43 | padding-left: 10px; 44 | border-left: 3px solid #eeeeee; 45 | padding-bottom: 6px; 46 | margin-bottom: 20px; 47 | color:#ffffff; 48 | } 49 | 50 | #footer a { 51 | color: #ffffff; 52 | text-decoration: none !important; 53 | background-color: transparent; 54 | -webkit-text-decoration-skip: objects; 55 | } 56 | 57 | #footer ul.social li{ 58 | padding: 3px 0; 59 | } 60 | 61 | #footer ul.social li a i { 62 | margin-right: 5px; 63 | font-size:25px; 64 | -webkit-transition: .5s all ease; 65 | -moz-transition: .5s all ease; 66 | transition: .5s all ease; 67 | } 68 | 69 | #footer ul.social li:hover a i { 70 | font-size:30px; 71 | margin-top: -10px; 72 | } 73 | 74 | #footer ul.social li a, 75 | #footer ul.quick-links li a{ 76 | color:#ffffff; 77 | } 78 | 79 | #footer ul.social li a:hover{ 80 | color:#eeeeee; 81 | } 82 | 83 | #footer ul.quick-links li{ 84 | padding: 3px 0; 85 | -webkit-transition: .5s all ease; 86 | -moz-transition: .5s all ease; 87 | transition: .5s all ease; 88 | } 89 | 90 | #footer ul.hover-links li:hover{ 91 | padding: 3px 0; 92 | margin-left:5px; 93 | font-weight:700; 94 | } 95 | 96 | #footer ul.quick-links li a i{ 97 | margin-right: 5px; 98 | } 99 | 100 | #footer ul.hover-links li:hover a i { 101 | font-weight: 700; 102 | } 103 | 104 | .icons{ 105 | padding-top: -5px; 106 | } 107 | 108 | @media (max-width:767px){ 109 | #footer h5 { 110 | padding-left: 0; 111 | border-left: transparent; 112 | padding-bottom: 0px; 113 | margin-bottom: 10px; 114 | } 115 | } -------------------------------------------------------------------------------- /About/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /About/image/Contributor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/About/image/Contributor.png -------------------------------------------------------------------------------- /About/image/about_img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/About/image/about_img.png -------------------------------------------------------------------------------- /About/image/about_img.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Blog/blog.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-size: 1rem; 5 | line-height: 1.6; 6 | font-weight: 400; 7 | color: #333; 8 | background-color: #d8e3ea; 9 | } 10 | 11 | 12 | .container { 13 | margin-top: 25px; 14 | padding-bottom: 50px; 15 | } 16 | 17 | .blog { 18 | margin: 23px auto; 19 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 20 | transition: box-shadow .25s; 21 | width: 90%; 22 | -webkit-transform: perspective(1px) translateZ(0); 23 | transform: perspective(1px) translateZ(0); 24 | -webkit-transition-duration: 0.3s; 25 | transition-duration: 0.3s; 26 | -webkit-transition-property: transform; 27 | transition-property: transform; 28 | } 29 | 30 | .blog:hover, 31 | .blog:focus, 32 | .blog:active { 33 | -webkit-transform: scale(1.065); 34 | transform: scale(1.065); 35 | } 36 | 37 | .blog img { 38 | width: 100%; 39 | height: auto 40 | } 41 | 42 | .blog-inf { 43 | background-color: #ffffff; 44 | padding-top: 10px; 45 | padding-left: 20px; 46 | padding-right: 20px; 47 | padding-bottom: 1px; 48 | } 49 | 50 | .blog-inf h3 { 51 | font-size: 1.5rem; 52 | margin: 5px 0; 53 | text-transform: capitalize; 54 | color: #000; 55 | } 56 | 57 | .blog-title { 58 | color: #000; 59 | text-decoration: none !important; 60 | } 61 | 62 | .blog-title:hover { 63 | color: #000; 64 | text-decoration: none !important; 65 | } 66 | 67 | .blog p { 68 | text-align: left; 69 | opacity: 0.7; 70 | line-height: 1.6; 71 | } 72 | 73 | .div-read-more { 74 | font-weight: 400; 75 | } 76 | 77 | .div-read-more:hover { 78 | color: rgb(34, 88, 238); 79 | font-weight: 625; 80 | text-decoration: none; 81 | } 82 | 83 | .read-more { 84 | background-color: #eeeeee; 85 | text-align: center; 86 | font-size: 14px; 87 | padding-top: 10px; 88 | padding-left: 20px; 89 | padding-right: 20px; 90 | padding-bottom: 10px; 91 | } 92 | -------------------------------------------------------------------------------- /Blog/blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Blog - Career Path 18 | 19 | 24 | 30 | 31 | 32 | 33 | 34 | 35 | 48 | 49 | 50 |
51 |
52 |
53 |
54 | 55 | Image 1 56 | 57 |
58 |

59 | Full Stack Development 60 |

61 |

62 | A full stack developer is a web developer or engineer who works with both the front and back ends of a website or application - meaning they can tackle projects that involve.... 63 |

64 |
65 | 66 |
67 | READ MORE 68 |
69 | 70 |
71 |
72 |
73 |
74 | 75 | Image 1 76 | 77 |
78 |

79 | Data Science 80 |

81 |

82 | Data science is an inter-disciplinary field that uses scientific methods, processes, algorithms and systems to extract knowledge and insights from many structural and unstructured data. 83 | 84 |

85 |
86 | 87 |
88 | READ MORE 89 |
90 | 91 |
92 |
93 |
94 |
95 | 96 | Image 1 97 | 98 |
99 |

100 | Graphic Designing 101 |

102 |

103 | The Graphic Designing and Web Designing is a career for creative minds and the journey is a life-long one where one always finds a way to think outside the box. 104 |

105 |
106 | 107 |
108 | READ MORE 109 |
110 | 111 |
112 |
113 |
114 |
115 | 116 | Image 1 117 | 118 |
119 |

120 | Git & GitHub 121 |

122 |

123 | GitHub is a web-based version-control and collaboration platform for software developers. Microsoft, the biggest single contributor to GitHub, initiated an acquisition of GitHub. 124 |

125 |
126 | 127 |
128 | READ MORE 129 |
130 | 131 |
132 |
133 |
134 |
135 | 136 | Image 1 137 | 138 |
139 |

140 | Competitive Coding 141 |

142 |

143 | The aim of competitive programming is to write source code of computer programs which are able to solve given problems. A vast majority of problems appearing in programming... 144 |

145 |
146 | 147 |
148 | READ MORE 149 |
150 | 151 |
152 |
153 |
154 |
155 | 156 | Image 1 157 | 158 |
159 |

160 | Virtual Reality 161 |

162 |

163 | Virtual Reality (VR) is the use of computer technology to create a simulated environment. Unlike traditional user interfaces, VR places the user inside an experience. 164 |

165 |
166 | 167 |
168 | READ MORE 169 |
170 | 171 |
172 |
173 |
174 |
175 | 176 | 177 | 178 | 179 | 180 | -------------------------------------------------------------------------------- /Blog/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /Blog/h&f.css: -------------------------------------------------------------------------------- 1 | /* Header */ 2 | #header{ 3 | padding-top: 7px; 4 | padding-bottom: 7px; 5 | padding-right: 10px; 6 | padding-left: 1px; 7 | background-color: #202325; 8 | color: #fff; 9 | } 10 | 11 | .logo{ 12 | height: 60px; 13 | } 14 | 15 | .nav-item{ 16 | padding-left: 10px; 17 | padding-right: 10px; 18 | } 19 | 20 | /* Footer */ 21 | 22 | /* .text-center{ 23 | align-content: center; 24 | padding-left: 100px; 25 | } */ 26 | 27 | section { 28 | padding: 40px 0; 29 | } 30 | 31 | section .section-title { 32 | text-align: center; 33 | color: #007b5e; 34 | margin-bottom: 50px; 35 | text-transform: uppercase; 36 | } 37 | 38 | #footer { 39 | background: #202325 !important; 40 | } 41 | 42 | #footer h5{ 43 | padding-left: 10px; 44 | border-left: 3px solid #eeeeee; 45 | padding-bottom: 6px; 46 | margin-bottom: 20px; 47 | color:#ffffff; 48 | } 49 | 50 | #footer a { 51 | color: #ffffff; 52 | text-decoration: none !important; 53 | background-color: transparent; 54 | -webkit-text-decoration-skip: objects; 55 | } 56 | 57 | #footer ul.social li{ 58 | padding: 3px 0; 59 | } 60 | 61 | #footer ul.social li a i { 62 | margin-right: 5px; 63 | font-size:25px; 64 | -webkit-transition: .5s all ease; 65 | -moz-transition: .5s all ease; 66 | transition: .5s all ease; 67 | } 68 | 69 | #footer ul.social li:hover a i { 70 | font-size:30px; 71 | margin-top: -10px; 72 | } 73 | 74 | #footer ul.social li a, 75 | #footer ul.quick-links li a{ 76 | color:#ffffff; 77 | } 78 | 79 | #footer ul.social li a:hover{ 80 | color:#eeeeee; 81 | } 82 | 83 | #footer ul.quick-links li{ 84 | padding: 3px 0; 85 | -webkit-transition: .5s all ease; 86 | -moz-transition: .5s all ease; 87 | transition: .5s all ease; 88 | } 89 | 90 | #footer ul.hover-links li:hover{ 91 | padding: 3px 0; 92 | margin-left:5px; 93 | font-weight:700; 94 | } 95 | 96 | #footer ul.quick-links li a i{ 97 | margin-right: 5px; 98 | } 99 | 100 | #footer ul.hover-links li:hover a i { 101 | font-weight: 700; 102 | } 103 | 104 | .icons{ 105 | padding-top: -5px; 106 | } 107 | 108 | @media (max-width:767px){ 109 | #footer h5 { 110 | padding-left: 0; 111 | border-left: transparent; 112 | padding-bottom: 0px; 113 | margin-bottom: 10px; 114 | } 115 | } -------------------------------------------------------------------------------- /Blog/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /Blog/images/comp-prog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Blog/images/comp-prog.png -------------------------------------------------------------------------------- /Blog/images/data-sci.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Blog/images/data-sci.png -------------------------------------------------------------------------------- /Blog/images/full-stack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Blog/images/full-stack.png -------------------------------------------------------------------------------- /Blog/images/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Blog/images/git.png -------------------------------------------------------------------------------- /Blog/images/grap-des.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Blog/images/grap-des.png -------------------------------------------------------------------------------- /Blog/images/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Blog/images/image1.jpg -------------------------------------------------------------------------------- /Blog/images/vir-reality.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Blog/images/vir-reality.png -------------------------------------------------------------------------------- /Contact/Imgs/Contact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Contact/Imgs/Contact.png -------------------------------------------------------------------------------- /Contact/contact.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600); 2 | 3 | * { 4 | margin:0; 5 | padding:0; 6 | box-sizing:border-box; 7 | -webkit-box-sizing:border-box; 8 | -moz-box-sizing:border-box; 9 | -webkit-font-smoothing:antialiased; 10 | -moz-font-smoothing:antialiased; 11 | -o-font-smoothing:antialiased; 12 | font-smoothing: antialiased; 13 | text-rendering:optimizeLegibility; 14 | } 15 | 16 | body { 17 | font-family:"Open Sans", Helvetica, Arial, sans-serif; 18 | font-weight:300; 19 | font-size: 12px; 20 | line-height:30px; 21 | color:#777; 22 | background:#0CF; 23 | } 24 | 25 | .container { 26 | padding-left: 500px; 27 | padding-right: 500px; 28 | max-width:400px; 29 | width:100%; 30 | margin:0 auto; 31 | position:relative; 32 | } 33 | 34 | #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; } 35 | 36 | #contact { 37 | background:#F9F9F9; 38 | padding:25px; 39 | margin:50px 0; 40 | } 41 | 42 | #contact h3 { 43 | color: black; 44 | display: block; 45 | font-size: 30px; 46 | font-weight: 400; 47 | } 48 | 49 | #contact h4 { 50 | color: rgb(75, 73, 73); 51 | margin:5px 0 15px; 52 | display:block; 53 | font-size:13px; 54 | } 55 | 56 | fieldset { 57 | border: medium none !important; 58 | margin: 0 0 10px; 59 | min-width: 100%; 60 | padding: 0; 61 | width: 100%; 62 | } 63 | 64 | #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea { 65 | width:100%; 66 | border:1px solid #CCC; 67 | background:#FFF; 68 | margin:0 0 5px; 69 | padding:10px; 70 | } 71 | 72 | #contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover { 73 | -webkit-transition:border-color 0.3s ease-in-out; 74 | -moz-transition:border-color 0.3s ease-in-out; 75 | transition:border-color 0.3s ease-in-out; 76 | border:1px solid #AAA; 77 | } 78 | 79 | #contact textarea { 80 | height:100px; 81 | max-width:100%; 82 | resize:none; 83 | } 84 | 85 | #contact button[type="submit"] { 86 | cursor:pointer; 87 | width:100%; 88 | border:none; 89 | background:#202325; 90 | color:#FFF; 91 | margin:0 0 5px; 92 | padding:10px; 93 | font-size:15px; 94 | } 95 | 96 | #contact button[type="submit"]:hover { 97 | background: #202325; 98 | -webkit-transition:background 0.3s ease-in-out; 99 | -moz-transition:background 0.3s ease-in-out; 100 | transition:background-color 0.3s ease-in-out; 101 | } 102 | 103 | #contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); } 104 | 105 | #contact input:focus, #contact textarea:focus { 106 | outline:0; 107 | border:1px solid #999; 108 | } 109 | ::-webkit-input-placeholder { 110 | color:#888; 111 | } 112 | :-moz-placeholder { 113 | color:#888; 114 | } 115 | ::-moz-placeholder { 116 | color:#888; 117 | } 118 | :-ms-input-placeholder { 119 | color:#888; 120 | } 121 | 122 | -------------------------------------------------------------------------------- /Contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Contact 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 30 | 36 | 37 | 38 | 39 | 52 | 53 | 54 |
55 |
56 |

Quick Contact

57 |

Contact us today, and get reply with in 24 hours!

58 |
59 | 60 |
61 |
62 | 63 |
64 |
65 | 66 |
67 |
68 | 69 |
70 |
71 | 72 |
73 |
74 | 75 |
76 |
77 | 78 | 79 |
80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /Contact/contactus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 32 | 38 | 39 | 40 | 41 | 42 | 43 |
44 |
45 |

Contact us

46 |

We will try to reply with in 24 hours!

47 |
48 | 49 |
50 |
51 | 52 |
53 |
54 | 55 |
56 | 57 |
58 | 59 |
60 |
61 | 62 |
63 |
64 | 65 | 66 |
67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /Contact/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /Contact/h&f.css: -------------------------------------------------------------------------------- 1 | /* Header */ 2 | #header{ 3 | padding-top: 7px; 4 | padding-bottom: 7px; 5 | padding-right: 10px; 6 | padding-left: 1px; 7 | background-color: #202325; 8 | color: #fff; 9 | } 10 | 11 | .logo{ 12 | height: 60px; 13 | } 14 | 15 | .nav-item{ 16 | padding-left: 10px; 17 | padding-right: 10px; 18 | } 19 | 20 | /* Footer */ 21 | 22 | /* .text-center{ 23 | align-content: center; 24 | padding-left: 100px; 25 | } */ 26 | 27 | section { 28 | padding: 40px 0; 29 | } 30 | 31 | section .section-title { 32 | text-align: center; 33 | color: #007b5e; 34 | margin-bottom: 50px; 35 | text-transform: uppercase; 36 | } 37 | 38 | #footer { 39 | background: #202325 !important; 40 | } 41 | 42 | #footer h5{ 43 | padding-left: 10px; 44 | border-left: 3px solid #eeeeee; 45 | padding-bottom: 6px; 46 | margin-bottom: 20px; 47 | color:#ffffff; 48 | } 49 | 50 | #footer a { 51 | color: #ffffff; 52 | text-decoration: none !important; 53 | background-color: transparent; 54 | -webkit-text-decoration-skip: objects; 55 | } 56 | 57 | #footer ul.social li{ 58 | padding: 3px 0; 59 | } 60 | 61 | #footer ul.social li a i { 62 | margin-right: 5px; 63 | font-size:25px; 64 | -webkit-transition: .5s all ease; 65 | -moz-transition: .5s all ease; 66 | transition: .5s all ease; 67 | } 68 | 69 | #footer ul.social li:hover a i { 70 | font-size:30px; 71 | margin-top: -10px; 72 | } 73 | 74 | #footer ul.social li a, 75 | #footer ul.quick-links li a{ 76 | color:#ffffff; 77 | } 78 | 79 | #footer ul.social li a:hover{ 80 | color:#eeeeee; 81 | } 82 | 83 | #footer ul.quick-links li{ 84 | padding: 3px 0; 85 | -webkit-transition: .5s all ease; 86 | -moz-transition: .5s all ease; 87 | transition: .5s all ease; 88 | } 89 | 90 | #footer ul.hover-links li:hover{ 91 | padding: 3px 0; 92 | margin-left:5px; 93 | font-weight:700; 94 | } 95 | 96 | #footer ul.quick-links li a i{ 97 | margin-right: 5px; 98 | } 99 | 100 | #footer ul.hover-links li:hover a i { 101 | font-weight: 700; 102 | } 103 | 104 | .icons{ 105 | padding-top: -5px; 106 | } 107 | 108 | @media (max-width:767px){ 109 | #footer h5 { 110 | padding-left: 0; 111 | border-left: transparent; 112 | padding-bottom: 0px; 113 | margin-bottom: 10px; 114 | } 115 | } -------------------------------------------------------------------------------- /Contact/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /Header & Footer - New/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /Header & Footer - New/h&f.css: -------------------------------------------------------------------------------- 1 | /* Header */ 2 | #header{ 3 | padding-top: 7px; 4 | padding-bottom: 7px; 5 | padding-right: 10px; 6 | padding-left: 1px; 7 | background-color: #202325; 8 | color: #fff; 9 | } 10 | 11 | .logo{ 12 | height: 60px; 13 | } 14 | 15 | .nav-item{ 16 | padding-left: 10px; 17 | padding-right: 10px; 18 | } 19 | 20 | /* Footer */ 21 | 22 | /* .text-center{ 23 | align-content: center; 24 | padding-left: 100px; 25 | } */ 26 | 27 | section { 28 | padding: 40px 0; 29 | } 30 | 31 | section .section-title { 32 | text-align: center; 33 | color: #007b5e; 34 | margin-bottom: 50px; 35 | text-transform: uppercase; 36 | } 37 | 38 | #footer { 39 | background: #202325 !important; 40 | } 41 | 42 | #footer h5{ 43 | padding-left: 10px; 44 | border-left: 3px solid #eeeeee; 45 | padding-bottom: 6px; 46 | margin-bottom: 20px; 47 | color:#ffffff; 48 | } 49 | 50 | #footer a { 51 | color: #ffffff; 52 | text-decoration: none !important; 53 | background-color: transparent; 54 | -webkit-text-decoration-skip: objects; 55 | } 56 | 57 | #footer ul.social li{ 58 | padding: 3px 0; 59 | } 60 | 61 | #footer ul.social li a i { 62 | margin-right: 5px; 63 | font-size:25px; 64 | -webkit-transition: .5s all ease; 65 | -moz-transition: .5s all ease; 66 | transition: .5s all ease; 67 | } 68 | 69 | #footer ul.social li:hover a i { 70 | font-size:30px; 71 | margin-top: -10px; 72 | } 73 | 74 | #footer ul.social li a, 75 | #footer ul.quick-links li a{ 76 | color:#ffffff; 77 | } 78 | 79 | #footer ul.social li a:hover{ 80 | color:#eeeeee; 81 | } 82 | 83 | #footer ul.quick-links li{ 84 | padding: 3px 0; 85 | -webkit-transition: .5s all ease; 86 | -moz-transition: .5s all ease; 87 | transition: .5s all ease; 88 | } 89 | 90 | #footer ul.hover-links li:hover{ 91 | padding: 3px 0; 92 | margin-left:5px; 93 | font-weight:700; 94 | } 95 | 96 | #footer ul.quick-links li a i{ 97 | margin-right: 5px; 98 | } 99 | 100 | #footer ul.hover-links li:hover a i { 101 | font-weight: 700; 102 | } 103 | 104 | .icons{ 105 | padding-top: -5px; 106 | } 107 | 108 | @media (max-width:767px){ 109 | #footer h5 { 110 | padding-left: 0; 111 | border-left: transparent; 112 | padding-bottom: 0px; 113 | margin-bottom: 10px; 114 | } 115 | } -------------------------------------------------------------------------------- /Header & Footer - New/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /Header & Footer - Old/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 50 | 51 | 52 | 53 |
54 | 55 | 56 | 66 | 67 | 130 | 131 | 132 | 133 | 134 | -------------------------------------------------------------------------------- /Header & Footer - Old/style.css: -------------------------------------------------------------------------------- 1 | body {margin:0;font-family:Arial} 2 | 3 | .topnav { 4 | overflow: hidden; 5 | background-color: #202325; 6 | } 7 | 8 | .topnav a { 9 | float: left; 10 | display: block; 11 | color: #f2f2f2; 12 | text-align: center; 13 | padding: 14px 16px; 14 | text-decoration: none; 15 | font-size: 17px; 16 | } 17 | 18 | 19 | 20 | .topnav .icon { 21 | display: none; 22 | } 23 | 24 | .dropdown { 25 | float: left; 26 | overflow: hidden; 27 | } 28 | 29 | .dropdown .dropbtn { 30 | font-size: 17px; 31 | border: none; 32 | outline: none; 33 | color: white; 34 | padding: 14px 16px; 35 | background-color: inherit; 36 | font-family: inherit; 37 | margin: 0; 38 | } 39 | 40 | .dropdown-content { 41 | display: none; 42 | position: absolute; 43 | background-color: #f9f9f9; 44 | min-width: 160px; 45 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 46 | z-index: 1; 47 | } 48 | 49 | .main-nav li{ 50 | display: inline-block; 51 | list-style: none; 52 | } 53 | 54 | .main-nav li a:hover{ 55 | border-bottom: 2px solid whitesmoke; 56 | } 57 | 58 | .dropdown-content a { 59 | float: none; 60 | color: black; 61 | padding: 12px 16px; 62 | text-decoration: none; 63 | display: block; 64 | text-align: left; 65 | } 66 | 67 | .topnav a:hover, .dropdown:hover .dropbtn { 68 | 69 | color: white; 70 | } 71 | 72 | .dropdown-content a:hover { 73 | background-color: #ddd; 74 | color: black; 75 | } 76 | 77 | .dropdown:hover .dropdown-content { 78 | display: block; 79 | } 80 | 81 | @media screen and (max-width: 600px) { 82 | .topnav a:not(:first-child), .dropdown .dropbtn { 83 | display: none; 84 | } 85 | .topnav a.icon { 86 | float: right; 87 | display: block; 88 | } 89 | } 90 | 91 | @media screen and (max-width: 600px) { 92 | .topnav.responsive {position: relative;} 93 | .topnav.responsive .icon { 94 | position: absolute; 95 | right: 0; 96 | top: 0; 97 | } 98 | .topnav.responsive a { 99 | float: none; 100 | display: block; 101 | text-align: left; 102 | } 103 | .topnav.responsive .dropdown {float: none;} 104 | .topnav.responsive .dropdown-content {position: relative;} 105 | .topnav.responsive .dropdown .dropbtn { 106 | display: block; 107 | width: 100%; 108 | text-align: left; 109 | } 110 | } 111 | 112 | .search{ 113 | float: right; 114 | margin-top: 32px; 115 | } 116 | 117 | 118 | footer{ 119 | 120 | bottom: 0; 121 | } 122 | .footer-distributed{ 123 | background-color: #202325; 124 | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); 125 | box-sizing: border-box; 126 | width: 100%; 127 | text-align: left; 128 | font: bold 16px sans-serif; 129 | 130 | padding: 35px 50px; 131 | margin-top: 80px; 132 | } 133 | 134 | .footer-distributed .footer-left, 135 | .footer-distributed .footer-center, 136 | .footer-distributed .footer-right{ 137 | display: inline-block; 138 | vertical-align: top; 139 | } 140 | 141 | .footer-distributed .footer-left{ 142 | width: 40%; 143 | } 144 | 145 | .footer-distributed .uplift-title{ 146 | color: #ffffff; 147 | font: normal 36px 'Cookie', cursive; 148 | margin: 0; 149 | } 150 | 151 | .footer-distributed h3 span{ 152 | color: #5383d3; 153 | } 154 | 155 | 156 | .footer-distributed .footer-links{ 157 | color: #ffffff; 158 | margin: 20px 0 12px; 159 | padding: 0; 160 | } 161 | 162 | .footer-distributed .footer-links a{ 163 | display:inline-block; 164 | line-height: 1.8; 165 | text-decoration: none; 166 | color: inherit; 167 | } 168 | 169 | .footer-distributed .footer-company-name{ 170 | color: #8f9296; 171 | font-size: 14px; 172 | font-weight: normal; 173 | margin: 0; 174 | } 175 | 176 | 177 | .footer-distributed .footer-center{ 178 | width: 35%; 179 | } 180 | 181 | .footer-distributed .footer-center i{ 182 | background-color: #33383b; 183 | color: #ffffff; 184 | font-size: 25px; 185 | width: 38px; 186 | height: 38px; 187 | border-radius: 50%; 188 | text-align: center; 189 | line-height: 42px; 190 | margin: 10px 15px; 191 | vertical-align: middle; 192 | } 193 | 194 | .footer-distributed .footer-center i.fa-envelope{ 195 | font-size: 17px; 196 | line-height: 38px; 197 | } 198 | 199 | .footer-distributed .footer-center p{ 200 | display: inline-block; 201 | color: #ffffff; 202 | vertical-align: middle; 203 | margin:0; 204 | } 205 | 206 | .footer-distributed .footer-center p span{ 207 | display:block; 208 | font-weight: normal; 209 | font-size:14px; 210 | line-height:2; 211 | } 212 | 213 | .footer-distributed .footer-center p a{ 214 | color: #5383d3; 215 | text-decoration: none;; 216 | } 217 | 218 | .footer-distributed .footer-right{ 219 | width: 20%; 220 | } 221 | 222 | .footer-distributed .footer-company-about{ 223 | line-height: 20px; 224 | color: #92999f; 225 | font-size: 14px; 226 | font-weight: normal; 227 | margin: 0; 228 | } 229 | 230 | .footer-company-about h4{ 231 | line-height: 2; 232 | color: #92999f; 233 | font-size: 14px; 234 | font-weight: normal; 235 | margin: 0; 236 | } 237 | 238 | .footer-distributed .footer-company-about span{ 239 | display: block; 240 | font-size: 1.5em; 241 | margin-block-start: 0.83em; 242 | margin-block-end: 0.83em; 243 | margin-inline-start: 0px; 244 | margin-inline-end: 0px; 245 | font-weight: bold; 246 | color: #ffffff; 247 | 248 | } 249 | 250 | 251 | .footer-distributed .footer-icons{ 252 | margin-top: 25px; 253 | } 254 | 255 | .footer-distributed .footer-icons a{ 256 | display: inline-block; 257 | width: 35px; 258 | height: 35px; 259 | cursor: pointer; 260 | background-color: #33383b; 261 | border-radius: 2px; 262 | 263 | font-size: 20px; 264 | color: #ffffff; 265 | text-align: center; 266 | line-height: 35px; 267 | 268 | margin-right: 3px; 269 | margin-bottom: 5px; 270 | } 271 | .resize-resources{ 272 | margin-top: 15px; 273 | } 274 | 275 | 276 | @media (max-width: 880px) { 277 | 278 | .footer-distributed{ 279 | font: bold 14px sans-serif; 280 | 281 | } 282 | 283 | .footer-distributed .footer-left, 284 | .footer-distributed .footer-center, 285 | .footer-distributed .footer-right{ 286 | display: block; 287 | width: 100%; 288 | margin-bottom: 40px; 289 | text-align: center; 290 | } 291 | 292 | .footer-distributed .footer-center i{ 293 | margin-left: 0; 294 | } 295 | .main { 296 | line-height: normal; 297 | font-size: auto; 298 | } 299 | 300 | } 301 | h2{ 302 | color: white; 303 | } 304 | .img{ 305 | height: 60px; 306 | } 307 | 308 | .topnav-right{ 309 | float: right; 310 | padding-top: 5px; 311 | padding-right: 15px; 312 | } 313 | -------------------------------------------------------------------------------- /Internship/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /Internship/h&f.css: -------------------------------------------------------------------------------- 1 | /* Header */ 2 | #header{ 3 | padding-top: 7px; 4 | padding-bottom: 7px; 5 | padding-right: 10px; 6 | padding-left: 1px; 7 | background-color: #202325; 8 | color: #fff; 9 | } 10 | 11 | .logo{ 12 | height: 60px; 13 | } 14 | 15 | .nav-item{ 16 | padding-left: 10px; 17 | padding-right: 10px; 18 | } 19 | 20 | /* Footer */ 21 | 22 | /* .text-center{ 23 | align-content: center; 24 | padding-left: 100px; 25 | } */ 26 | 27 | section { 28 | padding: 40px 0; 29 | } 30 | 31 | section .section-title { 32 | text-align: center; 33 | color: #007b5e; 34 | margin-bottom: 50px; 35 | text-transform: uppercase; 36 | } 37 | 38 | #footer { 39 | background: #202325 !important; 40 | } 41 | 42 | #footer h5{ 43 | padding-left: 10px; 44 | border-left: 3px solid #eeeeee; 45 | padding-bottom: 6px; 46 | margin-bottom: 20px; 47 | color:#ffffff; 48 | } 49 | 50 | #footer a { 51 | color: #ffffff; 52 | text-decoration: none !important; 53 | background-color: transparent; 54 | -webkit-text-decoration-skip: objects; 55 | } 56 | 57 | #footer ul.social li{ 58 | padding: 3px 0; 59 | } 60 | 61 | #footer ul.social li a i { 62 | margin-right: 5px; 63 | font-size:25px; 64 | -webkit-transition: .5s all ease; 65 | -moz-transition: .5s all ease; 66 | transition: .5s all ease; 67 | } 68 | 69 | #footer ul.social li:hover a i { 70 | font-size:30px; 71 | margin-top: -10px; 72 | } 73 | 74 | #footer ul.social li a, 75 | #footer ul.quick-links li a{ 76 | color:#ffffff; 77 | } 78 | 79 | #footer ul.social li a:hover{ 80 | color:#eeeeee; 81 | } 82 | 83 | #footer ul.quick-links li{ 84 | padding: 3px 0; 85 | -webkit-transition: .5s all ease; 86 | -moz-transition: .5s all ease; 87 | transition: .5s all ease; 88 | } 89 | 90 | #footer ul.hover-links li:hover{ 91 | padding: 3px 0; 92 | margin-left:5px; 93 | font-weight:700; 94 | } 95 | 96 | #footer ul.quick-links li a i{ 97 | margin-right: 5px; 98 | } 99 | 100 | #footer ul.hover-links li:hover a i { 101 | font-weight: 700; 102 | } 103 | 104 | .icons{ 105 | padding-top: -5px; 106 | } 107 | 108 | @media (max-width:767px){ 109 | #footer h5 { 110 | padding-left: 0; 111 | border-left: transparent; 112 | padding-bottom: 0px; 113 | margin-bottom: 10px; 114 | } 115 | } -------------------------------------------------------------------------------- /Internship/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 37 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /Internship/internship.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-size: 1rem; 5 | line-height: 1.6; 6 | font-weight: 400; 7 | color: #333; 8 | background-color: #d8e3ea; 9 | } 10 | 11 | .main-body{ 12 | padding-top: 10px; 13 | padding-bottom: 20px; 14 | } 15 | 16 | .main { 17 | height: 100%; 18 | display: table; 19 | margin: auto; 20 | } 21 | 22 | .main h3 { 23 | height: 100%; 24 | display: table-cell; 25 | color: #ffffff; 26 | vertical-align: middle; 27 | } 28 | 29 | .card { 30 | margin: 34px auto; 31 | max-width: 95%; 32 | width: 920px; 33 | background-color: #ffffff; 34 | -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75); 35 | -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75); 36 | box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75); 37 | } 38 | 39 | .card-title { 40 | text-decoration: none !important; 41 | color: #484848; 42 | } 43 | 44 | .card-title:hover { 45 | text-decoration: none !important; 46 | color: #484848; 47 | } 48 | 49 | .card:hover, 50 | .card:focus, 51 | .card:active { 52 | -webkit-transform: scale(1.026); 53 | transform: scale(1.026); 54 | } 55 | 56 | .title h3 { 57 | padding-top: 18px; 58 | padding-left: 25px; 59 | padding-right: 25px; 60 | color: #484848; 61 | font-weight: 600; 62 | font-family: Inter, sans-serif; 63 | font-size: 22.5px; 64 | } 65 | 66 | .title p { 67 | padding-left: 25px; 68 | padding-right: 25px; 69 | text-align: left; 70 | opacity: 0.7; 71 | line-height: 1.6; 72 | color: #6b6b6b; 73 | font-family: Inter, sans-serif; 74 | font-weight: 600; 75 | font-size: large; 76 | } 77 | 78 | h4 { 79 | font-size: large; 80 | font-family: Inter, sans-serif; 81 | color: #484848; 82 | font-weight: 600; 83 | } 84 | 85 | .duration h4 { 86 | padding-left: 25px; 87 | padding-right: 25px; 88 | font-family: Inter, sans-serif; 89 | color: #484848; 90 | font-weight: 500; 91 | font-size: 1.4rem; 92 | } 93 | 94 | .stipend h4 { 95 | text-align: left; 96 | /* padding-left: 25px; 97 | padding-right: 25px; */ 98 | font-family: Inter, sans-serif; 99 | color: #484848; 100 | font-weight: 500; 101 | font-size: 1.4rem; 102 | } 103 | 104 | .skill h4 { 105 | padding-left: 25px; 106 | padding-right: 25px; 107 | font-family: Inter, sans-serif; 108 | color: #484848; 109 | font-weight: 500; 110 | font-size: 1.4rem; 111 | } 112 | 113 | .duration p { 114 | padding-left: 25px; 115 | padding-right: 25px; 116 | text-align: left; 117 | opacity: 0.7; 118 | line-height: 1.6; 119 | color: #6b6b6b; 120 | font-family: Inter, sans-serif; 121 | font-weight: 600; 122 | font-size: medium; 123 | } 124 | 125 | .stipend p { 126 | text-align: left; 127 | opacity: 0.7; 128 | line-height: 1.6; 129 | color: #6b6b6b; 130 | font-family: Inter, sans-serif; 131 | font-weight: 700; 132 | font-size: medium; 133 | } 134 | 135 | .skill p { 136 | padding-left: 25px; 137 | padding-right: 25px; 138 | text-align: left; 139 | opacity: 0.7; 140 | line-height: 1.6; 141 | color: #6b6b6b; 142 | font-family: Inter, sans-serif; 143 | font-weight: 600; 144 | font-size: medium; 145 | } 146 | 147 | .link { 148 | text-align: right; 149 | padding-right: 10px; 150 | padding-bottom: 10px; 151 | display: inline; 152 | font-size: 16.7px; 153 | font-weight: 400; 154 | font-family: Inter, sans-serif; 155 | } 156 | 157 | .link:hover { 158 | color: rgb(34, 88, 238); 159 | font-weight: 625; 160 | text-decoration: none; 161 | } 162 | -------------------------------------------------------------------------------- /Internship/internship.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Internships - Career Path 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 26 | 32 | 33 | 34 | 35 | 36 |
37 |
38 |
39 |

Full Stack Development

40 |

Wipro

41 |
42 |
43 | 44 |
45 |
46 |

Skills Required:

47 |

PHP, HTML, Adobe Illustrator, Adobe Dreamweaver, Adobe Indesign, Bootstrap, UI & UX Design, C++, 48 | ReactJS

49 |
50 |
51 | 52 |
53 |
54 |
55 |

Duration:

56 |

2 months

57 |
58 |
59 |

Stipend:

60 |

₹ 5000/month

61 |
62 |
63 |
64 | 65 |
66 | Apply now > 67 |
68 | 69 |
70 | 71 |
72 |
73 |

Android Development

74 |

Infosys

75 |
76 |
77 | 78 |
79 |
80 |

Skills Required:

81 |

Java, XML, Android

82 |
83 |
84 | 85 |
86 |
87 |
88 |

Duration:

89 |

3 months

90 |
91 |
92 |

Stipend:

93 |

₹ 7000/month

94 |
95 |
96 |
97 | 98 |
99 | Apply now > 100 |
101 | 102 |
103 | 104 |
105 |
106 |

Data Science

107 |

IBM

108 |
109 |
110 | 111 |
112 |
113 |

Skills Required:

114 |

Python, Machine Learning, Tableau

115 |
116 |
117 | 118 |
119 |
120 |
121 |

Duration:

122 |

1 month

123 |
124 |
125 |

Stipend:

126 |

₹ 2000/month

127 |
128 |
129 |
130 | 131 |
132 | Apply now > 133 |
134 | 135 |
136 | 137 |
138 |
139 |

Content Writing

140 |

Geeks for Geeks

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

Skills Required:

147 |

Search Engine Optimization(SEO), Creative Writing, Copywriting, English Proficiency (Written)

148 |
149 |
150 | 151 |
152 |
153 |
154 |

Duration:

155 |

1 month

156 |
157 |
158 |

Stipend:

159 |

₹ 1500/month

160 |
161 |
162 |
163 | 164 |
165 | Apply now > 166 |
167 | 168 |
169 | 170 |
171 |
172 |

Digital Marketing

173 |

MTV

174 |
175 |
176 | 177 |
178 |
179 |

Skills Required:

180 |

Social Media Marketing, Google Analytics, Video Editing, UI & UX Design

181 |
182 |
183 | 184 |
185 |
186 |
187 |

Duration:

188 |

1 month

189 |
190 |
191 |

Stipend:

192 |

₹ 1500/month

193 |
194 |
195 |
196 | 197 |
198 | Apply now > 199 |
200 | 201 |
202 | 203 |
204 |
205 |

Machine Learning

206 |

AMUC

207 |
208 |
209 | 210 |
211 |
212 |

Skills Required:

213 |

Python, Machine Learning, Financial Modeling, R Programming

214 |
215 |
216 | 217 |
218 |
219 |
220 |

Duration:

221 |

2 months

222 |
223 |
224 |

Stipend:

225 |

₹ 8000/month

226 |
227 |
228 |
229 | 230 |
231 | Apply now > 232 |
233 | 234 |
235 |
236 | 237 | 238 | 239 | 240 | 241 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Harsh Bardhan Mishra 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 | -------------------------------------------------------------------------------- /Landing/assets/images/welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Landing/assets/images/welcome.png -------------------------------------------------------------------------------- /Landing/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /Landing/h&f.css: -------------------------------------------------------------------------------- 1 | /* Header */ 2 | #header{ 3 | padding-top: 7px; 4 | padding-bottom: 7px; 5 | padding-right: 10px; 6 | padding-left: 1px; 7 | background-color: #202325; 8 | color: #fff; 9 | } 10 | 11 | .logo{ 12 | height: 60px; 13 | } 14 | 15 | .nav-item{ 16 | padding-left: 10px; 17 | padding-right: 10px; 18 | } 19 | 20 | /* Footer */ 21 | 22 | /* .text-center{ 23 | align-content: center; 24 | padding-left: 100px; 25 | } */ 26 | 27 | section { 28 | padding: 40px 0; 29 | } 30 | 31 | section .section-title { 32 | text-align: center; 33 | color: #007b5e; 34 | margin-bottom: 50px; 35 | text-transform: uppercase; 36 | } 37 | 38 | #footer { 39 | background: #202325 !important; 40 | } 41 | 42 | #footer h5{ 43 | padding-left: 10px; 44 | border-left: 3px solid #eeeeee; 45 | padding-bottom: 6px; 46 | margin-bottom: 20px; 47 | color:#ffffff; 48 | } 49 | 50 | #footer a { 51 | color: #ffffff; 52 | text-decoration: none !important; 53 | background-color: transparent; 54 | -webkit-text-decoration-skip: objects; 55 | } 56 | 57 | #footer ul.social li{ 58 | padding: 3px 0; 59 | } 60 | 61 | #footer ul.social li a i { 62 | margin-right: 5px; 63 | font-size:25px; 64 | -webkit-transition: .5s all ease; 65 | -moz-transition: .5s all ease; 66 | transition: .5s all ease; 67 | } 68 | 69 | #footer ul.social li:hover a i { 70 | font-size:30px; 71 | margin-top: -10px; 72 | } 73 | 74 | #footer ul.social li a, 75 | #footer ul.quick-links li a{ 76 | color:#ffffff; 77 | } 78 | 79 | #footer ul.social li a:hover{ 80 | color:#eeeeee; 81 | } 82 | 83 | #footer ul.quick-links li{ 84 | padding: 3px 0; 85 | -webkit-transition: .5s all ease; 86 | -moz-transition: .5s all ease; 87 | transition: .5s all ease; 88 | } 89 | 90 | #footer ul.hover-links li:hover{ 91 | padding: 3px 0; 92 | margin-left:5px; 93 | font-weight:700; 94 | } 95 | 96 | #footer ul.quick-links li a i{ 97 | margin-right: 5px; 98 | } 99 | 100 | #footer ul.hover-links li:hover a i { 101 | font-weight: 700; 102 | } 103 | 104 | .icons{ 105 | padding-top: -5px; 106 | } 107 | 108 | @media (max-width:767px){ 109 | #footer h5 { 110 | padding-left: 0; 111 | border-left: transparent; 112 | padding-bottom: 0px; 113 | margin-bottom: 10px; 114 | } 115 | } -------------------------------------------------------------------------------- /Landing/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /Landing/landing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Career Path 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 37 | 43 | 44 | 45 | 46 | 47 | 48 | 61 | 62 | 63 | 64 | 65 |
66 |

Career Path

67 |

We care for your future!

68 | Welcome 69 |

This website is developed under GirlScript's The Uplift Project.

70 | 71 |
72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /Landing/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background: linear-gradient( #d3dbff, #8675a9); 3 | } 4 | 5 | .tm{ 6 | padding-top: 45px; 7 | padding-bottom: 30px; 8 | font-size: 120px; 9 | color: black; 10 | text-align: Center; 11 | font-family: 'Dancing Script', cursive; 12 | } 13 | .tm1{ 14 | padding-bottom: 50px; 15 | font-size: 40px; 16 | color: rgb(70, 69, 69); 17 | text-align: Center; 18 | font-family: 'Abel', sans-serif; 19 | } 20 | .tm2{ 21 | padding-top: 50px; 22 | font-size: 30px; 23 | color: rgb(70, 69, 69); 24 | text-align: Center; 25 | font-family: 'Abel', sans-serif; 26 | } 27 | 28 | .welcome-img{ 29 | display: block; 30 | margin-left: auto; 31 | margin-right: auto; 32 | width: 40%; 33 | } 34 | -------------------------------------------------------------------------------- /Landing/welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/Landing/welcome.png -------------------------------------------------------------------------------- /Landing/welcome.svg: -------------------------------------------------------------------------------- 1 | career development -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CareerPath 2 | 3 | ## The Uplift Project 4 | 5 | Uplift Project is a global-remote initiative for people worldwide who want to talk about something fruitful. This Project is a part of HTML-CSS-JS Team 04. 6 | 7 | 8 |

9 | 10 | Logo 11 | 12 | 13 | 14 | ## 📌 Introduction 15 | 16 | The primary purpose for our Project is to create a Website for Students to get the required Career Paths in various fields which they can follow to excel in their future. With separate sections, where they can view recent Internship Opportunities, Learning Courses that they can undertake and Blogs will allow them to better understand the need of the future and more. We will also be integrating a Chatbot which allows them to get some real insights and better answers to their question. 17 | 18 | ## ⭐ How to get started? 19 | 20 | You can refer to the following articles on basics of Git and Github and also contact the Project Mentors, in case you are stuck: 21 | 22 | - [Forking a Repo](https://help.github.com/en/github/getting-started-with-github/fork-a-repo) 23 | - [Cloning a Repo](https://help.github.com/en/desktop/contributing-to-projects/creating-a-pull-request) 24 | - [How to create a Pull Request](https://opensource.com/article/19/7/create-pull-request-github) 25 | - [Getting started with Git and GitHub](https://towardsdatascience.com/getting-started-with-git-and-github-6fcd0f2d4ac6) 26 | 27 | ## 💥 How to Contribute? 28 | 29 | - Take a look at the Existing Issues or create your own Issues! 30 | - Wait for the Issue to be assigned to you after which you can start working on it. 31 | - Fork the Repo and create a Branch for any Issue that you are working upon. 32 | - Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it. 33 | - Add Screenshots of your implementation to help better understand the features you have implemented. 34 | 35 | -------------------------------------------------------------------------------- /favicon_io/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/favicon_io/android-chrome-192x192.png -------------------------------------------------------------------------------- /favicon_io/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/favicon_io/android-chrome-512x512.png -------------------------------------------------------------------------------- /favicon_io/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/favicon_io/apple-touch-icon.png -------------------------------------------------------------------------------- /favicon_io/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/favicon_io/favicon-16x16.png -------------------------------------------------------------------------------- /favicon_io/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/favicon_io/favicon-32x32.png -------------------------------------------------------------------------------- /favicon_io/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/favicon_io/favicon.ico -------------------------------------------------------------------------------- /favicon_io/site.webmanifest: -------------------------------------------------------------------------------- 1 | {"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} -------------------------------------------------------------------------------- /logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/logo.jpg -------------------------------------------------------------------------------- /logo2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/logo2.jpeg -------------------------------------------------------------------------------- /logo3.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/logo3.PNG -------------------------------------------------------------------------------- /tech path/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |

84 | 85 | 86 | -------------------------------------------------------------------------------- /tech path/h&f.css: -------------------------------------------------------------------------------- 1 | /* Header */ 2 | #header{ 3 | padding-top: 7px; 4 | padding-bottom: 7px; 5 | padding-right: 10px; 6 | padding-left: 1px; 7 | background-color: #202325; 8 | color: #fff; 9 | } 10 | 11 | .logo{ 12 | height: 60px; 13 | } 14 | 15 | .nav-item{ 16 | padding-left: 10px; 17 | padding-right: 10px; 18 | } 19 | 20 | /* Footer */ 21 | 22 | /* .text-center{ 23 | align-content: center; 24 | padding-left: 100px; 25 | } */ 26 | 27 | section { 28 | padding: 40px 0; 29 | } 30 | 31 | section .section-title { 32 | text-align: center; 33 | color: #007b5e; 34 | margin-bottom: 50px; 35 | text-transform: uppercase; 36 | } 37 | 38 | #footer { 39 | background: #202325 !important; 40 | } 41 | 42 | #footer h5{ 43 | padding-left: 10px; 44 | border-left: 3px solid #eeeeee; 45 | padding-bottom: 6px; 46 | margin-bottom: 20px; 47 | color:#ffffff; 48 | } 49 | 50 | #footer a { 51 | color: #ffffff; 52 | text-decoration: none !important; 53 | background-color: transparent; 54 | -webkit-text-decoration-skip: objects; 55 | } 56 | 57 | #footer ul.social li{ 58 | padding: 3px 0; 59 | } 60 | 61 | #footer ul.social li a i { 62 | margin-right: 5px; 63 | font-size:25px; 64 | -webkit-transition: .5s all ease; 65 | -moz-transition: .5s all ease; 66 | transition: .5s all ease; 67 | } 68 | 69 | #footer ul.social li:hover a i { 70 | font-size:30px; 71 | margin-top: -10px; 72 | } 73 | 74 | #footer ul.social li a, 75 | #footer ul.quick-links li a{ 76 | color:#ffffff; 77 | } 78 | 79 | #footer ul.social li a:hover{ 80 | color:#eeeeee; 81 | } 82 | 83 | #footer ul.quick-links li{ 84 | padding: 3px 0; 85 | -webkit-transition: .5s all ease; 86 | -moz-transition: .5s all ease; 87 | transition: .5s all ease; 88 | } 89 | 90 | #footer ul.hover-links li:hover{ 91 | padding: 3px 0; 92 | margin-left:5px; 93 | font-weight:700; 94 | } 95 | 96 | #footer ul.quick-links li a i{ 97 | margin-right: 5px; 98 | } 99 | 100 | #footer ul.hover-links li:hover a i { 101 | font-weight: 700; 102 | } 103 | 104 | .icons{ 105 | padding-top: -5px; 106 | } 107 | 108 | @media (max-width:767px){ 109 | #footer h5 { 110 | padding-left: 0; 111 | border-left: transparent; 112 | padding-bottom: 0px; 113 | margin-bottom: 10px; 114 | } 115 | } -------------------------------------------------------------------------------- /tech path/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CareerPath 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /tech path/images/techlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/tech path/images/techlogo.png -------------------------------------------------------------------------------- /tech path/images/undraw_Firmware_jw6u.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/tech path/images/undraw_Firmware_jw6u.png -------------------------------------------------------------------------------- /tech path/images/undraw_Firmware_jw6u.svg: -------------------------------------------------------------------------------- 1 | Firmware -------------------------------------------------------------------------------- /tech path/images/undraw_design_feedback_dexe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/tech path/images/undraw_design_feedback_dexe.png -------------------------------------------------------------------------------- /tech path/images/undraw_design_feedback_dexe.svg: -------------------------------------------------------------------------------- 1 | design_feedback -------------------------------------------------------------------------------- /tech path/images/undraw_hacker_mind_6y85.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/tech path/images/undraw_hacker_mind_6y85.png -------------------------------------------------------------------------------- /tech path/images/undraw_sentiment_analysis_jp6w.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/tech path/images/undraw_sentiment_analysis_jp6w.png -------------------------------------------------------------------------------- /tech path/images/undraw_sentiment_analysis_jp6w.svg: -------------------------------------------------------------------------------- 1 | sentiment_analysis -------------------------------------------------------------------------------- /tech path/images/undraw_software_engineer_lvl5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/tech path/images/undraw_software_engineer_lvl5.png -------------------------------------------------------------------------------- /tech path/images/undraw_software_engineer_lvl5.svg: -------------------------------------------------------------------------------- 1 | software engineer -------------------------------------------------------------------------------- /tech path/images/undraw_web_developer_p3e5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshCasper/CareerPath/c1ff33f3ad06e0e7bd1df6835690db1c7395348a/tech path/images/undraw_web_developer_p3e5.png -------------------------------------------------------------------------------- /tech path/images/undraw_web_developer_p3e5.svg: -------------------------------------------------------------------------------- 1 | web_developer -------------------------------------------------------------------------------- /tech path/readme.md: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /tech path/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5500 3 | } -------------------------------------------------------------------------------- /tech path/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | .main-body{ 6 | padding-top: 20px; 7 | padding-bottom: 100px; 8 | text-align: center; 9 | align-items: center; 10 | } 11 | .main-body-col{ 12 | align-items: center; 13 | padding: 50px; 14 | } 15 | 16 | .courses { 17 | font-family: 'Quicksand', sans-serif; 18 | padding-left: 50px; 19 | padding-right: 100px; 20 | text-align: left; 21 | width: 480px; 22 | height: 300px; 23 | color: #1A6692; 24 | box-shadow: black; 25 | } 26 | .image { 27 | width: 75%; 28 | height: 75%; 29 | align-self: center; 30 | } 31 | 32 | -------------------------------------------------------------------------------- /tech path/tech.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | Tech Path 23 | 28 | 34 | 35 | 36 | 37 | 50 | 51 |
52 |
53 |
54 |
55 |

Web Development

56 |

Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur. 57 |

58 |
59 |
60 |
61 |
62 |

Machine Learning

63 |

Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur. 64 |

65 |
66 |
67 |
68 |
69 |

Artificial Intelligence

70 |

Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur. 71 |

72 |
73 |
74 |
75 | 76 |
77 |
78 |
79 |

Data Structures & Algorithms

80 |

Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur. 81 |

82 |
83 |
84 |
85 |
86 |

Ethical Hacking

87 |

Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur. 88 |

89 |
90 |
91 |
92 |
93 |

Graphic Designing

94 |

Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur. 95 |

96 |
97 |
98 |
99 |
100 | 101 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | --------------------------------------------------------------------------------