-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (73 loc) · 3.34 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
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="assets/images/brand/favicon.ico">
<title>Office Unbound</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/custom.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="assets/js/template.js"></script>
<div class="bg-color">
<div id="modal-partial"></div>
<!-- Navbar Start-->
<nav class="navbar navbar-toggleable-md navbar-light bg-faded" id="nav-partial">
</nav>
<!-- Navbar End-->
<section class="jumbotron jumbotron-fluid text-center" style="background-image: url(assets/images/extra/map.png); background-size: cover;">
<div class="col col-lg-4 offset-lg-4 col-md-6 offset-md-3">
<h2 class="jumbotron-heading" style="color: rgb(79, 156, 219);">Explore Remote Work</h2>
<p class="lead text-muted" style="padding-bottom: 10px; color: #88949d !important; font-size: 1em;">From the beautiful beaches of Bali to mountains of North Dakota, now more than ever, people are working from wherever there is wifi.</p>
<!-- Newsletter Start-->
<div id="newsletter-header">
</div>
<!-- Newsletter End-->
</div>
</section>
<div class="container-fluid card-container" style="max-width:1000px;">
<h4>Interviews</h4>
<hr style="padding-bottom: 10px;">
<div class="row">
<div class="card-deck">
<div class="card item home" id="harry-guinness">
</div>
<div class="card item home" id="priscilla-kim">
</div>
<div class="card item home" id="vicky-lai">
</div>
<div class="card item home" id="wade-foster">
</div>
<div class="card item home" id="claudia-reynders">
</div>
<div class="card item home" id="katie-leigh">
</div>
</div>
</div>
</div>
<footer class="footer text-center" style="margin: 0 auto;">
<hr>
<h4>New interviews added weekly</h4>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="assets/js/holder.min.js"></script>
<script>
$(function () {
Holder.addTheme("thumb", { background: "#55595c", foreground: "#eceeef", text: "Thumbnail" });
});
</script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="https://use.fontawesome.com/b3fea647cb.js"></script>
</div>
</body>
</html>