-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathslides.html
More file actions
208 lines (204 loc) · 8.35 KB
/
Copy pathslides.html
File metadata and controls
208 lines (204 loc) · 8.35 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<section class="intro" id="intro">
<div class="logo-wrapper">
<div class="logo"><span class="visually-hidden">Myplanet</span></div>
</div>
</section>
<section class="title" id="title">
<div class="grid-wrapper">
<div class="header">
<!-- Remove logo--full class to only show brand mark -->
<div class="logo logo--full"><span class="visually-hidden">Myplanet</span></div>
</div>
<div class="content">
<h1>Enter Your Title</h1>
<div class="description">
This is where the description goes. Keep it short and sweet.
</div>
</div>
<div class="credit">
<hr/>
<div class="label">Presented By</div>
<div class="name">Full Name</div>
<div class="role">Role</div>
</div>
</div>
</section>
<!-- -->
<section class="subsection" id="subsection--white">
<div class="grid-wrapper">
<div class="logo"></div>
<h1>Enter Your Title</h1>
<div class="description">
This is where the description goes. Keep it short and sweet.
</div>
</div>
</section>
<section class="subsection color--midnight" id="subsection--midnight">
<div class="grid-wrapper">
<div class="logo"></div>
<h1>Enter Your Title</h1>
<div class="description">
This is where the description goes. Keep it short and sweet.
</div>
</div>
</section>
<section class="subsection color--ice" id="subsection--ice">
<div class="grid-wrapper">
<div class="logo"></div>
<h1>Enter Your Title</h1>
<div class="description">
This is where the description goes. Keep it short and sweet.
</div>
</div>
</section>
<section class="subsection color--radiant" id="subsection--radiant">
<div class="grid-wrapper">
<div class="logo"></div>
<h1>Enter Your Title</h1>
<div class="description">
This is where the description goes. Keep it short and sweet.
</div>
</div>
</section>
<section class="quote" id="quote--white">
<div class="grid-wrapper">
<div class="logo"></div>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis enim risus. Cras cursus at lacus eget malesuada. Duis vel justo lorem.
</p>
<hr/>
<cite>Caption/Annotation/Citation</cite>
</blockquote>
</div>
</section>
<section class="quote color--midnight" id="quote--midnight">
<div class="grid-wrapper">
<div class="logo"></div>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis enim risus. Cras cursus at lacus eget malesuada. Duis vel justo lorem.
</p>
<hr/>
<cite>Caption/Annotation/Citation</cite>
</blockquote>
</div>
</section>
<section class="quote color--ice" id="quote--ice">
<div class="grid-wrapper">
<div class="logo"></div>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis enim risus. Cras cursus at lacus eget malesuada. Duis vel justo lorem.
</p>
<hr/>
<cite>Caption/Annotation/Citation</cite>
</blockquote>
</div>
</section>
<section class="quote color--radiant" id="quote--radiant">
<div class="grid-wrapper">
<div class="logo"></div>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis enim risus. Cras cursus at lacus eget malesuada. Duis vel justo lorem.
</p>
<hr/>
<cite>Caption/Annotation/Citation</cite>
</blockquote>
</div>
</section>
<section id="blank">
<div class="grid-wrapper">
<div class="header">
<div class="logo"></div>
<div class="section">Section</div>
</div>
<div class="content">Content</div>
</div>
</section>
<section class="code color--dark" id="code--path">
<div class="grid-wrapper">
<div class="header">
<div class="logo"></div>
<div class="section">Section</div>
</div>
<figure class="code">
<!--
Code highlighting is performed by highlight.js
Leading whitespace is trimmed by default. Add the data-notrim attribute to the code element to preserve it.
If showing an HTML example, add the data-escape attribute to the code element.
-->
<pre><code class="lang-php">
namespace \myplanet\reveal;
function foo() {
echo "bar";
}
</code></pre>
<!-- figcaption element is optional, can be placed above or below code -->
<figcaption class="path">/src/myplanet/reveal/functions.php</figcaption>
</figure>
</div>
</section>
<section class="code color--dark" id="code--title">
<div class="grid-wrapper">
<div class="header">
<div class="logo"></div>
<div class="section">Section</div>
</div>
<figure class="code">
<figcaption>Title</figcaption> <!-- figcaption element is optional -->
<pre><code class="lang-php">
namespace \myplanet\reveal;
function foo() {
echo "bar";
}
</code></pre>
</figure>
</div>
</section>
<!-- Team page can accommodate one or two profiles. -->
<section class="team" id="team">
<div class="grid-wrapper">
<div class="header">
<div class="logo"></div>
<div class="section">Section</div>
</div>
<div class="content">
<div class="profile">
<div class="basics">
<img src="lib/myplanet/portait-placeholder.png">
<div class="name">Name</div>
<div class="role">Role</div>
</div>
<div class="details">
<h2>Profile</h2>
<p>Yuriy is a Front-end Developer and Solutions Architect with Myplanet, specializing in Front-end and Drupal development. Originally joining the team remotely from Ukraine as a Creative Lead, Yuriy made the switch to full-time coding—and to Canada—in 2013. During his time with Myplanet, Yuriy has worked on an increasingly impressive array of projects for some of our most high-profile customers. He holds his Acquia certifications for Development and Front-end Development.</p>
<p class="supplement">Front-end Developers build the user interface layer of each product, using their deep knowledge of Drupal theming and use of popular front-end frameworks, including Angular.js, React.js, d3.js, and of course HTML5 and CSS.</p>
</div>
</div>
<div class="profile">
<div class="basics">
<img src="lib/myplanet/portait-placeholder.png">
<div class="name">Name</div>
<div class="role">Role</div>
</div>
<div class="details">
<h2>Profile</h2>
<p>Yuriy is a Front-end Developer and Solutions Architect with Myplanet, specializing in Front-end and Drupal development. Originally joining the team remotely from Ukraine as a Creative Lead, Yuriy made the switch to full-time coding—and to Canada—in 2013. During his time with Myplanet, Yuriy has worked on an increasingly impressive array of projects for some of our most high-profile customers. He holds his Acquia certifications for Development and Front-end Development.</p>
<p class="supplement">Front-end Developers build the user interface layer of each product, using their deep knowledge of Drupal theming and use of popular front-end frameworks, including Angular.js, React.js, d3.js, and of course HTML5 and CSS.</p>
</div>
</div>
</div>
</div>
</section>
<section class="end" id="end-white">
<div class="logo-wrapper">
<div class="logo"><span class="visually-hidden">Myplanet</span></div>
</div>
</section>
<section class="end color--radiant" id="end-radiant">
<div class="logo-wrapper">
<div class="logo"><span class="visually-hidden">Myplanet</span></div>
</div>
</section>