-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
61 lines (60 loc) · 2.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>YoungCapital at Github</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans:400,600,700,900&display=swap">
<link rel="stylesheet" href="https://cdn.youngcapital.nl/style-guide/external/latest/style.css">
<link rel="stylesheet" href="https://cdn.youngcapital.nl/style-guide/icons/latest/style.css">
<link rel="icon" type="image/png" sizes="196x196" max-age="604800" href="https://youngcapital.nl/yc-favicon-196x196.png">
<link rel="icon" type="image/png" sizes="160x160" max-age="604800" href="https://youngcapital.nl/yc-favicon-160x160.png">
<link rel="icon" type="image/png" sizes="96x96" max-age="604800" href="https://youngcapital.nl/yc-favicon-96x96.png">
<link rel="icon" type="image/png" sizes="32x32" max-age="604800" href="https://youngcapital.nl/yc-favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" max-age="604800" href="https://youngcapital.nl/yc-favicon-16x16.png">
</head>
<body class="bg--gray">
<div class="ribbon ribbon--homepage">
<div class="ribbon__image" style="background-image: url('https://youngcapital-uploads-production.s3.amazonaws.com/uploads/ribbon_image/image/0000/0012/header12.jpg')">
</div>
<div class="ribbon__container container container-fluid">
<h1 class="ribbon__heading">
<span class="text--brand">YoungCapital</span> at Github
</h1>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="card card--top card--full-width">
<div class="card__body">
<h3>Welcome!</h3>
<p>On here you can find the techtalks that have been given at YoungCapital with a link to the video and to the presentation if available!</p>
</div>
</div>
</div>
</div>
<div class="row" id="presentations-container">
</div>
</div>
<!-- Templates -->
<template id="presentation">
<div class="col-xs-12 col-md-4">
<div data-template="card" class="card card--slim">
<div class="card__heading">
<h3 data-template="name">Presentationname</h3>
</div>
<div class="card__body">
<p data-template="description">A little description text about the presentation</p>
</div>
</div>
</div>
</template>
<template id="link">
<a data-template="link" class="card__body pt-3x pb-3x flex-row between-xs" target="_blank">
<h3 class="text--bold" data-template="text">Link to Presentation</h3>
<i class="nyc-icon nyc-icon-arrow-right"></i>
</a>
</template>
<script src="/loadPresentations.js"></script>
</body>
</html>