-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (79 loc) · 3.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
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
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uproot-HomePage</title>
<link rel="stylesheet" href="css/main-style.css">
<link rel="shortcut icon" href="/logo.png"/>
</head>
<body>
<!--The Navigation bar.-->
<div class="navbar">
<div class="container">
<a class="logo" href="index.html"><img src="/images/logo.PNG" alt="Logo"></a>
<nav>
<ul class="nav-list">
<li class="nav-education"><a href="html/education-page.html">Education</a></li>
<li class="nav-job"><a href="filter.html">Find a Job</a></li>
<li><a href="list.html">My List</a></li>
<li class="nav-lang">
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'en'},
'google_translate_element'
);
}
</script>
</li>
</ul>
</nav>
</div>
</div>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!--The "hero" section where the short description and the job search/education things are placed.-->
<section class="hero-section">
<div class="container hero-container">
<div class="hero-left-col">
<h1 class="primary-description">Easy to use, versatile place to find a job and more. </h1>
</div>
<div class="hero-right-col">
<p>Learn more about managing money, and other things you need to know before finding a job!</p>
<a class="education-btn" href="html/education-page.html">Education</a>
<!--Find a job_ Search bar-->
<p>I know what I am doing, I want to start looking for a job!</p>
<a href="filter.html" class="search">Let's GO!</a>
</div>
</div>
</section>
<!--The features section with the longer description/what we have to offer details.-->
<section class="features-section">
<div class="features-container">
<h1>Our story:</h1>
<hr />
<h4>We are three seniors attending different high schools but hang out before Covid-19 and voice call playing video games for hours straight during our free time. Outside of our common interests, we all had a different focus in our future careers, computer science, arts, and business.</p>
<hr />
<h4>Making LinkedIn accounts in search of meaningful opportunities from internships to part-time jobs to build up our work experience in our resumes and help pay for college. The LinkedIn listings in providing were limited in low requirement opportunities that a teenager would be able to do, specifically for high school students. We also noticed that early job search opportunities were in the eighteen to twenties age range, so we decided to broaden our search engine to anyone looking for their first job.</p>
<hr />
<h4>Our goal is to make a tool for new job finders to go from learning about jobs to being able to find one. Whether you are a sneaker salesperson, a struggling artist, or a basement programmer, like us, you need to learn financial literacy and be able to find a job.</p>
</div>
</section>
<!--The Footer section-->
<footer>
<div class="contact-us">
<h2>Contact us!</h2>
</div>
<div class="vertical-line"></div>
<ul>
<img src="/images/Gmail_icon_(2020).svg" alt="Gmail icon">
<li><a href="">Email</a></li>
<img src="/images/GitHub-Mark-Light-120px-plus.png" alt="GitHub Icon">
<li><a href="https://github.com/RickleAndMortimer/RickleAndMortimer.github.io">Git-Hub</a></li>
</ul>
</footer>
</script>
</body>
</html>