├── README.md ├── main.html ├── style4.css ├── stu.html ├── zoho.html ├── style3.css ├── company.html ├── signup.html ├── style2.css ├── contact.html ├── about.html ├── resume.html ├── placment.html └── stylesheet.css /README.md: -------------------------------------------------------------------------------- 1 | # PLACEMENT-PORTAL-MANGEMENT -------------------------------------------------------------------------------- /main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

PLACEMENT PORTAL MANAGEMENT

11 | 12 | -------------------------------------------------------------------------------- /style4.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: aliceblue; 3 | } 4 | .myimg{ 5 | border: 1px solid rgb(0, 0, 0); 6 | border-radius: 10; 7 | width: 200px; 8 | 9 | } 10 | .background{ 11 | background-color: rgba(0,0,0,0.5); 12 | } 13 | a:hover{ 14 | color: blue; 15 | background-color: transparent; 16 | text-decoration: none; 17 | } -------------------------------------------------------------------------------- /stu.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |

Login

13 |
14 | 15 |
16 | 17 | 18 |
19 |
20 | 21 | 22 |
23 |
24 | Login 25 |
26 |
27 |
28 | 29 | -------------------------------------------------------------------------------- /zoho.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

ZOHO

12 | 13 |

Zoho is committed to spending your money wisely. We invest more in product development and customer support than in sales and marketing. It always struck us as paradoxical to charge the customer extra for the privilege of marketing back to them. By keeping our cost of attracting customers low, we keep our prices affordable and pass the savings onto our users.We’ve stayed private and we’ve never taken other people’s money. Neither will change. This keeps us independent and beholden to only the customer, permitting a long term view to naturally unfold. We are private, but far from small. With nearly 12,000 employees across the globe, our style of unconventional thinking seems to have paid off.

14 | 15 | -------------------------------------------------------------------------------- /style3.css: -------------------------------------------------------------------------------- 1 | body{ 2 | color:white; 3 | font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 4 | background-image: url("photos/mkce.jpg"); 5 | } 6 | .regform{ 7 | width:500px; 8 | margin:250px auto; 9 | padding:10px 30px 30px; 10 | background-color:rgba(0, 0, 0,0.5); 11 | font-size: 30px; 12 | border-radius: 10px; 13 | } 14 | .regform h2{ 15 | color:rgb(255, 255, 255); 16 | text-align: center; 17 | } 18 | .regform label{ 19 | display:block 20 | } 21 | 22 | 23 | .input input{ 24 | width:90%; 25 | font-size:1em; 26 | border:1px solid white; 27 | border-radius: 4px; 28 | padding:3px; 29 | color:rgb(0, 0, 0); 30 | box-sizing:border-box; 31 | margin:5px 0px 10px; 32 | } 33 | 34 | 35 | input:focus{ 36 | background-color: rgb(222, 227, 232); 37 | } 38 | .button{ 39 | text-align:center; 40 | } 41 | button{ 42 | font-size:25px; 43 | color: rgb(36, 29, 29) ; 44 | border-radius: 10px; 45 | margin-top: 10px; 46 | padding:15px; 47 | border: 2px solid rgb(0, 0, 0); 48 | } 49 | -------------------------------------------------------------------------------- /company.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 29 | 30 | 31 |

Recruiters

32 |

33 | 34 |
35 |
36 | Snow 37 | 38 |
39 |
40 | Forest 41 |
42 |
43 | Mountains 44 |
45 |
46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /signup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | account 8 | 9 | 10 | 11 |
12 |

Sign Up


13 | 14 |
15 | 16 |
17 | 18 |
19 | 20 |
21 | 22 |
23 | 24 |
25 | Sign Up 26 |
27 |
28 | 29 | -------------------------------------------------------------------------------- /style2.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: rgb((90, 89, 89)90, 89, 89); 3 | background-image: url("photos/mkce.jpg"); 4 | 5 | } 6 | input[type=text],[type=number],[type=date],[type=Email], select{ 7 | width: 100%; 8 | padding: 10px 20px; 9 | margin: 9px 0; 10 | display: inline-block; 11 | border: 0.1px solid #3d3b3b; 12 | border-radius: 4px; 13 | box-sizing: border-box; 14 | } 15 | 16 | input[type=submit] { 17 | width: 100%; 18 | background-color: rgb(43, 42, 42); 19 | color: white; 20 | padding: 14px 20px; 21 | margin: 8px 0; 22 | border: none; 23 | border-radius: 4px; 24 | cursor: pointer; 25 | } 26 | 27 | input[type=submit]:hover { 28 | background-color:#6b6b6b; 29 | } 30 | 31 | div { 32 | border-radius: 5px; 33 | background-color: rgb(253, 192, 202); 34 | padding: 10px; 35 | box-sizing:auto ; 36 | width: 500px; 37 | display: inline-block; 38 | 39 | 40 | 41 | } 42 | .form-center{ 43 | display: flex; 44 | justify-content: center; 45 | margin: auto; 46 | width: 40%; 47 | background-color:rgba(0, 0, 0,0.5); 48 | }h1{ 49 | text-align: center; 50 | } 51 | a:hover{ 52 | color: aliceblue; 53 | background-color: transparent; 54 | text-decoration: none; 55 | } -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 69 | 70 | 71 |
72 |
73 |

Contact Us

74 |

Meet us in MKCE or leave us a message:

75 |
76 |
77 |
78 | 79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 |
89 |
90 |
91 |
92 | 93 | 94 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 75 | 76 | 77 | 78 |
79 |

PLACEMENT PORTAL MANAGEMENT

80 |
81 | 82 |

Our Team

83 |
84 |
85 |
86 |
87 |

JEEVITHA K

88 |

Team lead

89 |

927621BCS045

90 |

927621bcs045@mkce.ac.in

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

HARINIKA A

99 |

Team Member

100 |

927621BCS037

101 |

927621bcs037@mkce.ac.in

102 |
103 |
104 |
105 | 106 |
107 |
108 |
109 |

KIRUTHIKA M

110 |

Team Member

111 |

927621BCS062

112 |

927621bcs062@mkce.ac.in

113 |
114 |
115 |
116 |
117 |
118 |
119 |

KAVIYA S

120 |

Team Member

121 |

927621BCS058

122 |

927621bcs058@mkce.ac.in

123 |
124 |
125 |
126 |
127 | 128 | -------------------------------------------------------------------------------- /resume.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Resume Generator 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |

Resume Generator

17 |

Build your Resume here..

18 |
19 |
20 |

Personal Information

21 |
22 | 23 | 24 |
25 |
26 | 27 | 28 |
29 |
30 | 31 | 32 | 33 |
34 | 35 | 36 |

Important Links

37 |
38 | 39 | 40 |
41 |
42 | 43 | 44 |
45 |
46 | 47 | 48 |
49 | 50 |
51 |
52 |

Professional Information

53 |
54 | 55 | 56 |
57 |
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 | 87 | 88 | 89 |
90 |

Name of the candidate

91 |

Contact No

92 |

Address

93 |
94 |

https://www.facebook.com/LearnCodeWithDurgesh

95 |

https://www.instagram.com/harini_plain_vanilla

96 |

https://www.LinkedIn.com/LearnCodeWithDurgesh

97 |
98 |
99 |
100 | 101 |

Name of the candidate

102 |
103 |
104 |

105 | Objective 106 |

107 |
108 |
110 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero excepturi in minima ea. Aut ullam dicta laudantium eveniet consequuntur saepe, laboriosam iste repellat minus. Aspernatur perferendis vel placeat culpa rem totam dolore molestias nulla ipsum perspiciatis, excepturi inventore facilis eos numquam obcaecati ducimus eius. Consequuntur quas enim reiciendis eligendi doloremque!

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

118 | Work Experience 119 |

120 |
121 |
122 |

123 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, ullam.\ 124 |

125 |
126 |
127 | 128 |
129 |
130 |

131 | Academic Qualification 132 |

133 |
134 |
135 |

136 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, ullam. 137 |

138 |
139 |
140 |
141 | 144 |
145 |
146 |
147 |
148 | 149 | 150 | 151 | -------------------------------------------------------------------------------- /placment.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Placement 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |

PLACEMENT PORTAL

17 |

Enter your details here..

18 |
19 |
20 |

Personal Information

21 |
22 | 23 | 24 |
25 |
26 |
27 | 28 | 29 |
30 |
31 | 32 | 33 |
34 |
35 |
36 | 37 | 38 |
39 |
40 | 41 | 42 |
43 |
44 | 45 | 46 | 47 |
48 | 49 |
50 | 51 | 52 |
53 |
54 |
55 |

ACADEMIC DETAILS

56 |
57 | 58 | 59 |
60 |
61 | 62 | 63 |
64 | 65 | 66 | 67 |
68 | 69 | 70 | 71 |
72 | 73 | 74 |
75 |
76 |
77 | 78 | 79 |
80 | Apply 81 | 163 | -------------------------------------------------------------------------------- /stylesheet.css: -------------------------------------------------------------------------------- 1 | 2 | /*=========================================================layout section========================================================*/ 3 | 4 | body { 5 | 6 | background-color: #fff; 7 | margin: 0px; 8 | font-family: Verdana, Georgia, serif; 9 | font-size: 14px; 10 | font-size:80%; 11 | height:100%; 12 | border:0px; 13 | width:100%; 14 | background-image: url(photos/people.png); 15 | } 16 | 17 | #header { 18 | 19 | font-size: 80%; 20 | margin: 0px; 21 | border:0px; 22 | height: 10.5%; 23 | display:flex; 24 | justify-content: center; 25 | flex-wrap:nowrap; 26 | } 27 | 28 | #navbar { 29 | background-color:rgba(0,0,0,0.5); 30 | font-size: 90%; 31 | height:7.5%; 32 | margin:0px; 33 | text-align:center; 34 | } 35 | 36 | #navbar ul{ 37 | margin: 0px; 38 | text-align:center; 39 | list-style-type:none; 40 | padding:5px; 41 | border-radius: 5px; 42 | } 43 | 44 | 45 | .main { 46 | background-color:white; 47 | 48 | font-size: 110%; 49 | height:82%; 50 | 51 | } 52 | 53 | /*========================================================footer section========================================================*/ 54 | #footer{ 55 | background-color:rgba(0,0,0,0.5); 56 | padding:1px; 57 | height:7%; 58 | clear:both;/*protects from left and right sidebars to overcome on the footer*/ 59 | color:#000; 60 | text-align:center; 61 | font-size:90%; 62 | } 63 | 64 | #footer ul{ 65 | 66 | text-align:right; 67 | list-style-type:none; 68 | padding-right:20px; 69 | border-radius: 1px; 70 | 71 | } 72 | 73 | #footer ul li{ 74 | display:inline; 75 | text-align:center; 76 | } 77 | 78 | #footer ul li a { 79 | text-decoration:none; 80 | font-family:arial; 81 | padding: .2em 1em; 82 | color:#fff; 83 | border-radius:5px; 84 | } 85 | 86 | #footer ul li a:hover { 87 | color:#000; 88 | font-weight:bold; 89 | background-color:#fff; 90 | } 91 | 92 | /*=======================================================button section=========================================================*/ 93 | 94 | .button { 95 | text-decoration:none; 96 | font-family:arial; 97 | padding: .2em 1em; 98 | color:rgb(0, 0, 0); 99 | border-radius:5px; 100 | } 101 | 102 | .button:hover { 103 | color:rgb(50, 29, 82); 104 | font-weight:bold; 105 | background-color:#fff; 106 | } 107 | 108 | /*========================================================header section========================================================*/ 109 | 110 | h1 { 111 | font-size: 120%; 112 | color: #ce282e; 113 | } 114 | 115 | h2 { 116 | font-size: 120%; 117 | color: darkblue; 118 | } 119 | 120 | h3{ 121 | font-size:400%; 122 | text-align:center; 123 | color:#e5e4d7; 124 | font-family:"century gothic","gill sans",arial,serif; 125 | margin:0px; /*as here this h3 is inheriting the margin fron header selector ,so here we overridded it by making it zero*/ 126 | 127 | /*the below code is used to align the text vertically*/ 128 | position:relative; 129 | top:50%; 130 | -webkit-transform:translateY(-50%); 131 | -ms-transform: translateY(-50%); 132 | transform: translateY(-50%); 133 | } 134 | /*we can also use comments like " // statements -->; " */ 135 | 136 | 137 | /*====================================================== R stylesheet ===============================================================*/ 138 | /* The sidebar menu */ 139 | 140 | .sidebar { 141 | height: 100%; 142 | font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 143 | width: 0; 144 | position: fixed;/* Stay in place */ 145 | z-index: 1;/* Stay on top */ 146 | top: 0; 147 | left: 0; 148 | background-color: #f7f7f7; 149 | overflow-x: hidden;/* Disable horizontal scroll */ 150 | padding-top: 50px; 151 | transition: 0.2s;/* 0.2 second transition effect to slide in the sidebar */ 152 | } 153 | 154 | #myInput { 155 | height: 23px; 156 | width: 90%; 157 | } 158 | 159 | #main1 { 160 | position: relative; 161 | text-align:center; 162 | display: flex; 163 | margin: 0 auto; 164 | flex-wrap: wrap; 165 | align-items: center; 166 | font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 167 | } 168 | 169 | #data { 170 | position: relative; 171 | top: 50%; 172 | text-align:center; 173 | } 174 | 175 | /* The sidebar links */ 176 | .sidebar a { 177 | padding: 8px 8px 8px 3px; 178 | text-decoration: none; 179 | font-size: 20px; 180 | color: black; 181 | display: block; 182 | transition: 0.2s; 183 | } 184 | 185 | /* When you mouse over the navigation links, change their color */ 186 | .sidebar a:hover { 187 | color: #5b09b9; 188 | } 189 | 190 | /* Position and style the close button (top right corner) */ 191 | .sidebar .closebtn { 192 | position: absolute; 193 | top: 0; 194 | right: 10px; 195 | font-size: 36px; 196 | margin-left: 50px; 197 | } 198 | 199 | /* The button used to open the sidebar */ 200 | .openbtn { 201 | font-size: 15px; 202 | cursor: pointer; 203 | background-color: rgb(31, 173, 38); 204 | color: white; 205 | padding: 10px 15px; 206 | border: none; 207 | } 208 | 209 | .openbtn:hover { 210 | background-color: rgb(10, 92, 35); 211 | } 212 | 213 | /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ 214 | #main1 { 215 | transition: margin-left .5s; 216 | align-items: center; 217 | /* If you want a transition effect */ 218 | } 219 | 220 | 221 | /*==========================================================navbar details(contact,about)==========================================================*/ 222 | /* 223 | @import url('https://fonts.googleapis.com/css?family=Allura|Josefin+Sans'); 224 | 225 | *{ 226 | margin: 0; 227 | padding: 0; 228 | box-sizing: border-box; 229 | } 230 | 231 | 235 | 236 | .wrapper{ 237 | margin-top: 10%; 238 | } 239 | 240 | .wrapper h1{ 241 | font-family: 'Allura', cursive; 242 | font-size: 52px; 243 | margin-bottom: 60px; 244 | text-align: center; 245 | } 246 | 247 | .team{ 248 | display: flex; 249 | justify-content: center; 250 | width: auto; 251 | text-align: center; 252 | flex-wrap: wrap; 253 | } 254 | 255 | .team .team_member{ 256 | background: #fff; 257 | margin: 5px; 258 | margin-bottom: 50px; 259 | width: 300px; 260 | padding: 20px; 261 | line-height: 20px; 262 | color: #8e8b8b; 263 | position: relative; 264 | } 265 | 266 | .team .team_member h3{ 267 | color: #008080; 268 | font-size: 26px; 269 | margin-top: 50px; 270 | } 271 | 272 | .team .team_member p.role{ 273 | color: #ccc; 274 | margin: 12px 0; 275 | font-size: 12px; 276 | text-transform: uppercase; 277 | }*/ 278 | 279 | .team .team_member .team_img{ 280 | position: absolute; 281 | top: -50px; 282 | left: 50%; 283 | transform: translateX(-50%); 284 | width: 100px; 285 | height: 100px; 286 | border-radius: 50%; 287 | background: #fff; 288 | } 289 | 290 | .team .team_member .team_img img{ 291 | width: 100px; 292 | height: 100px; 293 | padding: 5px; 294 | } --------------------------------------------------------------------------------