-
Notifications
You must be signed in to change notification settings - Fork 21
/
styleguide.html
103 lines (69 loc) · 5.11 KB
/
styleguide.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
96
97
98
99
100
---
layout: sub-page
title: Style Guide for JSConf EU 2015
title-short: Style Guide
---
<section class="bg-pink-white-off">
<div class="wrapper">
<div class="item-100">
HUGE PICTURE Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{% include facepile.md %}
</div>
<div class="item-50 item_deco">
<figure>
<img src="{{ site.baseurl }}/img/jsconf-jenn-jed.jpg" width="400" height="400" alt="Jsconf Jenn Jed">
</figure>
</div>
<div class="item-50 item-content">
<article>
<header>
<span class="date">17 November 2015</span>
<h2><a href="{{ site.baseurl }}/news/2014/12/17/2015.html">Title of the Post</a></h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum rum.</p>
<blockquote>Blockquote nsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostorum.</blockquote>
<h2>Lorem ipsum dolor si h2 rum.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum rum.</p>
<h3>Lorem ipsum dolor si h3 rum.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum rum.</p>
<h4>Lorem ipsum dolor si h4 rum.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum rum.</p>
<p>
<a href="" class="btn">Buy Ticket</a>
</p>
<ul>
<li>Date: September 25th and 27th (yes, with a gap day)</li>
<li>Venue: <a href="http://2014.jsconf.eu/location/">Radialsystem V</a></li>
<li>The ticket sale starts February 1st and 3rd</li>
<li>Combo Tickets for JSConf EU and CSSconf EU will be available</li>
</ul>
<p><a href="http://2015.jsconf.eu" title="JSConf EU 2015">http://2015.jsconf.eu</a></p>
<p>We released a video of our 2014 opening show and wrote a <a href="https://medium.com/@cramforce/wtf-is-happening-d67a92937584">detailed blog post</a> here.</p>
<div class="embed_container">
<iframe width="560" height="315" src="http://www.youtube.com/embed/pkjwUOk_iCk" frameborder="0" allowfullscreen="true">
</iframe>
</div>
</article>
<h2>The labour-of-love conference for the JS community in Europe.</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
</section>
<section class="bg-blue-pat links-light">
<div class="wrapper">
<div class="item-50 item-content">
<h2>The labour-of-love conference for the JS community in Europe.</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <a href="#">quis nostrud exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<a href="" class="btn">Buy Ticket</a>
</div>
<div class="item-50 item_deco">
<figure>
<img src="{{ site.baseurl }}/img/jsconf-jenn-jed.jpg" width="400" height="400" alt="Jsconf Jenn Jed">
</figure>
</div>
</div>
</section>