Skip to content

Commit 0d4ef8c

Browse files
harishkumarAVharishkumarAV
authored
Add files via upload
1 parent 7b59a30 commit 0d4ef8c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

76 files changed

+3500
-0
lines changed

‎Day9/src/App.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
*{
2+
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
3+
4+
}

‎Day9/src/App.js

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
import { BrowserRouter, Route, Routes } from 'react-router-dom';
2+
import Login from './Component/Asserts/Login/Login';
3+
import SignUp from './Component/Asserts/SignUp/SignUp';
4+
import Home from './Component/Asserts/Home/Home';
5+
import Contact from './Component/Asserts/Contact/Contact';
6+
import Footer from './Component/Asserts/Footer/Footer';
7+
import About from './Component/Asserts/About/About';
8+
import Works from './Component/Asserts/Works/Works';
9+
import Testimonial from './Component/Asserts/Testimonial/Testimonial';
10+
import Description from './Component/Asserts/Description/Description';
11+
import Faqs from './Component/Asserts/Faqs/Faqs';
12+
import Search from './Component/Asserts/Search/Search';
13+
import Resume from './Component/Asserts/Resume/Resume';
14+
import Manage from './Component/Asserts/Manage/Manage';
15+
import Profile from './Component/Asserts/Profile/Profile';
16+
import TermsandConditions from './Component/Asserts/TermsandConditions/TermsandConditions';
17+
import Privacy from './Component/Asserts/Privacy/Privacy';
18+
import AdminLogin from './Component/Asserts/AdminLogin/AdminLogin';
19+
import AdminSignUp from './Component/Asserts/AdminSignUp/AdminSignUp';
20+
import SearchJobPage from './Component/Asserts/SearchJobPage/SearchJobPage';
21+
import AdminJobPostingPage from './Component/Asserts/AdminJobPostingPage/AdminJobPostingPage';
22+
import JobForm from './Component/Asserts/JobForm/JobForm';
23+
import Success from './Component/Asserts/Success/Success';
24+
import ResumeMaker from './Component/Asserts/ResumeMaker/ResumeMaker';
25+
import ButtonAppBar from './Component/Asserts/NavBar/NavBar';
26+
import PageNotAvailable from './Component/Asserts/PageNotAvailable/PageNotAvailable';
27+
import AdminDashboard from './Component/Asserts/AdminDashboard/AdminDashboard';
28+
import './App.css';
29+
import { Feedback } from '@mui/icons-material';
30+
31+
function App() {
32+
return (
33+
<div className="App">
34+
<BrowserRouter>
35+
<ButtonAppBar/>
36+
<Routes>
37+
<Route exact path='/' element={<Login/>}/>
38+
<Route path='/SignUp' element={<SignUp/>}/>
39+
<Route path='/About' element={<About/>}/>
40+
<Route path='/Home' element={<Home/>}/>
41+
<Route path='/Contact' element={<Contact/>}></Route>
42+
<Route path='/Footer' element={<Footer/>}></Route>
43+
<Route path='/Works' element={<Works/>}></Route>
44+
<Route path='/Testimonial' element={<Testimonial/>}></Route>
45+
<Route path='/Description' element={<Description/>}></Route>
46+
<Route path='/Faqs' element={<Faqs/>}></Route>
47+
<Route path='/Search' element={<Search/>}></Route>
48+
<Route path='/Resume' element={<Resume/>}></Route>
49+
<Route path='/Manage' element={<Manage/>}></Route>
50+
<Route path='/Profile' element={<Profile/>}></Route>
51+
<Route path='/TermsandConditions' element={<TermsandConditions/>}></Route>
52+
<Route path='/Privacy' element={<Privacy/>}></Route>
53+
<Route path='/AdminLogin' element={<AdminLogin/>}></Route>
54+
<Route path='/AdminSignUp' element={<AdminSignUp/>}></Route>
55+
<Route path='/SearchJobPage' element={<SearchJobPage/>}></Route>
56+
<Route path='/AdminJobPostingPage' element={<AdminJobPostingPage/>}></Route>
57+
<Route path='/JobForm' element={<JobForm/>}></Route>
58+
<Route path='/Success' element={<Success/>}></Route>
59+
<Route path='/ResumeMaker' element={<ResumeMaker/>}></Route>
60+
<Route path='/PageNotAvailable' element={<PageNotAvailable/>}></Route>
61+
<Route path='/AdminDashboard' element={<AdminDashboard/>}></Route>
62+
<Route path='/Feedback' element={<Feedback/>}></Route>
63+
64+
65+
</Routes>
66+
<Footer/>
67+
</BrowserRouter>
68+
69+
</div>
70+
);
71+
}
72+
73+
export default App;

‎Day9/src/Component/Asserts/About/About.css

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
.about-section-container {
2+
position: relative;
3+
display: flex;
4+
align-items: center;
5+
justify-content: space-between;
6+
}
7+
.about-background-image-container {
8+
position: absolute;
9+
left: -150px;
10+
z-index: -2;
11+
}
12+
.about-section-image-container {
13+
flex: 0.9;
14+
margin-right: 1rem;
15+
}
16+
.about-section-text-container {
17+
flex: 1;
18+
justify-content: center;
19+
20+
display: flex;
21+
flex-direction: column;
22+
}
23+
.primary-subheading {
24+
font-weight: 700;
25+
color: rgb(76, 38, 38);
26+
font-size: 1.15rem;
27+
}
28+
.about-buttons-container {
29+
margin-top: 2rem;
30+
display: flex;
31+
}
32+
.watch-video-button {
33+
margin-left: 2rem;
34+
background-color: transparent;
35+
outline: none;
36+
border: none;
37+
border-radius: 5rem;
38+
font-size: 1.1rem;
39+
cursor: pointer;
40+
font-weight: 600;
41+
color: #484848;
42+
transition: 0.2s;
43+
display: flex;
44+
align-items: center;
45+
justify-content: center;
46+
}
47+
.about-section-image-container{
48+
top: -100px;
49+
right: -170px;
50+
z-index: -2;
51+
max-width: 700px;
52+
}
53+
.watch-video-button svg {
54+
font-size: 3rem;
55+
margin-right: 1rem;
56+
}
57+
.home-image-section img {
58+
59+
max-width: 100%;
60+
mix-blend-mode:multiply;
61+
height: auto;
62+
}
63+
.home-image-section {
64+
max-width:600px;
65+
flex: 1;
66+
67+
}

‎Day9/src/Component/Asserts/About/About.js

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
import React from "react";
2+
import "./About.css";
3+
import res from "../Assets/resume.jpg";
4+
import { useNavigate } from 'react-router-dom';
5+
6+
const About = () => {
7+
const navigate = useNavigate();
8+
const handleDesignNowClick = () => {
9+
navigate('/ResumeMaker');
10+
};
11+
12+
return (
13+
<div className="about-section-container">
14+
<div className="about-section-text-container">
15+
<p className="primary-subheading"></p>
16+
<h1 className="primary-heading">Don't have a resume?</h1>
17+
<p className="primary-text">
18+
Elevate Your Career with Our Exquisite Resume Templates. Our Artistry Meets Functionality, Creating Resumes That Stand Out. Empower Yourself to Showcase Your Best.
19+
</p>
20+
<p className="primary-text">Start with the Perfect Resume Today!</p>
21+
<div className="about-buttons-container">
22+
<button className="secondary-button" onClick={handleDesignNowClick}>
23+
Design now?
24+
</button>
25+
</div>
26+
</div>
27+
<div className="home-image-section">
28+
<img src={res} alt="" />
29+
</div>
30+
</div>
31+
);
32+
};
33+
34+
export default About;

‎Day9/src/Component/Asserts/AdminDashboard/AdminDashboard.css

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
2+
.admin-dashboard {
3+
max-width: 600px;
4+
margin: 0 auto;
5+
margin-top: 2rem;
6+
padding: 20px;
7+
background-color: #f5f5f5;
8+
border-radius: 10px;
9+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
10+
text-align: center;
11+
animation: fadeInAnimation 1s ease-in-out;
12+
}
13+
14+
h2 {
15+
font-size: 24px;
16+
margin-bottom: 20px;
17+
}
18+
19+
.admin-info {
20+
text-align: left;
21+
padding: 10px;
22+
border: 1px solid #ddd;
23+
background-color: #fff;
24+
border-radius: 5px;
25+
margin-bottom: 20px;
26+
}
27+
28+
.admin-info div {
29+
margin: 10px 0;
30+
}
31+
32+
.admin-info label {
33+
font-weight: bold;
34+
}
35+
36+
.admin-info input[type="text"],
37+
.admin-info input[type="email"],
38+
.admin-info input[type="date"] {
39+
width: 100%;
40+
padding: 8px;
41+
border: 1px solid #ccc;
42+
border-radius: 4px;
43+
}
44+
45+
.admin-actions {
46+
margin-top: 10px;
47+
}
48+
49+
button {
50+
padding: 10px 20px;
51+
background-color: rgb(76, 38, 38);
52+
color: #fff;
53+
border: none;
54+
border-radius: 5px;
55+
cursor: pointer;
56+
font-size: 16px;
57+
margin-right: 10px;
58+
}
59+
60+
button:hover {
61+
background-color: rgb(0, 0, 0);
62+
}
63+
64+
button:disabled {
65+
background-color: #ccc;
66+
cursor: not-allowed;
67+
}
68+
@keyframes fadeInAnimation {
69+
from {
70+
opacity: 0;
71+
transform: translateY(10px);
72+
}
73+
to {
74+
opacity: 1;
75+
transform: translateY(0);
76+
}
77+
}

0 commit comments

Comments
 (0)