From f69e791e3b65c42f05dfcaed4fb7030450bfa368 Mon Sep 17 00:00:00 2001 From: Tuhin Chandra Date: Wed, 17 Apr 2024 11:05:51 +0530 Subject: [PATCH] Update job images and background color --- Job Search/main2.js | 4 ++-- Job Search/style.css | 18 +++++++++++------- 2 files changed, 13 insertions(+), 9 deletions(-) diff --git a/Job Search/main2.js b/Job Search/main2.js index d55b1c3..9665ef5 100644 --- a/Job Search/main2.js +++ b/Job Search/main2.js @@ -47,7 +47,7 @@ const jobs = [ { title: "SEO Specialist", - image: "https://tse3.explicit.bing.net/th?id=OIP.SBBZdRxnoFqsgDDzMi-o6QHaDQ&pid=Api&P=0&h=180", + image: "https://img.freepik.com/free-vector/seo-concept-illustration_114360-5766.jpg?w=740&t=st=1713331725~exp=1713332325~hmac=78525ed90760d178595c9761ab144cb5e1e4dc6c8feb39009baf19663294d0b9", details: "Responsible for Teaching data science prototypes, designing ML systems and developing ML Applications", openPositions: "3", @@ -64,7 +64,7 @@ const jobs = [ }, { title: "Data Entry Specialist", - image: "https://tse1.mm.bing.net/th?id=OIP.SoAFlDeFypUeKI6axeOLfwHaEK&pid=Api&P=0&h=180", + image: "https://img.freepik.com/free-photo/cropped-view-hands-typing-laptop_1262-3196.jpg?t=st=1713331790~exp=1713335390~hmac=49bc1bb26d7942bae0c5d163ba32198e0c58503de0330ca542649530d4682751&w=996", details: "Input and manage data accurately and efficiently using various software tools.", openPositions: "5", diff --git a/Job Search/style.css b/Job Search/style.css index d88ebda..6d65e34 100644 --- a/Job Search/style.css +++ b/Job Search/style.css @@ -1,9 +1,11 @@ body { - background-image: url("https://img.freepik.com/free-photo/pale-gray-sandy-template_1194-6817.jpg"); - background-size: cover; - background-repeat: no-repeat; - background-attachment: fixed; - opacity: 2px; + /* background-image: url("https://img.freepik.com/free-photo/pale-gray-sandy-template_1194-6817.jpg"); */ + /* background-size: cover; */ + /* background-repeat: no-repeat; */ + /* background-attachment: fixed; */ + /* opacity: 2px; */ + background: rgb(255, 255, 255); + background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(199, 199, 199, 1) 77%); } .jobs-list-container { @@ -36,11 +38,13 @@ body { display: flex; flex-direction: column; transition: all 400ms ease; + border: 1px solid black; } .jobs-list-container .job:hover { transform: scale(1.03); - box-shadow: 0 8px 30px rgba(2, 48, 71, 0.3); /* Shadow on hover */ + box-shadow: 0 8px 30px rgba(2, 48, 71, 0.3); + /* Shadow on hover */ } .jobs-list-container .open-positions { @@ -181,4 +185,4 @@ body { .accessibility-menu button:hover { color: #0056b3; -} +} \ No newline at end of file