├── images ├── 1.jpg ├── 2.jpg ├── bg.jpg ├── job.jpg ├── apply.jpg ├── index.png ├── homeimg.jpg └── maxresdefault.jpg ├── initial ├── logo.png ├── name.png ├── style.css ├── update.php ├── admin-login.php ├── create.php ├── company.php ├── js.php ├── out.php ├── jobpost.php ├── apply.php ├── profile.php ├── companylogin.php ├── home.php ├── login.php └── jslogin.php ├── admin ├── partials │ ├── footer.php │ └── menu.php ├── config │ └── constants.php ├── delete-job.php ├── delete-admin.php ├── index.php ├── manage-apply.php ├── add-admin.php ├── manage-category.php ├── update-admin.php ├── update-password.php ├── manage-admin.php ├── manage-jobs.php ├── add-category.php └── add-job.php ├── styles ├── style.css ├── apply_.css ├── create_.css └── login.css ├── php ├── sucessjs.php ├── sucessdel.php └── sucesscp.php ├── README.md └── css ├── admin.css └── style.css /images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/1.jpg -------------------------------------------------------------------------------- /images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/2.jpg -------------------------------------------------------------------------------- /images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/bg.jpg -------------------------------------------------------------------------------- /images/job.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/job.jpg -------------------------------------------------------------------------------- /images/apply.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/apply.jpg -------------------------------------------------------------------------------- /images/index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/index.png -------------------------------------------------------------------------------- /initial/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/initial/logo.png -------------------------------------------------------------------------------- /initial/name.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/initial/name.png -------------------------------------------------------------------------------- /images/homeimg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/homeimg.jpg -------------------------------------------------------------------------------- /images/maxresdefault.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhanavidhya/Online-Job-Portal-PHP/HEAD/images/maxresdefault.jpg -------------------------------------------------------------------------------- /admin/partials/footer.php: -------------------------------------------------------------------------------- 1 | 6 | 7 | -------------------------------------------------------------------------------- /admin/config/constants.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /admin/partials/menu.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Admin Panel 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /admin/delete-job.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | Job Deleted Successfully"; 14 | header("Location: manage-jobs.php"); 15 | } 16 | else{ 17 | //echo "Not deleted!"; 18 | $_SESSION['delete'] = "
Failed To Delete Job. Try Again Later!
"; 19 | header("Location: manage-jobs.php"); 20 | } 21 | 22 | ?> -------------------------------------------------------------------------------- /admin/delete-admin.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | Admin Deleted Successfully"; 14 | header("Location: manage-admin.php"); 15 | } 16 | else{ 17 | //echo "Not deleted!"; 18 | $_SESSION['delete'] = "
Failed To Delete Adimin. Try Again Later!
"; 19 | header("Location: manage-admin.php"); 20 | } 21 | 22 | ?> -------------------------------------------------------------------------------- /admin/index.php: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |

DASHBOARD

5 | 6 |
7 |

5

8 |
9 | Categories 10 |
11 | 12 |
13 |

5

14 |
15 | Categories 16 |
17 | 18 |
19 |

5

20 |
21 | Categories 22 |
23 | 24 |
25 |

5

26 |
27 | Categories 28 |
29 |
30 |
31 |
32 | -------------------------------------------------------------------------------- /initial/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); 2 | *{ 3 | margin: 0px; 4 | padding: 0; 5 | box-sizing: border-box; 6 | font-family: "Poppins" , sans-serif; 7 | background-color: white; 8 | color:#833471; 9 | } 10 | .preview{ 11 | margin: 20px 0; 12 | padding: 10px 16px; 13 | border-bottom: 3px solid black; 14 | } 15 | .preview:hover{ 16 | box-shadow: 5px 3px 5px 3px #833471; 17 | } 18 | .preview h3{ 19 | font-size: 20px; 20 | color: rgb(174, 174, 174); 21 | margin-bottom: 8px; 22 | } 23 | .menu ul{ 24 | list-style-type: none; 25 | } 26 | .menu ul li{ 27 | display: inline; 28 | padding: 1%; 29 | } 30 | .wrapper{ 31 | text-align: center; 32 | } 33 | 34 | .menu ul li a{ 35 | text-decoration: none; 36 | font-weight: bold; 37 | color: #833471; 38 | } 39 | .menu ul li a:hover{ 40 | color: #D980FA; 41 | } 42 | -------------------------------------------------------------------------------- /styles/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); 2 | *{ 3 | margin: 0px; 4 | padding: 0; 5 | box-sizing: border-box; 6 | font-family: "Poppins" , sans-serif; 7 | background-color: white; 8 | color:#833471; 9 | } 10 | .preview{ 11 | margin: 20px 0; 12 | padding: 10px 16px; 13 | border-bottom: 1px solid rgb(162, 160, 160); 14 | } 15 | .preview:hover{ 16 | box-shadow: 1px 3px 5px 3px #833471; 17 | } 18 | .preview h3{ 19 | font-size: 10px; 20 | color: rgb(174, 174, 174); 21 | margin-bottom: 8px; 22 | } 23 | .menu ul{ 24 | list-style-type: none; 25 | } 26 | .menu ul li{ 27 | display: inline; 28 | padding: 1%; 29 | } 30 | .wrapper{ 31 | text-align: center; 32 | } 33 | 34 | .menu ul li a{ 35 | text-decoration: none; 36 | font-weight: bold; 37 | color: #833471; 38 | } 39 | .menu ul li a:hover{ 40 | color: #D980FA; 41 | } 42 | -------------------------------------------------------------------------------- /php/sucessjs.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 26 | Success 27 | 28 | 29 |
30 |
31 |

Successfully Applied !

32 |

Click here to proceed

33 |
34 |
35 | 36 | -------------------------------------------------------------------------------- /php/sucessdel.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | Signed Out 23 | 24 | 25 |
26 |
27 |

Your account has been deleted !

28 |

If you want to sign up again go to sign up link in the home

29 |

Click here to proceed to the home page

30 |

Thank you!

31 |
32 |
33 | 34 | -------------------------------------------------------------------------------- /admin/manage-apply.php: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |

Manage Applicants

5 |

6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 32 | 33 |
S.NoFull NameUser NameACtions
1.Aryan KiranAryanKr 19 | Update Admin 20 | Delete Admin 21 |
2.Guha PriyaGuhaVk 29 | Update Admin 30 | Delete Admin 31 |
34 |
35 |
36 | -------------------------------------------------------------------------------- /php/sucesscp.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 27 | Success 28 | 29 | 30 |
31 |
32 |

Successfully Created Job Post !

33 | 37 |

Click here to proceed

38 | 42 |

Click here to proceed

43 | 48 | 49 |
50 |
51 | 52 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Online-Job-Portal Using PHP 2 | # Home.php 3 | ![image](https://user-images.githubusercontent.com/102860861/234302876-2d177dd5-fa56-4c66-8670-2736612729d4.png) 4 | 5 | 6 | # Login.php 7 | ![image](https://user-images.githubusercontent.com/102860861/234302515-22f0a982-2609-4644-bd89-27dd707c3ed2.png) 8 | 9 | # Create.php 10 | ![image](https://user-images.githubusercontent.com/102860861/234303362-aabb2762-c42b-4095-9658-ee44300273a2.png) 11 | 12 | 13 | # Company.php 14 | ![image](https://user-images.githubusercontent.com/102860861/234303466-1835b2ef-3366-438f-8156-9d31bf833aec.png) 15 | 16 | 17 | # Companylogin.php 18 | ![image](https://user-images.githubusercontent.com/102860861/234303628-375b5407-e380-4b8b-8f7a-70c855d50eb7.png) 19 | 20 | # Profile.php 21 | ![image](https://user-images.githubusercontent.com/102860861/234303733-fb8a0ad1-241f-44de-a81a-998f8a9e26fd.png) 22 | 23 | 24 | # js.php 25 | ![image](https://user-images.githubusercontent.com/102860861/234303922-5f630480-1150-4704-b8e8-220761232ef6.png) 26 | 27 | # jslogin.php 28 | ![image](https://user-images.githubusercontent.com/102860861/234304046-819c117c-0b32-47a3-9caa-035ccf85d496.png) 29 | 30 | # apply.php 31 | ![image](https://user-images.githubusercontent.com/102860861/234304204-bcb1b7ac-42c9-456c-ae81-72836d105693.png) 32 | 33 | # successjs.php 34 | ![image](https://user-images.githubusercontent.com/102860861/234306336-586aeae8-7a08-46eb-8cf0-5cf24a28f76e.png) 35 | 36 | 37 | # out.php 38 | ![image](https://user-images.githubusercontent.com/102860861/234306183-2c9e13be-b89a-46b5-8ff3-09fd7c9861a1.png) 39 | 40 | 41 | # manage-jobs.php 42 | ![image](https://user-images.githubusercontent.com/102860861/234304986-510dfe4f-ac01-403a-9f39-f9e8f046af70.png) 43 | 44 | # update-password.php 45 | ![image](https://user-images.githubusercontent.com/102860861/234305096-863418b9-b69f-43d8-b169-316f450928d2.png) 46 | 47 | -------------------------------------------------------------------------------- /css/admin.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | font-family: 'Times New Roman', Times, serif; 5 | } 6 | .clear{ 7 | float: none; 8 | clear: both; 9 | } 10 | .wrapper{ 11 | padding: 1%; 12 | width: 80%; 13 | margin: 0 auto; 14 | } 15 | .text-center{ 16 | text-align: center; 17 | } 18 | .footer{ 19 | background-color: #833471; 20 | columns: white; 21 | } 22 | .menu ul{ 23 | list-style-type: none; 24 | } 25 | .menu ul li{ 26 | display: inline; 27 | padding: 1%; 28 | } 29 | .menu{ 30 | text-align: center; 31 | border-bottom: 1px solid black; 32 | } 33 | 34 | .menu ul li a{ 35 | text-decoration: none; 36 | font-weight: bold; 37 | color: #833471; 38 | } 39 | .menu ul li a:hover{ 40 | color: #D980FA; 41 | } 42 | .main-content{ 43 | background-color: rgb(225, 225, 228); 44 | padding: 2% 0; 45 | } 46 | .col-4{ 47 | width: 18%; 48 | background-color: white; 49 | margin: 1%; 50 | padding: 2%; 51 | float: left; 52 | } 53 | .tbl-full{ 54 | width: 100%; 55 | } 56 | table tr th{ 57 | padding: 1%; 58 | border-bottom: 1px solid black; 59 | text-align: center; 60 | } 61 | 62 | table tr td{ 63 | padding: 1%; 64 | } 65 | .tbl-30{ 66 | width: 30%; 67 | } 68 | 69 | .btn-primay{ 70 | background-color: #341f97; 71 | padding: 1%; 72 | border-radius: 13%; 73 | text-decoration: none; 74 | color: white; 75 | } 76 | .btn-primay:hover{ 77 | background-color:#5f27cd; 78 | } 79 | 80 | .btn-danger{ 81 | background-color: #ee5253; 82 | padding: 1%; 83 | border-radius: 13%; 84 | text-decoration: none; 85 | color: white; 86 | } 87 | .btn-danger:hover{ 88 | background-color:#ff6b6b; 89 | } 90 | 91 | .btn-second{ 92 | background-color: #20bf6b; 93 | padding: 1%; 94 | border-radius: 13%; 95 | text-decoration: none; 96 | color: white; 97 | } 98 | .btn-second:hover{ 99 | background-color:#26de81; 100 | } 101 | 102 | .success{ 103 | color: #1dd1a1; 104 | } 105 | .error{ 106 | color: #ee5253; 107 | } -------------------------------------------------------------------------------- /admin/add-admin.php: -------------------------------------------------------------------------------- 1 | 4 | 5 | Admin added successfully"; 18 | header("Location: manage-admin.php"); 19 | } 20 | else{ 21 | $_SESSION['add'] = "
Failed to add Admin
"; 22 | header("Location: add-admin.php"); 23 | } 24 | } 25 | ?> 26 | 27 |
28 |
29 |

Add Admin

30 | 31 |

32 | 39 | 40 |
41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 58 | 59 | 60 |
Full Name :
User Name :
Password :
56 | 57 |
61 | 62 |
63 | 64 |
65 |
66 | 67 | -------------------------------------------------------------------------------- /initial/update.php: -------------------------------------------------------------------------------- 1 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | Create Account 31 | 32 | 33 |
34 |
35 |
36 | 39 |
40 |
41 |
Update Profile Details
42 |
43 |
44 | 45 |
46 |
47 | 48 |
49 |
50 | 51 |
52 | 53 |
54 | 55 | 59 |
60 |
61 | 62 |
63 |
64 |
65 |
66 |
67 | 68 | -------------------------------------------------------------------------------- /initial/admin-login.php: -------------------------------------------------------------------------------- 1 | Login failed. Invalid username or password."; 28 | echo $username; 29 | echo $password; 30 | 31 | } 32 | } 33 | 34 | ?> 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | Admin Login Page 43 | 44 | 45 |
46 |
47 |
48 |

Dream Jobs

49 |

Choose your own jobs

50 |
51 |
52 |
53 |
54 |

ADMIN LOGIN

55 |
56 | 57 |
58 | 59 |
60 |
61 |
62 |
63 | 67 |

Forget Password

68 |
69 | 70 |
71 | 72 |
73 |
74 |
75 |
76 | 77 | -------------------------------------------------------------------------------- /admin/manage-category.php: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 |
7 |

Manage Category

8 |
9 | 10 | 16 |

17 | Add category 18 |


19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 0){ 35 | $n = 1; 36 | while($rws = mysqli_fetch_assoc($rs)){ 37 | // getting all data 38 | $id = $rws['id']; 39 | $full_name = $rws['fullname']; 40 | $uname = $rws['username']; 41 | 42 | //display 43 | ?> 44 | 45 | 46 | 47 | 48 | 53 | 54 | 60 |

No admins now!

61 | 65 | 66 |
S.NoFull NameUser NameActions
49 | Change Password 50 | Update Admin 51 | Delete Admin 52 |
67 |
68 |
69 |

70 |
71 |
72 | -------------------------------------------------------------------------------- /initial/create.php: -------------------------------------------------------------------------------- 1 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | Create Account 41 | 42 | 43 |
44 |
45 |
46 | 49 |
50 |
51 |
Create Your Account
52 | 53 |
54 |
55 | 56 |
57 |
58 | 59 |
60 |
61 | 62 |
63 | 64 |
65 | 66 | 70 |
71 |
72 | 73 |
74 |
75 |
76 |
77 |
78 | 79 | -------------------------------------------------------------------------------- /admin/update-admin.php: -------------------------------------------------------------------------------- 1 | 5 | Admin Updated successfully"; 22 | header("Location: manage-admin.php"); 23 | } 24 | else{ 25 | $_SESSION['update'] = "
Failed To Update Admin
"; 26 | header("Location: manage-admin.php"); 27 | } 28 | } 29 | ?> 30 | 31 |
32 |
33 |

Update Admin

34 |

35 | 36 | 59 | 60 |
61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 76 | 77 | 78 |
Full Name :
User Name :
73 | 74 | 75 |
79 | 80 |
81 |
82 |
83 | 84 | -------------------------------------------------------------------------------- /admin/update-password.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | Password Changed Successfukky"; 29 | header("Location: manage-admin.php"); 30 | } 31 | else{ 32 | $_SESSION['change-pwd'] = "
Password Not Changed
"; 33 | header("Location: manage-admin.php"); 34 | } 35 | } 36 | else{ 37 | $_SESSION['pwd-not-matched'] = "
Password Not Matched
"; 38 | header("Location: manage-admin.php"); 39 | } 40 | } 41 | else{ 42 | $_SESSION['user-not-found'] = "
User Not Found
"; 43 | header("Location: manage-admin.php"); 44 | } 45 | } 46 | } 47 | ?> 48 | 49 |
50 |
51 |

Change Password

52 |

53 | 54 | 59 | 60 |
61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 80 | 81 | 82 |
Current Password :
New Password :
Confirm Password :
77 | 78 | 79 |
83 | 84 |
85 |
86 |
87 | 88 | -------------------------------------------------------------------------------- /initial/company.php: -------------------------------------------------------------------------------- 1 | 4 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | Create Account 47 | 48 | 49 |
50 |
51 |
52 | 55 |
56 |
57 |
Company details
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 | 86 | -------------------------------------------------------------------------------- /initial/js.php: -------------------------------------------------------------------------------- 1 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | Create Account 45 | 46 | 47 |
48 |
49 |
50 | 53 |
54 |
55 |
Seeker details
56 |
57 |
58 | 59 |
60 |
61 | 62 |
63 |
64 | 65 |
66 |
67 | 68 |
69 |
70 | 71 |
72 | 73 |

Optional

74 | 75 |
76 | 77 |
78 |
79 | 80 |
81 | 82 |
83 | 84 |
85 |
86 |
87 |
88 |
89 | 90 | -------------------------------------------------------------------------------- /admin/manage-admin.php: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 |
7 |

Manage Admin

8 |
9 | 10 | 37 |

38 | Add Admin 39 |


40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 0){ 56 | $n = 1; 57 | while($rws = mysqli_fetch_assoc($rs)){ 58 | // getting all data 59 | $id = $rws['id']; 60 | $full_name = $rws['fullname']; 61 | $uname = $rws['username']; 62 | 63 | //display 64 | ?> 65 | 66 | 67 | 68 | 69 | 74 | 75 | 81 |

No admins now!

82 | 86 | 87 |
S.NoFull NameUser NameActions
70 | Change Password 71 | Update Admin 72 | Delete Admin 73 |
88 |
89 |
90 |

91 |
92 |
93 | -------------------------------------------------------------------------------- /styles/apply_.css: -------------------------------------------------------------------------------- 1 | /* Google Font CDN Link */ 2 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); 3 | *{ 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | font-family: "Poppins" , sans-serif; 8 | } 9 | body { 10 | background-image: url("https://wallpaperaccess.com/full/1177739.jpg"); 11 | 12 | } 13 | .container{ 14 | width: 85%; 15 | background: #fff; 16 | border-radius: 6px; 17 | padding: 20px 60px 30px 40px; 18 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 19 | } 20 | .container .content{ 21 | display: flex; 22 | align-items: center; 23 | justify-content: space-between; 24 | } 25 | .container .content .left-side{ 26 | width: 25%; 27 | height: 100%; 28 | display: flex; 29 | flex-direction: column; 30 | align-items: center; 31 | justify-content: center; 32 | margin-top: 15px; 33 | position: relative; 34 | } 35 | .content .left-side::before{ 36 | content: ''; 37 | position: absolute; 38 | height: 70%; 39 | width: 2px; 40 | right: -15px; 41 | top: 50%; 42 | transform: translateY(-50%); 43 | background: #afafb6; 44 | } 45 | .content .left-side .details{ 46 | margin: 14px; 47 | text-align: center; 48 | } 49 | .content .left-side .details i{ 50 | font-size: 30px; 51 | color: #3e2093; 52 | margin-bottom: 10px; 53 | } 54 | .content .left-side .details .topic{ 55 | font-size: 18px; 56 | font-weight: 500; 57 | } 58 | .content .left-side .details .text-one, 59 | .content .left-side .details .text-two{ 60 | font-size: 14px; 61 | color: #afafb6; 62 | } 63 | .container .content .right-side{ 64 | width: 75%; 65 | margin-left: 75px; 66 | } 67 | .content .right-side .topic-text{ 68 | font-size: 23px; 69 | font-weight: 600; 70 | color: #3e2093; 71 | } 72 | .right-side .input-box{ 73 | height: 50px; 74 | width: 100%; 75 | margin: 12px 0; 76 | } 77 | .right-side .input-box input, 78 | .right-side .input-box textarea{ 79 | height: 100%; 80 | width: 100%; 81 | border: none; 82 | outline: none; 83 | font-size: 16px; 84 | background: #F0F1F8; 85 | border-radius: 6px; 86 | padding: 0 15px; 87 | resize: none; 88 | } 89 | .right-side .message-box{ 90 | min-height: 110px; 91 | } 92 | .right-side .input-box textarea{ 93 | padding-top: 6px; 94 | } 95 | .right-side .button{ 96 | display: inline-block; 97 | margin-top: 12px; 98 | } 99 | .right-side .button input[type="button"]{ 100 | color: #fff; 101 | font-size: 18px; 102 | outline: none; 103 | border: none; 104 | padding: 8px 16px; 105 | border-radius: 6px; 106 | background: #3e2093; 107 | cursor: pointer; 108 | transition: all 0.3s ease; 109 | } 110 | .button input[type="button"]:hover{ 111 | background: #5029bc; 112 | } 113 | 114 | @media (max-width: 950px) { 115 | .container{ 116 | width: 90%; 117 | padding: 30px 40px 40px 35px ; 118 | } 119 | .container .content .right-side{ 120 | width: 75%; 121 | margin-left: 55px; 122 | } 123 | } 124 | @media (max-width: 820px) { 125 | .container{ 126 | margin: 40px 0; 127 | height: 100%; 128 | } 129 | .container .content{ 130 | flex-direction: column-reverse; 131 | } 132 | .container .content .left-side{ 133 | width: 100%; 134 | flex-direction: row; 135 | margin-top: 40px; 136 | justify-content: center; 137 | flex-wrap: wrap; 138 | } 139 | .container .content .left-side::before{ 140 | display: none; 141 | } 142 | .container .content .right-side{ 143 | width: 100%; 144 | margin-left: 0; 145 | } 146 | } 147 | 148 | -------------------------------------------------------------------------------- /admin/manage-jobs.php: -------------------------------------------------------------------------------- 1 | 5 |
6 |
7 |

Manage Jobs

8 |

9 | Add Job 10 |


11 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 0){ 39 | $n = 1; 40 | while($rws = mysqli_fetch_assoc($rs)){ 41 | $cmp = "SELECT * FROM `company`"; 42 | $qry = mysqli_query($con,$cmp); 43 | foreach ($qry as $q ) { 44 | if($q['comp_id']==$rws['comp_id']){ 45 | $dd = $q['comp_name']; 46 | } 47 | elseif ($rws['comp_id']=="admin") { 48 | # code... 49 | $dd = "Admin"; 50 | } 51 | } 52 | 53 | // getting all data 54 | $id = $rws['job_id']; 55 | $full_name = $rws['title']; 56 | $sal = $rws['salary']; 57 | $exp = $rws['experience']; 58 | $vac = $rws['vacancy']; 59 | 60 | //display 61 | ?> 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 72 | 73 | 79 |

No Jobs now!

80 | 84 | 85 |
S.NoCompanyJob TitleSalaryExperienceVacancy
70 | Delete Job 71 |
86 | 87 |
88 |
89 |

90 |

91 |
92 | 93 | -------------------------------------------------------------------------------- /initial/out.php: -------------------------------------------------------------------------------- 1 | 23 | 24 | 25 | 26 | Sign out - Alert 27 | 28 | 88 | 89 | 90 | 113 | 128 | 129 | -------------------------------------------------------------------------------- /styles/create_.css: -------------------------------------------------------------------------------- 1 | /* Google Font CDN Link */ 2 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); 3 | *{ 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | font-family: "Poppins" , sans-serif; 8 | } 9 | body { 10 | background-image: url("https://wallpaperaccess.com/full/1177739.jpg"); 11 | min-height: 100vh; 12 | width: 100%; 13 | display: flex; 14 | align-items: center; 15 | justify-content: center; 16 | background-size: cover; 17 | background-attachment: fixed; 18 | color: #333333; 19 | } 20 | .container{ 21 | width: 85%; 22 | background: #fff; 23 | border-radius: 6px; 24 | padding: 20px 60px 30px 40px; 25 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 26 | } 27 | .container .content{ 28 | display: flex; 29 | align-items: center; 30 | justify-content: space-between; 31 | } 32 | .container .content .left-side{ 33 | width: 25%; 34 | height: 100%; 35 | display: flex; 36 | flex-direction: column; 37 | align-items: center; 38 | justify-content: center; 39 | margin-top: 15px; 40 | position: relative; 41 | } 42 | .content .left-side::before{ 43 | content: ''; 44 | position: absolute; 45 | height: 70%; 46 | width: 2px; 47 | right: -15px; 48 | top: 50%; 49 | transform: translateY(-50%); 50 | background: #afafb6; 51 | } 52 | .content .left-side .details{ 53 | margin: 14px; 54 | text-align: center; 55 | } 56 | .content .left-side .details i{ 57 | font-size: 30px; 58 | color: #3e2093; 59 | margin-bottom: 10px; 60 | } 61 | .content .left-side .details .topic{ 62 | font-size: 18px; 63 | font-weight: 500; 64 | } 65 | .content .left-side .details .text-one, 66 | .content .left-side .details .text-two{ 67 | font-size: 14px; 68 | color: #afafb6; 69 | } 70 | .container .content .right-side{ 71 | width: 75%; 72 | margin-left: 75px; 73 | } 74 | .content .right-side .topic-text{ 75 | font-size: 23px; 76 | font-weight: 600; 77 | color: #3e2093; 78 | } 79 | .right-side .input-box{ 80 | height: 50px; 81 | width: 100%; 82 | margin: 12px 0; 83 | } 84 | .right-side .input-box input, 85 | .right-side .input-box textarea{ 86 | height: 100%; 87 | width: 100%; 88 | border: none; 89 | outline: none; 90 | font-size: 16px; 91 | background: #F0F1F8; 92 | border-radius: 6px; 93 | padding: 0 15px; 94 | resize: none; 95 | } 96 | .right-side .message-box{ 97 | min-height: 110px; 98 | } 99 | .right-side .input-box textarea{ 100 | padding-top: 6px; 101 | } 102 | .right-side .button{ 103 | display: inline-block; 104 | margin-top: 12px; 105 | } 106 | .right-side .button input[type="button"]{ 107 | color: #fff; 108 | font-size: 18px; 109 | outline: none; 110 | border: none; 111 | padding: 8px 16px; 112 | border-radius: 6px; 113 | background: #3e2093; 114 | cursor: pointer; 115 | transition: all 0.3s ease; 116 | } 117 | .button input[type="button"]:hover{ 118 | background: #5029bc; 119 | } 120 | 121 | @media (max-width: 950px) { 122 | .container{ 123 | width: 90%; 124 | padding: 30px 40px 40px 35px ; 125 | } 126 | .container .content .right-side{ 127 | width: 75%; 128 | margin-left: 55px; 129 | } 130 | } 131 | @media (max-width: 820px) { 132 | .container{ 133 | margin: 40px 0; 134 | height: 100%; 135 | } 136 | .container .content{ 137 | flex-direction: column-reverse; 138 | } 139 | .container .content .left-side{ 140 | width: 100%; 141 | flex-direction: row; 142 | margin-top: 40px; 143 | justify-content: center; 144 | flex-wrap: wrap; 145 | } 146 | .container .content .left-side::before{ 147 | display: none; 148 | } 149 | .container .content .right-side{ 150 | width: 100%; 151 | margin-left: 0; 152 | } 153 | } 154 | 155 | -------------------------------------------------------------------------------- /admin/add-category.php: -------------------------------------------------------------------------------- 1 | 5 | Failed to upload image."; 29 | //echo $_SESSION['c-add']; 30 | header("Location: add-category.php"); 31 | die(); 32 | } 33 | } 34 | else{ 35 | $img_name = ""; 36 | } 37 | 38 | $sql1 = "INSERT INTO `category` (`title`,`image_name`, `featured`, `active`) VALUES ('$title','$img_name', '$featured', '$active')"; 39 | //echo $sql1; 40 | $rs1 = mysqli_query($con, $sql1); 41 | //echo $sql1; 42 | 43 | if($rs1){ 44 | $_SESSION['c-add'] = "
Category added successfully
"; 45 | //echo $_SESSION['c-add']; 46 | //header("Location: manage-category.php"); 47 | } 48 | 49 | else{ 50 | $_SESSION['c-add'] = "
Failed to add Category
"; 51 | header("Location: add-category.php"); 52 | } 53 | } 54 | 55 | 56 | 57 | ?> 58 | 59 | 60 |
61 |
62 |

Add Category

63 | 64 |

65 | 76 | 77 |
78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 88 | 89 | 90 | 91 | 92 | 96 | 97 | 98 | 99 | 103 | 104 | 105 | 108 | 109 | 110 |
Title :
Select Image: 86 | 87 |
Featured : 93 | Yes 94 | No 95 |
Active : 100 | Yes 101 | No 102 |
106 | 107 |
111 | 112 |
113 | 114 |
115 |
116 | 117 | -------------------------------------------------------------------------------- /initial/jobpost.php: -------------------------------------------------------------------------------- 1 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | Create a job post 34 | 35 | 36 |
37 |
38 |
39 | 42 |
43 |
44 |
Create a job post
45 |
46 | 47 |
48 | 49 | 61 |
62 |
63 | 64 |
65 |
66 | 67 |
68 |
69 | 70 |
71 |
72 | 73 |
74 |
75 | 76 |
77 | 78 |
79 | 80 | 85 |
86 | 87 |
88 | 89 |
90 |
91 |
92 |
93 |
94 | 95 | -------------------------------------------------------------------------------- /initial/apply.php: -------------------------------------------------------------------------------- 1 | 2 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 80 | Apply for Jobs 81 | 82 | 83 |
84 |
85 |
86 | 89 |
90 |
91 |
Apply for job
92 |
93 | 94 |
95 |

Check Your Details And Click Apply

96 |
97 | 98 |
99 | 106 |
107 | Full Name :
108 |
Contact Number :
109 |
Location :
110 |
Contact Mail :
111 |
Qualification :
112 |
Experience :
113 |
114 | 115 | 116 | 117 |
118 | 119 |








120 |
121 | 122 |
123 |
124 |
125 |
126 |
127 | 128 | -------------------------------------------------------------------------------- /initial/profile.php: -------------------------------------------------------------------------------- 1 | 17 | 18 | 19 | 114 | Job Providers 115 | 116 | 117 | 118 | 132 | 133 |
134 |
135 |
136 |
137 |

Profile


138 |
139 |
140 |
141 |
142 |

143 |
144 | 145 |
146 |
147 |

Qualification :

148 |
149 |

Experience :

150 |
151 |

Location :

152 |
153 |

Contact Mail :

154 |
155 |
156 |
157 |
158 |
159 | 165 | 166 | 167 | 168 | 169 | -------------------------------------------------------------------------------- /admin/add-job.php: -------------------------------------------------------------------------------- 1 | 4 | 5 | Job added successfully"; 21 | header("Location: manage-jobs.php"); 22 | } 23 | else{ 24 | $_SESSION['add'] = "
Failed to add Job
"; 25 | 26 | //echo $sql; 27 | header("Location: add-job.php"); 28 | } 29 | } 30 | ?> 31 | 32 |
33 |
34 |

Add Admin

35 | 36 |

37 | 44 | 45 |
46 | 47 | 48 | 49 | 63 | 64 | 65 | 66 | 68 | 69 | 70 | 71 | 74 | 75 | 76 | 77 | 80 | 81 | 82 | 83 | 86 | 87 | 88 | 89 | 92 | 93 | 94 | 97 | 98 | 99 |
Title : 50 | 62 |
Location : 67 |
Qualification : 72 | 73 |
Salary : 78 | 79 |
Experience : 84 | 85 |
Vacancy : 90 | 91 |
95 | 96 |
100 | 101 |
102 | 103 |
104 |
105 | 106 | -------------------------------------------------------------------------------- /initial/companylogin.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 112 | Job Providers 113 | 114 | 115 | 116 | 130 | 131 |
132 |
133 |
134 |
135 |

Few seekers profile for you..


136 |
137 |
138 | 150 |
151 |
152 |

154 |

Location :

155 |

Contact Mail :

156 |

157 | View Profile 158 |
159 |
160 |
161 | 162 | 163 |
164 |
165 | 171 | 172 | -------------------------------------------------------------------------------- /initial/home.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 90 | 91 | DREAM JOBS - Home 92 | 93 | 94 | 104 | Girl in a jacket 105 |
106 |
107 |
108 |
109 |

Jobs Available


110 |
111 |
112 | 123 |
124 |
125 |

126 | 131 |
132 |
133 |

136 | 137 |
138 |
139 |

140 | 141 |

142 | 143 |

Location :

144 |

Qualification :

145 |

Experience required:

146 |

Vacancy :

147 |

Salary : ₹

148 |
149 |
150 | 151 | 152 |
153 |
154 | 159 | 160 | 161 | 162 | -------------------------------------------------------------------------------- /initial/login.php: -------------------------------------------------------------------------------- 1 | Login failed. Invalid username or password."; 66 | } 67 | } 68 | 69 | ?> 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | Login Page 78 | 79 | 80 |
81 |
82 |
83 |

Dream Jobs

84 |

Choose your jobs

85 | 86 |

Login with Other Resources

87 | Login with Google 88 |
89 |
90 |
91 |
92 |
93 |

LOGIN

94 |

Don't have an account? Create your account here

95 |
96 | 97 |
98 | 99 |
100 |

Choose one

101 | 105 |
106 |
107 |
108 | 112 |

Forget Password

113 |
114 | 115 |
116 | 117 |
118 |
119 |
120 |
121 | 122 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0 0; 3 | padding: 0 0; 4 | font-family: Arial, Helvetica, sans-serif; 5 | } 6 | .container{ 7 | width: 80%; 8 | margin: 0 auto; 9 | padding: 1%; 10 | } 11 | .img-responsive{ 12 | width: 100%; 13 | } 14 | .img-curve{ 15 | border-radius: 15px; 16 | } 17 | 18 | .text-right{ 19 | text-align: right; 20 | } 21 | .text-center{ 22 | text-align: center; 23 | } 24 | .text-left{ 25 | text-align: left; 26 | } 27 | .text-white{ 28 | color: white; 29 | } 30 | 31 | .clearfix{ 32 | clear: both; 33 | float: none; 34 | } 35 | 36 | a{ 37 | color: #ff6b81; 38 | text-decoration: none; 39 | } 40 | a:hover{ 41 | color: #ff4757; 42 | } 43 | 44 | .btn{ 45 | padding: 1%; 46 | border: none; 47 | font-size: 1rem; 48 | border-radius: 5px; 49 | } 50 | .btn-primary{ 51 | background-color: #ff6b81; 52 | color: white; 53 | cursor: pointer; 54 | } 55 | .btn-primary:hover{ 56 | color: white; 57 | background-color: #ff4757; 58 | } 59 | h2{ 60 | color: #2f3542; 61 | font-size: 2rem; 62 | margin-bottom: 2%; 63 | } 64 | h3{ 65 | font-size: 1.5rem; 66 | } 67 | .float-container{ 68 | position: relative; 69 | } 70 | .float-text{ 71 | position: absolute; 72 | bottom: 50px; 73 | left: 40%; 74 | } 75 | fieldset{ 76 | border: 1px solid white; 77 | margin: 5%; 78 | padding: 3%; 79 | border-radius: 5px; 80 | } 81 | 82 | 83 | /* CSSS for navbar section */ 84 | 85 | .logo{ 86 | width: 10%; 87 | float: left; 88 | } 89 | .menu{ 90 | line-height: 60px; 91 | } 92 | .menu ul{ 93 | list-style-type: none; 94 | } 95 | 96 | .menu ul li{ 97 | display: inline; 98 | padding: 1%; 99 | font-weight: bold; 100 | } 101 | 102 | 103 | /* CSS for Food SEarch Section */ 104 | 105 | .food-search{ 106 | background-image: url(../images/bg.jpg); 107 | background-size: cover; 108 | background-repeat: no-repeat; 109 | background-position: center; 110 | padding: 7% 0; 111 | } 112 | 113 | .food-search input[type="search"]{ 114 | width: 50%; 115 | padding: 1%; 116 | font-size: 1rem; 117 | border: none; 118 | border-radius: 5px; 119 | } 120 | 121 | 122 | /* CSS for Categories */ 123 | .categories{ 124 | padding: 4% 0; 125 | } 126 | 127 | .box-3{ 128 | width: 28%; 129 | float: left; 130 | margin: 2%; 131 | } 132 | 133 | 134 | /* CSS for Food Menu */ 135 | .food-menu{ 136 | background-color: #ececec; 137 | padding: 4% 0; 138 | } 139 | .food-menu-box{ 140 | width: 43%; 141 | margin: 1%; 142 | padding: 2%; 143 | float: left; 144 | background-color: white; 145 | border-radius: 15px; 146 | } 147 | 148 | .food-menu-img{ 149 | width: 20%; 150 | float: left; 151 | } 152 | 153 | .food-menu-desc{ 154 | width: 70%; 155 | float: left; 156 | margin-left: 8%; 157 | } 158 | 159 | .food-price{ 160 | font-size: 1.2rem; 161 | margin: 2% 0; 162 | } 163 | .food-detail{ 164 | font-size: 1rem; 165 | color: #747d8c; 166 | } 167 | 168 | 169 | /* CSS for Social */ 170 | .social ul{ 171 | list-style-type: none; 172 | } 173 | .social ul li{ 174 | display: inline; 175 | padding: 1%; 176 | } 177 | 178 | /* for Order Section */ 179 | .order{ 180 | width: 50%; 181 | margin: 0 auto; 182 | } 183 | .input-responsive{ 184 | width: 96%; 185 | padding: 1%; 186 | margin-bottom: 3%; 187 | border: none; 188 | border-radius: 5px; 189 | font-size: 1rem; 190 | } 191 | .order-label{ 192 | margin-bottom: 1%; 193 | font-weight: bold; 194 | } 195 | 196 | 197 | 198 | /* CSS for Mobile Size or Smaller Screen */ 199 | 200 | @media only screen and (max-width:768px){ 201 | .logo{ 202 | width: 80%; 203 | float: none; 204 | margin: 1% auto; 205 | } 206 | 207 | .menu ul{ 208 | text-align: center; 209 | } 210 | 211 | .food-search input[type="search"]{ 212 | width: 90%; 213 | padding: 2%; 214 | margin-bottom: 3%; 215 | } 216 | 217 | .btn{ 218 | width: 91%; 219 | padding: 2%; 220 | } 221 | 222 | .food-search{ 223 | padding: 10% 0; 224 | } 225 | 226 | .categories{ 227 | padding: 20% 0; 228 | } 229 | h2{ 230 | margin-bottom: 10%; 231 | } 232 | .box-3{ 233 | width: 100%; 234 | margin: 4% auto; 235 | } 236 | 237 | .food-menu{ 238 | padding: 20% 0; 239 | } 240 | 241 | .food-menu-box{ 242 | width: 90%; 243 | padding: 5%; 244 | margin-bottom: 5%; 245 | } 246 | .social{ 247 | padding: 5% 0; 248 | } 249 | .order{ 250 | width: 100%; 251 | } 252 | } 253 | -------------------------------------------------------------------------------- /initial/jslogin.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 103 | Dream Jobs 104 | 105 | 106 | 107 | 120 | 121 | 122 |
123 |
124 |
125 | 126 |

Jobs for you...


127 |
128 |
129 | 141 |
142 |
143 |

148 |
149 |
150 |

153 | 154 |
155 |
156 |

157 | 158 |

159 |

Location :

160 |

Qualification :

161 |

Experience required:

162 |

Vacancy :

163 |

Salary : ₹

164 | 165 | Apply 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 178 | 179 | -------------------------------------------------------------------------------- /styles/login.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-image: url("https://wallpaperaccess.com/full/1177739.jpg"); 3 | background-size: cover; 4 | background-repeat: no-repeat; 5 | background-attachment: fixed; 6 | font-family: "Open Sans", sans-serif; 7 | color: #333333; 8 | 9 | } 10 | 11 | .box-form { 12 | margin: 0 auto; 13 | width: 80%; 14 | background: #FFFFFF; 15 | border-radius: 10px; 16 | overflow: hidden; 17 | display: flex; 18 | flex: 1 1 100%; 19 | align-items: stretch; 20 | justify-content: space-between; 21 | box-shadow: 0 0 20px 6px #090b6f85; 22 | } 23 | @media (max-width: 980px) { 24 | .box-form { 25 | flex-flow: wrap; 26 | text-align: center; 27 | align-content: center; 28 | align-items: center; 29 | } 30 | } 31 | .box-form div { 32 | height: auto; 33 | } 34 | .box-form .left { 35 | color: #FFFFFF; 36 | background-size: cover; 37 | background-repeat: no-repeat; 38 | background-image: url("cole-keister-rydTSO7xB5A-unsplash.jpg"); 39 | overflow: hidden; 40 | } 41 | .box-form .left .overlay { 42 | padding: 30px; 43 | width: 100%; 44 | height: 100%; 45 | background: #333333; 46 | overflow: hidden; 47 | box-sizing: border-box; 48 | } 49 | .box-form .left .overlay h1 { 50 | font-size: 10vmax; 51 | line-height: 1; 52 | font-weight: 900; 53 | margin-top: 40px; 54 | margin-bottom: 20px; 55 | } 56 | .box-form .left .overlay span p { 57 | margin-top: 30px; 58 | font-weight: 900; 59 | } 60 | .box-form .left .overlay span a { 61 | background: #3b5998; 62 | color: #FFFFFF; 63 | margin-top: 10px; 64 | padding: 14px 50px; 65 | border-radius: 100px; 66 | display: inline-block; 67 | box-shadow: 0 3px 6px 1px #042d4657; 68 | } 69 | .box-form .left .overlay span a:last-child { 70 | background: #1dcaff; 71 | margin-left: 30px; 72 | } 73 | .box-form .right { 74 | padding: 40px; 75 | overflow: hidden; 76 | } 77 | @media (max-width: 980px) { 78 | .box-form .right { 79 | width: 100%; 80 | } 81 | } 82 | .box-form .right h5 { 83 | font-size: 6vmax; 84 | line-height: 0; 85 | } 86 | .box-form .right p { 87 | font-size: 14px; 88 | color: #B0B3B9; 89 | } 90 | .box-form .right .inputs { 91 | overflow: hidden; 92 | } 93 | .box-form .right input { 94 | width: 100%; 95 | padding: 10px; 96 | margin-top: 25px; 97 | font-size: 16px; 98 | border: none; 99 | outline: none; 100 | border-bottom: 2px solid #B0B3B9; 101 | } 102 | .box-form .right .remember-me--forget-password { 103 | display: flex; 104 | justify-content: space-between; 105 | align-items: center; 106 | } 107 | .box-form .right .remember-me--forget-password input { 108 | margin: 0; 109 | margin-right: 7px; 110 | width: auto; 111 | } 112 | 113 | label { 114 | display: block; 115 | position: relative; 116 | margin-left: 30px; 117 | } 118 | 119 | label span.text-checkbox { 120 | display: inline-block; 121 | height: auto; 122 | position: relative; 123 | cursor: pointer; 124 | transition: all 0.2s linear; 125 | } 126 | 127 | label input[type="checkbox"] { 128 | display: none; 129 | } 130 | .box-form .right button { 131 | float: right; 132 | color: #fff; 133 | font-size: 16px; 134 | padding: 12px 35px; 135 | border-radius: 50px; 136 | display: inline-block; 137 | border: 0; 138 | outline: 0; 139 | box-shadow: 0px 4px 20px 0px #49c628a6; 140 | background-image: linear-gradient(135deg, #70F570 10%, #49C628 100%); 141 | } 142 | 143 | .box-form .right button { 144 | float: right; 145 | color: #fff; 146 | font-size: 16px; 147 | padding: 12px 35px; 148 | border-radius: 50px; 149 | display: inline-block; 150 | border: 0; 151 | outline: 0; 152 | box-shadow: 0px 4px 20px 0px #49c628a6; 153 | background-image: linear-gradient(135deg, #70F570 10%, #49C628 100%); 154 | } 155 | 156 | label::before { 157 | content: ' \f00c'; 158 | position: absolute; 159 | font-family: FontAwesome; 160 | background: transparent; 161 | border: 3px solid #70F570; 162 | border-radius: 4px; 163 | color: transparent; 164 | left: -30px; 165 | transition: all 0.2s linear; 166 | } 167 | 168 | label:hover::before { 169 | font-family: FontAwesome; 170 | content: ' \f00c'; 171 | color: #fff; 172 | cursor: pointer; 173 | background: #70F570; 174 | } 175 | 176 | label:hover::before .text-checkbox { 177 | background: #70F570; 178 | } 179 | 180 | .box-form .right p { 181 | font-size: 14px; 182 | color: #7a7a7a; 183 | font-size: medium; 184 | } --------------------------------------------------------------------------------