-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathinner.html
More file actions
165 lines (150 loc) · 7.18 KB
/
inner.html
File metadata and controls
165 lines (150 loc) · 7.18 KB
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
161
162
163
164
165
<!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>DevJobs App - MasterCode (Real World Project)</title>
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/fonts/mastercode-icon/style.css">
</head>
<body>
<nav class="navbar">
<div class="navbar-assistant navbar-svg-1">
<img src="./assets/img/nav-svg-1.svg" alt="">
</div>
<div class="navbar-assistant navbar-svg-2">
<img src="./assets/img/nav-svg-2.svg" alt="">
</div>
<div class="navbar-assistant navbar-svg-3">
<img src="./assets/img/nav-svg-3.svg" alt="">
</div>
<div class="container">
<div class="nav-block">
<div class="nav-block_logo">
<a href="./index.html"> <img src="./assets/img/devjobs.svg" alt=""></a>
</div>
<div class="nav-block_switch">
<label for="theme-check">
<span class="m-light"></span>
</label>
<input id="theme-check" class="nav-block_check" type="checkbox">
<label for="theme-check">
<span class="m-dark"></span>
</label>
</div>
</div>
</div>
</nav>
<section class="widget">
<div class="container">
<div class="widget-block">
<div class="container">
<div class="widget-jobs_head widget-block_white">
<div class="widget-jobs_img">
<img src="./assets/img/company-logo.svg" alt="">
</div>
<div class="widget-jobs_info">
<div class="widget-jobs_info-title">
<h2>Scoot</h2>
<p>scoot.com</p>
</div>
<div class="widget-jobs_info-button">
<button class="button button-primary_light">
Company Site
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="job-detail">
<div class="container">
<div class="job-detail_block container">
<div class="job-detail_head">
<div class="job-detail_info">
<div class="job-detail_time jobs-item_info">
<p>1w ago</p>
<p>Part Time</p>
</div>
<h1 class="job-detail_header">
Senior Software Engineer
</h1>
<p class="jobs-item_location job-detail_location">
United Kingdom
</p>
</div>
<div class="job-detail_apply">
<button class="button button-primary">
Apply Now
</button>
</div>
</div>
<div class="job-detail_body">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque
aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium,
ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu
nibh. Nullam mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat,
eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus
adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed
semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu
pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed,
urna.
</p>
<h2 class="job-detail_body-head">
Requirements
</h2>
<p>
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet,
lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh
felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam
pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo.
Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
</p>
<ul class="job-detail_body-list">
<li>Lorem ipsum dolor sit amet.</li>
<li>Sunt fuga repellendus incidunt modi.</li>
<li>Accusantium rem mollitia laudantium magnam.</li>
<li>Quis harum debitis sunt fugit.</li>
</ul>
<h2 class="job-detail_body-head">
What You Will Do
</h2>
<p>
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu
augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.
Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a
ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede
arcu, dapibus eu, fermentum et, dapibus sed, urna. </p>
<ol class="job-detail_body-list">
<li>Lorem ipsum dolor sit amet.</li>
<li>Sunt fuga repellendus incidunt modi.</li>
<li>Accusantium rem mollitia laudantium magnam.</li>
<li>Quis harum debitis sunt fugit.</li>
</ol>
</div>
</div>
</div>
</section>
<section class="job-detail-footer">
<div class="container">
<div class="job-detail-footer_block container">
<div class="job-detail-footer_info">
<h2>Senior Software Engineer</h2>
<p>So Digital Inc.</p>
</div>
<div class="job-detail-footer_apply">
<button class="button button-primary">
Apply Now
</button>
</div>
</div>
</div>
</section>
<script src="./assets/js/main.js">
</script>
</body>
</html>