This repository has been archived by the owner on Sep 1, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy paththeme-index.html
executable file
·136 lines (88 loc) · 5.02 KB
/
theme-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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz</title>
<meta name="description" content="impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com." />
<meta name="author" content="Bartek Szopka" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Droid+Sans|Lato:400,900' rel='stylesheet' type='text/css'>
<link href="css/impress.js-my-theme.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>
<body class="impress-not-supported">
<div id="impress">
<div id="slide1" class="step title" data-x="2500" data-y="0" data-z="2300" data-rotate-y="0" data-scale="2">
<h1>Example Title of Your Presentation</h1>
</div>
<div id="slide2" class="step slide" data-x="0" data-y="0" data-z="300" data-rotate-y="90" data-scale="1" data-scale="8">
<h2>Agenda</h2>
<ol>
<li>Lorem ipsum dolor</li>
<li>Lorem ipsum dolor</li>
<li>Lorem ipsum dolor</li>
<li>Lorem ipsum dolor </li>
</ol>
</div>
<div id="slide3" class="step slide" data-x="-300" data-y="300" data-z="300" data-rotate-x="90" data-rotate-y="180" data-scale="1" data-scale="8">
<h2>Good to know</h2>
<ul>
<li>Lorem ipsum dolor</li>
<li>Lorem ipsum dolor</li>
<li>Lorem ipsum dolor</li>
<li>Lorem ipsum dolor </li>
</ul>
</div>
<div id="slide4" class="step slide" data-x="-300" data-y="0" data-z="0" data-rotate-y="180" data-scale="1" data-scale="8">
<h2>Paragraph</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, <a href="#">sed do eiusmod</a> tempor incididunt ut labore et dolore magna aliqua.</p>
<p> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut <a href="#">aliquip ex</a> ea commodo consequat. </p>
</div>
<div id="slide5" class="step slide" data-x="-600" data-y="0" data-z="300" data-rotate-x="90" data-rotate-y="270" data-scale="1" data-scale="8">
<h2>Heading</h2>
<h3> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3>
</div>
<div id="slide6" class="step slide" data-x="-300" data-y="-300" data-z="300" data-rotate-x="90" data-rotate-y="360" data-rotate-z="90" data-scale="1" data-scale="8">
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna. Quisque porta facilisis tortor, vitae bibendum!
<cite>Somebody famous</cite>
</blockquote>
</div>
<div id="slide7" class="step slide-circle" data-x="4750" data-y="-600" data-z="2650" data-rotate-y="120" data-scale="1">
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna. Quisque porta facilisis tortor, vitae bibendum!
<cite>Somebody famous</cite>
</blockquote>
</div>
<div id="slide8" class="step slide-circle" data-x="4520" data-y="-300" data-z="2000" data-rotate-y="100" data-scale="1">
<h2>Good to know</h2>
<ul>
<li>Lorem ipsum dolor ipsum</li>
<li>Lorem ipsum dolor</li>
<li>Lorem ipsum dolor ipsum</li>
<li>Lorem ipsum dolor </li>
</ul>
</div>
<div id="slide9" class="step slide-circle" data-x="4520" data-y="0" data-z="1310" data-rotate-y="80" data-scale="1">
<h2>Paragraph</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, <a href="#">sed do eiusmod</a> tempor incididunt ut labore et dolore magna aliqua.</p>
<p> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut <a href="#">aliquip ex</a> ea commodo consequat. </p>
</div>
<div id="slide10" class="step slide-circle" data-x="4750" data-y="300" data-z="660" data-rotate-y="60" data-scale="1">
<h1>Big text you should remember</h1>
</div>
<div id="slide11" class="step slide-circle" data-x="5220" data-y="600" data-z="155" data-rotate-y="40" data-scale="1"> <h2>About Me</h2>
<img src="img/img.png">
</div>
<div id="slide12" class="step slide-circle" data-x="5835" data-y="900" data-z="-160" data-rotate-y="20" data-scale="1">
<h1>Another big text you should remember</h1>
</div>
<div id="overview" class="step" data-x="2500" data-y="0" data-scale="6">
</div>
</div>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>