Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Abhishekkk2004
Abhishekkk2004 authored Jan 20, 2024
1 parent a7c588f commit fb44218
Show file tree
Hide file tree
Showing 11 changed files with 1,395 additions and 0 deletions.
Binary file added background1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added courses.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
166 changes: 166 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JobQuest</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<nav class="navbar">
<div class="left">
<p>Job<span class="red">Quest</span></p>
</div>
<div class="right">
<ul>
<li class="hideonmobile1"><a href="#home" >Home</a></li>
<li class="hideonmobile1"><a href="#aboutus">About Us</a></li>
<li class="hideonmobile1"><a href="#services">Services</a></li>
<li class="hideonmobile1"><a href="#contact">Contact Us</a></li>
<li class="hambmain1"><i class="fa-solid fa-bars hambmain"></i></li>
</ul>

</div>
</nav>
<nav class="sidebar2">

<div class="right22">
<ul class="right2">
<i class="fa-solid fa-xmark crossmain"></i>
<li><a href="#home">Home</a></li>
<li><a href="#aboutus">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact Us</a></li>

</ul>

</div>
</nav>
</header>
<section id="home">
<div class="container1">
<div class="fline">
<p class="font">Job<span class="red">Quest</span></p>

</div>
<div class="sline">
<span class="element"></span>
</div>
<div class="buttons">
<button class="button restricted">Login as <span class="red">Student</span></button>
<button class="button"><a href="index1.html" target="_blank">Login as <span class="red">Admin</span></a></button>
</div>
</div>
</section>
<section id="aboutus">
<div class="container2">
<div class="heading">
<h1>About <span class="red">Us</span></h1>
</div>


<div class="text">

<p class="bold">JobQuest is a leading online platform dedicated to revolutionizing the job and internship search experience for individuals seeking meaningful employment opportunities.</p>
<p>Here are some key points that highlight the strengths and positive aspects of JobQuest:</p>
<ul>
<li>

JobQuest offers an extensive and diverse range of job and internship listings, catering to various industries and profession.</li>
<li>

Job seekers can quickly browse through listings, apply filters, and access relevant information to streamline their job search process.</li>
<li>JobQuest employs advanced search and matching algorithms to connect users with the most relevant job and internship opportunities.</li>
<li>Users can create personalized profiles on JobQuest, highlighting their skills, experiences, and career objectives</li>
<li>JobQuest provides real-time notifications to keep users informed about new job and internship postings that match their profiles. This proactive approach ensures that individuals stay up-to-date with the latest opportunities in their respective fields.</li>
<li>In addition to job listings, JobQuest offers valuable career resources, tips, and guidance to empower users in their professional journeys. From resume writing tips to interview preparation advice, the platform is committed to supporting individuals at every stage of their career development.</li>

</ul>
</div>

<div class="read">
<button class="newdesign restricted">Read <span class="red"> More</span></button>
</div>

</div>
</section>
<section id="services">
<div class="container3">
<div class="heading">
<h1>Our <span class="red">Services</span></h1>
</div>
<div class="services">

<div class="box">
<div class="img1">
<img src="job.jpg" alt="">
</div>
<p>We at JobQuest provide numerous job opportunities depending on the need and development</p>
<button class="learn restricted">Learn <span class="red">More</span></button>
</div>
<div class="box">
<div class="img1">
<img src="intern.jpg" alt="">
</div>
<p>We at JobQuest provide numerous internship opportunities to get the work experience
<button class="learn restricted">Learn <span class="red">More</span></button>
</div>
<div class="box">
<div class="img1">
<img src="courses.jpg" alt="">
</div>
<p>We at JobQuest provide numerous free and paid certified courses to upskill yourself</p>
<button class="learn restricted">Learn <span class="red">More</span></button>
</div>
</div>

</div>
</section>
<section id="contact">
<div class="container4">
<div class="heading">
<h1>Contact <span class="red">Us</span></h1>
</div>
<div id="contactbox">
<form action="">
<div class="formgroup">
<label for="name">Name:</label>
<input type="text" id="name" placeholder="Enter Your Name">
</div>
<div class="formgroup">
<label for="email">Email:</label>
<input type="email" id="email" placeholder="Enter Your email">
</div>
<div class="formgroup">
<label for="phone">Phone Number:</label>
<input type="number" id="phone" placeholder="Enter Your Phone No.">
</div>
<div class="formgroup">
<label for="add">Address:</label>
<input type="text" id="add" placeholder="Enter Your Address">
</div>
<div class="submit ">
<button class="learn restricted">Submit</button>
</div>
</form>
</div>
</div>
</section>
<footer class="center">
Copyright &copy; <www class="JobQuest in"></www>. All rights reserved.
</footer>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script>
var typed = new Typed('.element', {
strings: ['Find Your Desired Jobs and Internships'],
typeSpeed: 200,
});
</script>
<!-- <script src="script1.js"></script> -->
<script src="script.js"></script>
</body>
</html>
139 changes: 139 additions & 0 deletions index1.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JobQuest || Admin</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>

<body>
<header>
<nav class="navbar">
<div class="left">
<p>Job<span class="red">Quest</span></p>
</div>
<div class="right">
<ul>
<li class="hideonmobile" ><a href="">Dashboard</a></li>
<li class="hideonmobile"><a href="" class="clickevent">Profile</a></li>
<li class="hideonmobile"><a href="" class="clickevent">Analytics</a></li>
<li class="hideonmobile"><a href="index.html">Log Out</a></li>
<li class="hambb"><i class="fa-solid fa-bars hamb"></i></li>
</ul>

</div>
</nav>
<nav class="sidebar">

<div class="right11">
<ul class="right1">
<i class="fa-solid fa-xmark cross"></i>
<li><a href="">Dashboard</a></li>
<li><a href="" class="clickevent">Profile</a></li>
<li><a href="" class="clickevent">Analytics</a></li>
<li><a href="index.html">Log Out</a></li>

</ul>

</div>
</nav>
</header>
<section class="section1">
<div class="add">
<button class="addupdate">Add a new <span class="red">Update</span></button>
</div>
<div class="add addup hide">
<button class="close">Close</button>
</div>
<div class="upload hide font1 marginadjust">
<div class="first inputb">
<p>Type Of <span class="red">Work</span></p>
<textarea class="widthadj" id="myWork" placeholder="Intern/Job"></textarea>
</div>
<div class="first inputb">
<p>Name of <span class="red">Organisation</span></p>
<textarea class="widthadj" id="myCompany" placeholder="eg-Amazon" ></textarea>
</div>
<div class="first inputb">
<p>Role Of <span class="red">Work</span></p>
<textarea class="widthadj" id="myRole" placeholder="Role. eg-Web Developer" ></textarea>
</div>
<div class="first inputb">
<p>Starting <span class="red">Time</span></p>
<textarea class="widthadj" id="myTime" placeholder="eg- 22nd January" ></textarea>
</div>

<div class="first inputb">
<p>Location of <span class="red">Work</span></p>
<textarea class="widthadj" id="myLocation" placeholder="location" ></textarea>
</div>
<div class="first inputb">
<p>Nature of <span class="red">Job</span></p>
<textarea class="widthadj" id="myNature" placeholder="Remote/On-site" ></textarea>
</div>
<div class="first inputb">
<p>Duration of <span class="red">Work</span></p>
<textarea class="widthadj" id="myExperience" placeholder="Fresher/Min 2 years" ></textarea>
</div>
<div class="second inputb">
<p>Stipened to be <span class="red">Provided</span> </p>
<textarea class="widthadj" id="myMoney" placeholder="In INR" ></textarea>
</div>
<div class="third inputbb">
<p>Work <span class="red">description</span> </p>
<textarea class="detailc" id="myWorking" placeholder="eg:- 🚀 Join our team as a Web Developer! 🌐 We're seeking a skilled professional proficient in the MERN stack to create innovative and scalable web solutions. If you're passionate about crafting exceptional user experiences, apply now to be part of our dynamic tech team! "></textarea>
</div>
<div class="update">
<button class="updatebtn">Upload</button>
</div>


</div>
<div class="headingtop headingadj">
<p>
Currently active <span class="red">Roles</span>
</p>
</div>
<div class="fetch marginadjust">
<!-- <div class="box11">
<div id="role">Web Developer</div>
<div id="company">Amazon</div>
<div id="location"><i class="fa-solid fa-location-dot margin"></i> <span id="location1">Bangalore</span></div>
<div id="nature"><i class="fa-solid fa-house-laptop margin"></i> <span id="nature1">Remote</span></div>
<div class="innerbox">
<div class="innerbox2">
<div class="upheadings"><i class="fa-regular fa-circle-play margin"></i> START DATE</div>
<div id="time">18th January</div>
</div>
<div class="innerbox2">
<div class="upheadings"><i class="fa-regular fa-calendar margin"></i> DURATION</div>
<div id="duration">2 months</div>
</div>
<div class="innerbox2">
<div class="upheadings"><i class="fa-solid fa-money-check-dollar margin"></i> STIPEND</div>
<div id="money">10000/Month</div>
</div>
<div class="innerbox2">
<div class="upheadings"><i class="fa-solid fa-user-check margin"></i> TYPE</div>
<div id="type">Internship</div>
</div>
</div>
<div id="details"> 🚀 Join our team as a Web Developer! 🌐 We're seeking a skilled professional proficient in the MERN stack to create innovative and scalable web solutions. If you're passionate about crafting exceptional user experiences, apply now to be part of our dynamic tech team! "</div>
</div> -->

</div>

</section>
<section></section>
<script src="script1.js"></script>
</body>

</html>
Binary file added intern.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added job.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 22 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
restricted=document.querySelectorAll(".restricted");

restricted.forEach(
(button) =>
{
button.addEventListener("click",() => {
alert("This functionality is not active yet.Try Login as Admin")
})
}
)
// *********
hambmain=document.querySelector(".hambmain");
right2=document.querySelector(".right2");
crossmain=document.querySelector(".crossmain");


hambmain.addEventListener("click",()=>{
right2.style.display="flex";
})
crossmain.addEventListener("click",()=>{
right2.style.display="none";
})
Loading

0 comments on commit fb44218

Please sign in to comment.