-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (155 loc) · 6.86 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li:last-child {
border-right: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
</style>
</head>
<body>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="index.html">Find Jobs</a></li>
<li><a href="developer.html">Find Developers</a></li>
<li><a href="mtt.html">Meet The Team</a></li>
<li style="float:right"><a href="account.html">My Account</a></li>
</ul>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://kit.fontawesome.com/b99e675b6e.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="wrapper">
<div class="links">
</div>
<div class="view_main">
<div class="view_wrap list-view" style="display: block;">
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Special Agent - Federal Bureau of Investigation</p>
<p class="content">At the Federal Bureau of Investigation, multitasking is a way of life for Special Agents. Whether they are conducting surveillance, identifying leads, interviewing subjects, testifying in court, tracking down money trails or advising on all matters related to our national security, their work entails far more than the typical 9 to 5. If those collective roles make up a career you wish to pursue, consider applying to the FBI.</p>
<a href="second.html" style="color:#7353cfff"> <div class="btn">Learn More</div> </a>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">United States Secret Service Criminal Investigator (Special Agent) - United States Secret Service</p>
<p class="content">Show us you have the talent and background we need, and we will show you the rewards of joining the U.S. Secret Service as a Criminal Investigator (Special Agent). Joining the Secret Service, Office of Investigations, as a Special Agent will allow you to perform critical protective and investigative assignments. The special agent position starts at a salary of $49,016 (GL-7, step 1), with promotion potential to $139,916 (GS-13, step 10).</p>
<div class="btn">Learn More</div>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Coding Operations Coordinator - Coding Operations Coordinator- job post</p>
<p class="content">As a not-for-profit organization, Mass General Brigham is committed to supporting patient care, research, teaching, and service to the community by leading innovation across our system. Founded by Brigham and Women’s Hospital and Massachusetts General Hospital, Mass General Brigham supports a complete continuum of care including community and specialty hospitals, a managed care organization, a physician network, community health centers, home care and other health-related entities. Several of our hospitals are teaching affiliates of Harvard Medical School, and our system is a national leader in biomedical research.</p>
<div class="btn">Learn More</div>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Developer Relations Engineer - Reach </p>
<p class="content">We are looking for a Development Relations Engineer to work alongside our engineers directly with our community. This is a unique opportunity for an engineer who wishes to gain hands-on experience in a fast-growing tech startup and enjoys supporting developer teams. The ideal candidate likes writing, public speaking, and brings a good-natured and outgoing personality.</p>
<div class="btn">Learn More</div>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Technology Companies Blockchain Associate - Goodwin Procter LLP</p>
<p class="content">Goodwin seeks a highly qualified mid-level/senior associate to join our Technology Companies group, with specific focus on the Blockchain and Digital Asset Practice. Candidate must have general experience both working in teams and in managing substantial components of transactions independently, along with specific experience representing technology companies in a broad range of corporate and transactional matters, including early and late-stage venture financings, mergers and acquisitions, and private and public offerings. Candidate should also have significant experience with and understanding of blockchain and digital asset related technologies and related financing and transaction structures.</p>
<div class="btn">Learn More</div>
</div>
</div>
</div>
<div class="view_wrap grid-view" style="display: none;">
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Apple</p>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam impedit, veniam! Voluptate a impedit animi!</p>
<div class="btn">Learn More</div>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Banana</p>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam impedit, veniam! Voluptate a impedit animi!</p>
<div class="btn">Learn More</div>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Grapes</p>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam impedit, veniam! Voluptate a impedit animi!</p>
<div class="btn">Apply</div>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam impedit, veniam! Voluptate a impedit animi!</p>
<div class="btn">Apply</div>
</div>
</div>
<div class="view_item">
<div class="vi_left">
</div>
<div class="vi_right">
<p class="title">Strawberry</p>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam impedit, veniam! Voluptate a impedit animi!</p>
<div class="btn">Apply</div>
</div>
</div>
</div>
</div>
</div>
<script src="scripts.js"></script>
</body>
</html>