Added html template in views and updated top and bot of document

1 files changed, 69 insertions, 0 deletions

diff --git a/src/views/index.html b/src/views/index.html
new file mode 100644
index 0000000..c71e268
--- /dev/null
+++ b/src/views/index.html
@@ -0,0 +1,69 @@
+<!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>Jobs</title>
+	<link rel="preconnect" href="https://fonts.gstatic.com">
+
+	<link rel="stylesheet" href="./css/master.css">
+	<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
+</head>
+<body>
+	<div class="site-wrapper">
+		<header class="site-header">
+			<h1 class="site-title"><a href="#">Job Offers</a></h1>
+		</header>
+
+		<ul class="jobs-listing">
+			<li class="job-card">
+				<div class="job-primary">
+					<h2 class="job-title"><a href="#">Front End Developer</a></h2>
+					<div class="job-meta">
+						<a class="meta-company" href="#">Company Awesome Ltd.</a>
+						<span class="meta-date">Posted 14 days ago</span>
+					</div>
+					<div class="job-details">
+						<span class="job-location">The Hague (The Netherlands)</span>
+						<span class="job-type">Contract staff</span>
+					</div>
+				</div>
+				<div class="job-logo">
+					<div class="job-logo-box">
+						<img src="https://i.imgur.com/ZbILm3F.png" alt="">
+					</div>
+				</div>
+			</li>
+
+			<li class="job-card">
+				<div class="job-primary">
+					<h2 class="job-title"><a href="#">Front End Developer</a></h2>
+					<div class="job-meta">
+						<a class="meta-company" href="#">Company Awesome Ltd.</a>
+						<span class="meta-date">Posted 14 days ago</span>
+					</div>
+					<div class="job-details">
+						<span class="job-location">The Hague (The Netherlands)</span>
+						<span class="job-type">Contract staff</span>
+					</div>
+				</div>
+				<div class="job-logo">
+					<div class="job-logo-box">
+						<img src="https://i.imgur.com/ZbILm3F.png" alt="">
+					</div>
+				</div>
+			</li>
+		</ul>
+		
+		<footer class="site-footer">
+			<p>Copyright 2020 | Developer links: 
+				<a href="/edits.html">Edits</a>,
+				<a href="/index.html">Home</a>,
+				<a href="/single.html">Single</a>
+			</p>
+		</footer>
+	</div>
+
+</body>
+</html>
\ No newline at end of file