Humans of all times have used codes and ciphers. Some of the greatest wars in history have been won thanks to good encryption, or lost due to great cryptographers. Even if we don’t think about it, encryption and cryptography are a big part of our lives, now that https is the defacto standard for the web. While most modern developers want to ensure that their data is secured, most of them don’t understand how the data is encrypted or how cryptography works. During this talk, the attendees will understand where ciphers come from by going through a journey in the history of cryptography. With examples from the Caesar cipher all the way to quantum cryptography, the speaker will explain in simple terms how cryptography evolved into what it is today and how it should be used to secure user data.
9. 9
From Caesar Cipher to Quantum Cryptography
Developer Advocate at Red Hat
OpenShift
Co-organizer of NomadJS
Author at Egghead, Udemy
<3 Twitter
Hi, I’m Joel
github.com/joellord
twitter.com/joel__lord
12. How It Works
From Caesar Cipher To Quantum Cryptography
12
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
13. How It Works
From Caesar Cipher To Quantum Cryptography
13
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
14. How It Works
From Caesar Cipher To Quantum Cryptography
14
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w
15. How It Works
From Caesar Cipher To Quantum Cryptography
15
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
x y z a b c d e f g h i j k l m n o p q r s t u v w
16. How It Works
From Caesar Cipher To Quantum Cryptography
16
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
x y z a b c d e f g h i j k l m n o p q r s t u v w
MID ATLANTIC DEVELOPER CONFERENCE
17. How It Works
From Caesar Cipher To Quantum Cryptography
17
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
MID ATLANTIC DEVELOPER CONFERENCE
jfa xqixkqfz absbilmbo zlkcbobkzb
x y z a b c d e f g h i j k l m n o p q r s t u v w
18. How It Works
From Caesar Cipher To Quantum Cryptography
18
____ __ __ _________ _______
qefp fp xk bkzovmqba jbvvxdb
19. How It Works
From Caesar Cipher To Quantum Cryptography
19
____ IS __ _________ _______
qefp fp xk bkzovmqba jbvvxdb
20. How It Works
From Caesar Cipher To Quantum Cryptography
20
____ IS __ _________ _______
qefp fp xk bkzovmqba jbvvxdb
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
x y z a b c d e f g h i j k l m n o p q r s t u v w
21. How It Works
From Caesar Cipher To Quantum Cryptography
21
THIS IS AN ENCRYPTED MESSAGE
qefp fp xk bkzovmqba jbvvxdb
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
x y z a b c d e f g h i j k l m n o p q r s t u v w
22. How It Works
From Caesar Cipher To Quantum Cryptography
22
____ __ __ _________ _______
fjzr zr hb tbpeydftq wtrrhxt
23. How It Works
From Caesar Cipher To Quantum Cryptography
23
____ IS __ _________ _______
fjzr zr hb tbpeydftq wtrrhxt
24. How It Works
From Caesar Cipher To Quantum Cryptography
24
__IS IS __ _________ __SS___
fjzr zr hb tbpeydftq wtrrhxt
25. How It Works
From Caesar Cipher To Quantum Cryptography
25
??IS IS ?? ????????? ??SS???
fjzr zr hb tbpeydftq wtrrhxt
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
? ? ? ? ? ? ? ? z ? ? ? ? ? ? ? ? ? r ? ? ? ? ? ? ?
26. How It Works
From Caesar Cipher To Quantum Cryptography
26
??IS IS ?? ????????? ??SS???
fjzr zr hb tbpeydftq wtrrhxt
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
h m p q t i x j z l g a w b s d v e r f o k u c y n
27. General Substitution Algorithm
From Caesar Cipher To Quantum Cryptography
27
● 400,000,000,000,000,000,000,000,000 possible combinations
● A billion times the age of the universe to brute force at 1 per second
● You need to share the full key
28. How It Works
From Caesar Cipher To Quantum Cryptography
28
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
j u l i u s c a e s a r
29. How It Works
From Caesar Cipher To Quantum Cryptography
29
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
j u l i s c a e r
30. How It Works
From Caesar Cipher To Quantum Cryptography
30
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
j u l i s c a e r t v w x y z b d f g h k m n o p q
31. How It Works
From Caesar Cipher To Quantum Cryptography
31
j u l i s c a e r t v w x y z b d f g h k m n o p q
THIS IS AN ENCRYPTED MESSAGE
herg rg jy sylfpbhsi xsggjas
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
35. Frequency Analysis
From Caesar Cipher To Quantum Cryptography
35
This is just a small text but it should
still provide us with some insight
based on the frequency analysis
38. Vigenere Square
From Caesar Cipher To Quantum Cryptography
38
A B C D E F G H I J K L M N O P Q R S Y U V W X Y Z
1 b c d e f g h i j k l m n o p q r s t u v w x y z a
2 c d e f g h i j k l m n o p q r s t u v w x y z a b
3 d e f g h i j k l m n o p q r s t u v w x y z a b c
4 e f g h i j k l m n o p q r s t u v w x y z a b c d
5 f g h i j k l m n o p q r s t u v w x y z a b c d e
6 g h i j k l m n o p q r s t u v w x y z a b c d e f
7 h i j k l m n o p q r s t u v w x y z a b c d e f g
8 i j k l m n o p q r s t u v w x y z a b c d e f g h
9 j k l m n o p q r s t u v w x y z a b c d e f g h i
10 k l m n o p q r s t u v w x y z a b c d e f g h i j
...
42. Vigenere Square
From Caesar Cipher To Quantum Cryptography
42
____________________
THISISASECRETMESSAGE
KEYCODE
43. Vigenere Square
From Caesar Cipher To Quantum Cryptography
43
____________________
THISISASECRETMESSAGE
KEYCODEKEYCODEKEYCOD
44. Vigenere Square
From Caesar Cipher To Quantum Cryptography
44
____________________
THISISASECRETMESSAGE
KEYCODEKEYCODEKEYCOD
45. Vigenere Square
From Caesar Cipher To Quantum Cryptography
45
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 b c d e f g h i j k l m n o p q r s t u v w x y z a
2 c d e f g h i j k l m n o p q r s t u v w x y z a b
3 d e f g h i j k l m n o p q r s t u v w x y z a b c
4 e f g h i j k l m n o p q r s t u v w x y z a b c d
5 f g h i j k l m n o p q r s t u v w x y z a b c d e
6 g h i j k l m n o p q r s t u v w x y z a b c d e f
7 h i j k l m n o p q r s t u v w x y z a b c d e f g
8 i j k l m n o p q r s t u v w x y z a b c d e f g h
9 j k l m n o p q r s t u v w x y z a b c d e f g h i
10 k l m n o p q r s t u v w x y z a b c d e f g h i j
...
46. Vigenere Square
From Caesar Cipher To Quantum Cryptography
46
d___________________
THISISASECRETMESSAGE
KEYCODEKEYCODEKEYCOD
47. Vigenere Square
From Caesar Cipher To Quantum Cryptography
47
d___________________
THISISASECRETMESSAGE
KEYCODEKEYCODEKEYCOD
48. Vigenere Square
From Caesar Cipher To Quantum Cryptography
48
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 b c d e f g h i j k l m n o p q r s t u v w x y z a
2 c d e f g h i j k l m n o p q r s t u v w x y z a b
3 d e f g h i j k l m n o p q r s t u v w x y z a b c
4 e f g h i j k l m n o p q r s t u v w x y z a b c d
5 f g h i j k l m n o p q r s t u v w x y z a b c d e
6 g h i j k l m n o p q r s t u v w x y z a b c d e f
7 h i j k l m n o p q r s t u v w x y z a b c d e f g
8 i j k l m n o p q r s t u v w x y z a b c d e f g h
9 j k l m n o p q r s t u v w x y z a b c d e f g h i
10 k l m n o p q r s t u v w x y z a b c d e f g h i j
...
49. Vigenere Square
From Caesar Cipher To Quantum Cryptography
49
dl__________________
THISISASECRETMESSAGE
KEYCODEKEYCODEKEYCOD
50. Vigenere Square
From Caesar Cipher To Quantum Cryptography
50
dlguwveciatswqowqcuh
THISISASECRETMESSAGE
KEYCODEKEYCODEKEYCOD
51. Vigenere Square
From Caesar Cipher To Quantum Cryptography
51
dlguwveciatswqowqcuh
THISISASECRETMESSAGE
KEYCODEKEYCODEKEYCOD
56. Image of a steam engine
56
@joel__lord
#MidDevCon
Image: https://en.wikipedia.org/wiki/Watt_steam_engine#/media/File:Maquina_vapor_Watt_ETSIIM.jpg
57. Image of a telegraph pole
57
@joel__lord
#MidDevCon
58. Image of Charles Babbage or modern computer blueprints?
58
@joel__lord
#MidDevCon
Image: https://www.hackerearth.com/blog/developers/charles-babbage-computer-history-computer-programming
59. From Caesar Cipher To Quantum Cryptography
59
_______________
THE SUN AND THE MAN IN THE MOON
CODE
60. From Caesar Cipher To Quantum Cryptography
60
vvhwwbdrfhkiooqmphkiocrr
THESUNANDTHEMANINTHEMOON
CODECODECODECODECODECODE
61. From Caesar Cipher To Quantum Cryptography
61
vvhwwbdrfhkiooqmphkiocrr
THESUNANDTHEMANINTHEMOON
CODECODECODECODECODECODE
62. Image of radio operator
62
@joel__lord
#MidDevCon
Image: https://pioneerinstitute.org/opeds/
69. Enigma Machine
From Caesar Cipher To Quantum Cryptography
69
Scrambler Orientation Each with 26 possible orientations
26*26*26
17,576
Scramble Arrangement The scramblers can take any position
123, 132, 213, 231, 312, 321
6
Plugboard Number of connections to swap six pairs
of letters
100,391,791,500
Total combinations 17,576*6*100,391,791,500 ~10,000,000,000,000,000
70. Image of the Enigma again
70
@joel__lord
#MidDevCon
140. Additional Resources
From Caesar Cipher To Quantum Cryptography
140
❏ Modern Encryption Algorithms
❏ “The Code Book” by Simon Singh
❏ Crypto 101 by @lvh
❏ Movies
❏ Mary, Queen of Scots
❏ The Imitation Game
145. @joel__lord
#MidDevCon
Let’s Go Back In Time
From Caesar Cipher To Quantum Cryptography
145
Caesar Cipher
One of the first documented
encryption
50 BC
2019
146. @joel__lord
#MidDevCon
Many people experience our brand by seeing
one of the thousands of presentations
Red Hatters deliver each year.
From Summit keynotes to conference-room sales meetings, we want our public face
to be coherent and recognizable. Our content must be meaningful and relevant to
our audiences. Our stories should be told in a clear, compelling way.
CORPORATE SLIDE TEMPLATES
146
HOW TO BUILD AN EFFECTIVE PRESENTATION
https://pnt.redhat.com/pnt/p-611879/
GETTING STARTED WITH GOOGLE SLIDES
https://gsuite.google.com/learning-center/products/slides/get-started/#!/
150. 150
Optional subheading Lorem ipsum dolor sit
amet consectetuer adipiscing elit sed diam
Presentation title
should not exceed
three lines
Presenter’s Name
Title
OPTIONALSECTIONMARKERORTITLE
152. 152
OPTIONAL SECTION MARKER OR TITLE
Optional supporting copy.
Lorem ipsum dolor sit
amet, consectetuer adipis
elit, sed diam nonummy
nibh euismod tincidunt ut
laoreet. magna aliquam.
Divider title
limit to two lines
QUICK TIP
Try right clicking on the photo and
using “Replace Image” to insert
your own photo. You are also
welcome to use this photo.
153. 153
OPTIONAL SECTION MARKER OR TITLE
Optional supporting copy.
Lorem ipsum dolor sit
amet, consectetuer adipis
elit, sed diam nonummy
nibh euismod tincidunt ut
laoreet. magna aliquam.
Divider title
limit to two lines
QUICK TIP
Try right clicking on the photo and
using “Replace Image” to insert
your own photo. You are also
welcome to use this photo.
154. 154
OPTIONAL SECTION MARKER OR TITLE
Divider title
limit to two lines
QUICK TIP
Try right clicking on the photo and
using “Replace Image” to insert
your own photo. You are also
welcome to use this photo.
Optional supporting copy.
Lorem ipsum dolor sit
amet, consectetuer adipis
elit, sed diam nonummy
nibh euismod tincidunt ut
laoreet. magna aliquam.
155. Lorem ipsum dolor sit
amet, consectetuer
adipisc elit sed dia nibh?
155
OPTIONALSECTIONMARKERORTITLE
156. Lorem ipsum dolor sit
amet, consectetuer
adipisc elit sed dia nibh?
156
OPTIONAL SECTION MARKER OR TITLE
160. @joel__lord
#MidDevCon
160
Source:
OPTIONAL SECTION MARKER OR TITLE
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat. Ut wisi enim ad minim veniam.QUICK TIP
Try right clicking on the photo and using
“Replace Image” to insert your own photo.
You are also welcome to use this photo.
161. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
161
Source:
QUICK TIP
Try right clicking on the photo and using
“Replace Image” to insert your own photo.
You are also welcome to use this photo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit.
162. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
162
Source:
Body headline
Lorem ipsum dolor sit amet, consectet adipiscing elit sed dia.
Body headline
Lorem ipsum dolor sit amet, consectet adipiscing elit sed dia.
Body headline
Lorem ipsum dolor sit amet, consectet adipiscing elit sed dia.
Body headline
Lorem ipsum dolor sit amet, consectet adipiscing elit sed dia.
QUICK TIP
Try right clicking on the icon and using
“Replace Image” to insert your own icons.
163. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
163
Source:
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
QUICK TIP
Try right clicking on
the photo and using
“Replace Image” to
insert your own photo.
You are also welcome
to use this photo.
164. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
164
Source:
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
QUICK TIP
Try right clicking on the icon and using
“Replace Image” to insert your own icons.
165. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
165
Source:
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
Body headline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nost.
Body headline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nost.
Body headline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nost.
QUICK TIP
Try right clicking on the icon and using
“Replace Image” to insert your own icons.
166. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
166
Source:
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna.
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna.
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna.
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna.
QUICK TIP
Try right clicking on the icon and using
“Replace Image” to insert your own icons.
167. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
167
Source:
Body headline
Lorem ipsum dolor sit amet, consectetuer adipiscin
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nost.
Body headline
Lorem ipsum dolor sit amet, consectetuer adipiscin
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nost.
Body headline
Lorem ipsum dolor sit amet, consectetuer adipiscin
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nost.
Body headline
Lorem ipsum dolor sit amet, consectetuer adipiscin
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nost.
QUICK TIP
Try right clicking on the icon and using
“Replace Image” to insert your own icons.
168. @joel__lord
#MidDevCon
OPTIONAL SECTION MARKER OR TITLE
168
Source:
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Duis id auctor dui. Ut neque
sem, convallis sit amet ultrices et, facilisis
vestibulum ligula. Donec euismod elementum
erat vitae fermentum. Mauris hendrerit
maximus bibendum.
“”
John Doe
CTO, Acme Unlimited
QUICK TIP
Using a photo with the large quote is optional.
Try right clicking on the photo and using
“Replace Image” to insert your own photo.
169. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
169
Source:
Lorem ipsum dolor sit amet, consectetuer adipis
elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullam.
“”
John Doe
CTO, Acme Unlimited
Lorem ipsum dolor sit amet, consectetuer adipis
elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullam.
“”
Jane Doe
CTO, Acme Unlimited
170. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
170
Source:
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation.
John Doe
CTO, Acme Unlimited
“” Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation.
John Doe
CTO, Acme Unlimited
“” Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation.
John Doe
CTO, Acme Unlimited
“”
172. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
172
Source:
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat.
65%
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat.
82%
173. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
173
Source:
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud
exerci tation ullam.
Label
00%
Lorem ipsum
dolor sit amet
00%
Lorem ipsum
dolor sit amet
00%
Lorem ipsum
dolor sit amet
00%
Lorem ipsum
dolor sit amet
00%
Lorem ipsum
dolor sit amet
00%
Lorem ipsum
dolor sit amet
174. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
174
Source:
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud
exerci tation ullam.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore.
00% 00%
175. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
175
Source:
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
00% 00% 00%
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
176. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
176
Source:
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna aliquam erat
volutpat. Wisi enim ad minim.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh mod
tincidunt ut laoreet dolore.
000 000
177. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
177
Source:
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore.
000
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore.
000
Body headline
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore.
000
Body headline
178. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
178
Source:
01 Title of chart
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
Lorem ipsum
dolor sit amet
Lorem ipsum
dolor sit amet
QUICK TIP
Use the “Width Scale” in the “Size & Position” pane of the format
options panel to adjust the percentage of the bar.
179. @joel__lord
#MidDevCon
OPTIONAL SECTION MARKER OR TITLE
179
Source:
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
00% Lorem ipsum
Lorem ipsum
dolor sit amet
Lorem ipsum
dolor sit amet
01 Title of chart
QUICK TIP
Use the “Width Scale” in the “Size & Position” pane of the format
options panel to adjust the percentage of the bar.
180. @joel__lord
#MidDevCon
OPTIONAL SECTION MARKER OR TITLE
180
Source:
Lorem ipsum dolor sit
amet, consectetuer
adipiscing elit, sed diam
nonummy nibh euismod
tincidunt ut laoreet
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
COLUMN HEADER
TWO LINES MAXIMUM
COLUMN HEADER
TWO LINES MAXIMUM
COLUMN HEADER
TWO LINES MAXIMUM
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
01 Title of table
181. @joel__lord
#MidDevCon
OPTIONAL SECTION MARKER OR TITLE
181
Source:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
01 Title of table
COLUMN HEADER
TWO LINES MAXIMUM
COLUMN HEADER
TWO LINES MAXIMUM
COLUMN HEADER
TWO LINES MAXIMUM
COLUMN HEADER
TWO LINES MAXIMUM
COLUMN HEADER
TWO LINES MAXIMUM
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
ROW HEADER
TWO LINES MAXIMUM
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
Body cell should be
limited to two lines
182. @joel__lord
#MidDevCon
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
OPTIONAL SECTION MARKER OR TITLE
182
Source:
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
diam nonummy nibh euismod.
20XX
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
diam nonummy nibh euismod.
20XX
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
diam nonummy nibh euismod.
20XX
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
diam nonummy nibh euismod.
20XX
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
diam nonummy nibh euismod.
20XX
Body headline
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
diam nonummy nibh euismod.
20XX
183. @joel__lord
#MidDevCon
OPTIONAL SECTION MARKER OR TITLE
183
Source:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sedie
diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
Heading
QUICK TIP
Try right clicking on the photo and using
“Replace Image” to insert your own photo.
You are also welcome to use this photo.
184. @joel__lord
#MidDevCon
OPTIONAL SECTION MARKER OR TITLE
184
Source:
Lorem ipsum dolor sit amet, consectet adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolor aliquam.
Heading
Lorem ipsum dolor sit amet, consectet adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolor aliquam.
Heading
Lorem ipsum dolor sit amet, consectet adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolor aliquam.
Heading
20XX
20XX
QUICK TIP
Try right clicking on the
photo and using
“Replace Image” to
insert your own photo.
You are also welcome
to use this photo.
185. @joel__lord
#MidDevCon
OPTIONAL SECTION MARKER OR TITLE
185
Source:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sedie
diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
Heading
QUICK TIP
Try right clicking on the photo and using
“Replace Image” to insert your own photo.
You are also welcome to use this photo.