Skip to content

Commit 3540542

Browse files
tuhinsunnytuhinsunny
committed
Refactor background color and gradient in style2.css
1 parent 5bf658a commit 3540542

File tree

2 files changed

+49
-45
lines changed

2 files changed

+49
-45
lines changed

‎Job Search/indexFreelance.html

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,47 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>get freelance</title>
8-
<link rel="preconnect" href="https://fonts.googleapis.com" />
9-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10-
<link
11-
href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap"
12-
rel="stylesheet"
13-
/>
14-
<link rel="stylesheet" href="style2.css" />
15-
</head>
16-
<body>
17-
<div class="jobs-list-container">
18-
<h2>6 Internship</h2>
19-
<div class="result-count"></div>
20-
21-
22-
<input class="job-search" type="text" placeholder="Search here..." />
23-
24-
<div class="jobs"></div>
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>get freelance</title>
9+
<link rel="preconnect" href="https://fonts.googleapis.com" />
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
11+
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap" rel="stylesheet" />
12+
<link rel="stylesheet" href="style2.css" />
13+
</head>
14+
15+
<body>
16+
<div class="jobs-list-container">
17+
<h2>6 Internship</h2>
18+
<div class="result-count"></div>
19+
20+
21+
<input class="job-search" type="text" placeholder="Search here..." />
22+
23+
<div class="jobs"></div>
24+
</div>
25+
<!-- Accessibility Mode Button -->
26+
<div class="accessibility-button hover-speak" onclick="toggleAccessibilityMenu()"
27+
onmouseover="speakText('click here to select accessibility mode')" onmouseleave="stopSpeaking()">
28+
<div class="accessibility-icon">
29+
2530
</div>
26-
<!-- Accessibility Mode Button -->
27-
<div class="accessibility-button hover-speak" onclick="toggleAccessibilityMenu()"
28-
onmouseover="speakText('click here to select accessibility mode')" onmouseleave="stopSpeaking()">
29-
<div class="accessibility-icon">
30-
31-
</div>
32-
</div>
33-
34-
<!-- Accessibility Menu -->
35-
<div class="accessibility-menu" id="accessibilityMenu">
36-
<ul>
37-
<li><button class="hover-speak" onclick="toggleScreenReader()" id="screenReaderButton"
38-
onmouseover="speakText('click here to change the screen reader mode')" onmouseleave="stopSpeaking()">Enable
39-
Screen Reader</button></li>
40-
<li><button onclick="toggleKeyboardNavigation()">Enable Voice Recognition</button></li>
41-
</ul>
42-
</div>
43-
44-
45-
<script src="main2.js"></script>
46-
</body>
47-
</html>
31+
</div>
32+
33+
<!-- Accessibility Menu -->
34+
<div class="accessibility-menu" id="accessibilityMenu">
35+
<ul>
36+
<li><button class="hover-speak" onclick="toggleScreenReader()" id="screenReaderButton"
37+
onmouseover="speakText('click here to change the screen reader mode')" onmouseleave="stopSpeaking()">Enable
38+
Screen Reader</button></li>
39+
<li><button onclick="toggleKeyboardNavigation()">Enable Voice Recognition</button></li>
40+
</ul>
41+
</div>
42+
43+
44+
<script src="main2.js"></script>
45+
</body>
46+
47+
</html>

‎Job Search/style2.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
1-
1+
body{
2+
background: rgb(215,177,177);
3+
background: linear-gradient(135deg, rgba(215,177,177,1) 0%, rgba(207,221,221,1) 14%);
4+
}
25
.jobs-list-container {
36
max-width: 900px;
47
margin: 20px auto;
@@ -29,6 +32,7 @@
2932
display: flex;
3033
flex-direction: column;
3134
transition: all 400ms ease;
35+
border: 1px solid black;
3236
}
3337

3438
.jobs-list-container .job:hover {

0 commit comments

Comments
 (0)