-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathtalks.html
More file actions
119 lines (114 loc) · 7.73 KB
/
talks.html
File metadata and controls
119 lines (114 loc) · 7.73 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
<!DOCTYPE html>
<html>
<head>
<title>Talks</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
</head>
<body>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
body {
background: linear-gradient(180deg, #14FF7A, #fff);
}
.timeline-card {
background-color: #fff;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
padding: 10px;
margin-bottom: 25px;
}
.timeline-card-text {
font-size: 1.2rem;
text-align: center;
font-family: 'PT Sans', sans-serif;
}
</style>
<div class="page-title">
<h1 class="title-text animated fadeIn">Talks</h1>
</div>
<div class="container">
<div class="timeline-card animated bounceInUp">
<div class="row">
<div class="col s12 m3 l3 center">
<img src="http://via.placeholder.com/250x250" class="timeline-card-image circle">
</div>
<div class="col s12 m9 l9 timeline-card-text">
<h3 class="center">Day 1</h3>
<div class="timeline-card-text-para">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo sapien a dui sodales tincidunt. Nullam mattis tortor leo, nec tincidunt mi consequat nec. Pellentesque auctor dui ipsum, vestibulum pretium ligula ultrices ac. Vestibulum auctor est sit amet ante molestie, ac gravida nibh porta. Sed metus sem, posuere in vulputate in, tempus sit amet odio. Vivamus libero mauris, commodo id elementum id, maximus ac mauris. Vestibulum sed sem non lorem vehicula iaculis. Etiam condimentum elementum interdum. Vivamus sit amet sagittis arcu, eget pellentesque ante. Nulla placerat eu purus a varius. Quisque molestie ac lectus sed ultrices. Donec sollicitudin eleifend dapibus. Nunc efficitur nisi ac nunc luctus pellentesque.
</div>
</div>
</div>
</div>
<div class="timeline-card animated bounceInUp">
<div class="row">
<div class="col s12 m3 l3 push-l9 center">
<img src="http://via.placeholder.com/250x250" class="timeline-card-image circle">
</div>
<div class="col s12 m9 l9 pull-l3 timeline-card-text">
<h3 class="center">Day 2</h3>
<div class="timeline-card-text-para">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo sapien a dui sodales tincidunt. Nullam mattis tortor leo, nec tincidunt mi consequat nec. Pellentesque auctor dui ipsum, vestibulum pretium ligula ultrices ac. Vestibulum auctor est sit amet ante molestie, ac gravida nibh porta. Sed metus sem, posuere in vulputate in, tempus sit amet odio. Vivamus libero mauris, commodo id elementum id, maximus ac mauris. Vestibulum sed sem non lorem vehicula iaculis. Etiam condimentum elementum interdum. Vivamus sit amet sagittis arcu, eget pellentesque ante. Nulla placerat eu purus a varius. Quisque molestie ac lectus sed ultrices. Donec sollicitudin eleifend dapibus. Nunc efficitur nisi ac nunc luctus pellentesque.
</div>
</div>
</div>
</div>
<div class="timeline-card animated bounceInUp">
<div class="row">
<div class="col s12 m3 l3 center">
<img src="http://via.placeholder.com/250x250" class="timeline-card-image circle">
</div>
<div class="col s12 m9 l9 timeline-card-text">
<h3 class="center">Day 3</h3>
<div class="timeline-card-text-para">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo sapien a dui sodales tincidunt. Nullam mattis tortor leo, nec tincidunt mi consequat nec. Pellentesque auctor dui ipsum, vestibulum pretium ligula ultrices ac. Vestibulum auctor est sit amet ante molestie, ac gravida nibh porta. Sed metus sem, posuere in vulputate in, tempus sit amet odio. Vivamus libero mauris, commodo id elementum id, maximus ac mauris. Vestibulum sed sem non lorem vehicula iaculis. Etiam condimentum elementum interdum. Vivamus sit amet sagittis arcu, eget pellentesque ante. Nulla placerat eu purus a varius. Quisque molestie ac lectus sed ultrices. Donec sollicitudin eleifend dapibus. Nunc efficitur nisi ac nunc luctus pellentesque.
</div>
</div>
</div>
</div>
<div class="timeline-card animated bounceInUp">
<div class="row">
<div class="col s12 m3 l3 push-l9 center">
<img src="http://via.placeholder.com/250x250" class="timeline-card-image circle">
</div>
<div class="col s12 m9 l9 pull-l3 timeline-card-text">
<h3 class="center">Day 4</h3>
<div class="timeline-card-text-para">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo sapien a dui sodales tincidunt. Nullam mattis tortor leo, nec tincidunt mi consequat nec. Pellentesque auctor dui ipsum, vestibulum pretium ligula ultrices ac. Vestibulum auctor est sit amet ante molestie, ac gravida nibh porta. Sed metus sem, posuere in vulputate in, tempus sit amet odio. Vivamus libero mauris, commodo id elementum id, maximus ac mauris. Vestibulum sed sem non lorem vehicula iaculis. Etiam condimentum elementum interdum. Vivamus sit amet sagittis arcu, eget pellentesque ante. Nulla placerat eu purus a varius. Quisque molestie ac lectus sed ultrices. Donec sollicitudin eleifend dapibus. Nunc efficitur nisi ac nunc luctus pellentesque.
</div>
</div>
</div>
</div>
<div class="timeline-card animated bounceInUp">
<div class="row">
<div class="col s12 m3 l3 center">
<img src="http://via.placeholder.com/250x250" class="timeline-card-image circle">
</div>
<div class="col s12 m9 l9 timeline-card-text">
<h3 class="center">Day 5</h3>
<div class="timeline-card-text-para">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo sapien a dui sodales tincidunt. Nullam mattis tortor leo, nec tincidunt mi consequat nec. Pellentesque auctor dui ipsum, vestibulum pretium ligula ultrices ac. Vestibulum auctor est sit amet ante molestie, ac gravida nibh porta. Sed metus sem, posuere in vulputate in, tempus sit amet odio. Vivamus libero mauris, commodo id elementum id, maximus ac mauris. Vestibulum sed sem non lorem vehicula iaculis. Etiam condimentum elementum interdum. Vivamus sit amet sagittis arcu, eget pellentesque ante. Nulla placerat eu purus a varius. Quisque molestie ac lectus sed ultrices. Donec sollicitudin eleifend dapibus. Nunc efficitur nisi ac nunc luctus pellentesque.
</div>
</div>
</div>
</div>
<div class="timeline-card animated bounceInUp">
<div class="row">
<div class="col s12 m3 l3 push-l9 center">
<img src="http://via.placeholder.com/250x250" class="timeline-card-image circle">
</div>
<div class="col s12 m9 l9 pull-l3 timeline-card-text">
<h3 class="center">Day 6</h3>
<div class="timeline-card-text-para">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo sapien a dui sodales tincidunt. Nullam mattis tortor leo, nec tincidunt mi consequat nec. Pellentesque auctor dui ipsum, vestibulum pretium ligula ultrices ac. Vestibulum auctor est sit amet ante molestie, ac gravida nibh porta. Sed metus sem, posuere in vulputate in, tempus sit amet odio. Vivamus libero mauris, commodo id elementum id, maximus ac mauris. Vestibulum sed sem non lorem vehicula iaculis. Etiam condimentum elementum interdum. Vivamus sit amet sagittis arcu, eget pellentesque ante. Nulla placerat eu purus a varius. Quisque molestie ac lectus sed ultrices. Donec sollicitudin eleifend dapibus. Nunc efficitur nisi ac nunc luctus pellentesque.
</div>
</div>
</div>
</div>
</div>
</body>
<body>