forked from LeaVerou/inspire.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
boilerplate.html
executable file
·87 lines (68 loc) · 3.08 KB
/
boilerplate.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Sample CSSS presentation</title>
<!-- Don't alter this, CSSS needs it to work -->
<link href="slideshow.css" rel="stylesheet" media="screen"/>
<!-- Theme-specific styles go here (themes can be reused in multiple talks) -->
<link href="base.css" rel="stylesheet" />
<!-- Talk-specific styles go here -->
<link href="talk.css" rel="stylesheet" />
<link href="print.css" rel="stylesheet" media="print"/>
<!-- Take care of prefixes -->
<script src="prefixfree.min.js"></script>
</head>
<body data-duration="1" data-nice="true" data-footer="Présentation CSS - By Th3o SMith">
<section class="slide">
<h2>Slide title</h2>
<ul>
<li class="delayed">Test 1</li>
<li class="delayed">Tets 2</li>
</ul>
<p class="presenter-notes">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>
</section>
<section>
<header class="slide">
<h1>Section title</h1>
</header>
<section class="slide">
<h2>Slide title</h2>
<h1>Avantages et inconvénients</h1>
<p> </p>
<ul>
<li>Je suis super fort</li>
<li>Il est con</li>
</ul>
<p> </p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="../js/tinymce/jscripts/tiny_mce/plugins/imagemanager/files/apside_general_scheme.gif" alt="" width="147" height="102" /></p>
<p> </p>
<p class="presenter-notes">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>
</section>
</section>
<footer class="slide">
<h2>Thank you!</h2>
<p>Closing remarks</p>
<p>
$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$</p>
<p>La réponse est :$\frac{1}{2}$</p>
</footer>
<section class="slide"></section>
<script src="slideshow.js"></script>
<script src="plugins/stopwatch.js"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
});
</script>
<script type="text/javascript" src="plugins/MathJax/MathJax.js?config=TeX-AMS_HTML-full"></script>
<!-- Uncomment the plugins you need
<script src="plugins/css-edit.js"></script>
<script src="plugins/css-snippets.js"></script>
<script src="plugins/css-controls.js"></script>
<script src="plugins/code-highlight.js"></script>
-->
<script>var slideshow = new SlideShow();</script>
</body>
</html>