Skip to content

Commit 3ae3d78

Browse files
committed
Updating slides for 8/30 date
1 parent b351a73 commit 3ae3d78

File tree

1 file changed

+18
-22
lines changed

1 file changed

+18
-22
lines changed

index.html

Lines changed: 18 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -51,32 +51,28 @@ <h2>Intro to Bootstrap 3</h2>
5151
<section>
5252
<h2>Welcome!</h2>
5353
<h4 class="blue">Wifi Info</h4>
54-
<p><strong>Network:</strong> SGGuest</p>
55-
<p><strong>Password:</strong> GridSend0909 </p><br/>
54+
<p><strong>Network:</strong> SecureSet-Guest</p>
55+
<p><strong>Password:</strong> SsecureGuest12345!</p><br/>
5656
<h3>Download workshop files</h3>
5757
<p>If you have not already downloaded the files for this workshop - please download them at <a href="http://gdiboulder.com/bootstrap" target="blank">gdiboulder.com/bootstrap</a></p>
5858
</section>
5959
<section>
6060
<h2>Thanks to our sponsor:</h2>
61-
<img src="images/sponsors/sendgrid.jpg" style="border:none; width: 400px;"/>
6261
</section>
6362
<section>
6463
<h2>Meet your instructor: Cara Jo Miller</h2>
6564
<ul>
6665
<li><strong>Co-founder:</strong> Girl Develop It Boulder</li>
67-
<li><strong>Lead Designer:</strong> Simple Energy</li>
66+
<li><strong>Designer/Developer:</strong> Rachio</li>
6867
<li><strong>E-mail:</strong> [email protected]</li>
69-
<li><strong>Twitter:</strong> @corrinajo</li>
70-
<li>Lover of all things glitter</li>
68+
<li><strong>Twitter:</strong> @cojorado</li>
7169
</ul>
7270
</section>
7371
<section>
74-
<h2>Meet your instructor: Caitlin McKenna</h2>
75-
<ul>
76-
<li><strong>Web Developer:</strong> Insight Designs</li>
77-
<li><strong>Twitter:</strong> @caitlinemckenna</li>
78-
<li>Spotify Playlist Curator</li>
79-
</ul>
72+
<h2>Let's get to know you!</h2>
73+
<li>What is your name?</li>
74+
<li>What do you hope to get out of this workshop?</li>
75+
<li>What is your favorite restaturant?</li>
8076
</section>
8177
<section>
8278
<h2>Download workshop files</h2>
@@ -121,15 +117,15 @@ <h2>What is a front-end framework?</h2>
121117
<p>A front-end web development framework is simply a collection of production-ready HTML/CSS/JavaScript components that we can use in our designs.</p>
122118
</section>
123119
<section>
124-
<h2>What is a front-end framework?</h2>
120+
<h2>What is a front-end framework?</h2>
125121
<p>Bear in mind that Bootstrap is not just a CSS grid. It also comes with tons of features that you can use to build a fully-functional website.</p>
126122
</section>
127123

128124
<section data-background="#f05b62">
129125
<h2 style="color: #fafafa;">Why would I want to use Bootstrap?</h2>
130126
</section>
131127
<section>
132-
<h2>Why would I want to use Bootstrap?</h2>
128+
<h2>Why would I want to use Bootstrap?</h2>
133129
<p>Bootstrap is designed to be responsive, which means that your HTML elements will respond to changes in screen size.</p>
134130
</section>
135131
<section>
@@ -293,7 +289,7 @@ <h2>1. Default</h2>
293289
...
294290
</div>
295291
</nav>
296-
</code></pre>
292+
</code></pre>
297293

298294
</section>
299295
<section>
@@ -305,7 +301,7 @@ <h2>2. Fixed to Top</h2>
305301
...
306302
</div>
307303
</nav>
308-
</code></pre>
304+
</code></pre>
309305
<p>Body Padding Required:</p>
310306
<pre><code class="css">
311307
body { padding-top: 70px; }
@@ -320,7 +316,7 @@ <h2>3. Fixed to Bottom</h2>
320316
...
321317
</div>
322318
</nav>
323-
</code></pre>
319+
</code></pre>
324320
<p>Body Padding Required:</p>
325321
<pre><code class="css">
326322
body { padding-bottom: 70px; }
@@ -335,7 +331,7 @@ <h2>4. Static Top</h2>
335331
...
336332
</div>
337333
</nav>
338-
</code></pre>
334+
</code></pre>
339335
</section>
340336
<section>
341337
<h2>Develop it!</h2>
@@ -458,19 +454,19 @@ <h2>Develop It!</h2>
458454
</section>
459455
<section>
460456
<h2>Customize!</h2>
461-
<p>Customize your CSS before you even download your Bootstrap files by visiting <a href="http://getbootstrap.com/customize/" target="blank">http://getbootstrap.com/customize/</a></p>
457+
<p>Customize your CSS before you even download your Bootstrap files by visiting <a href="http://getbootstrap.com/customize/" target="blank">http://getbootstrap.com/customize/</a></p>
462458
</section>
463459
<section>
464460
<h2>Customize!</h2>
465-
<p>Want to customize your Bootstrap page even more? Just create your own CSS and include it in the <code>head</code>, below the Bootstrap CSS to add and override styles!</p>
461+
<p>Want to customize your Bootstrap page even more? Just create your own CSS and include it in the <code>head</code>, below the Bootstrap CSS to add and override styles!</p>
466462
</section>
467463
<section>
468464
<h2>Tips and Tricks</h2>
469-
<p>Before you start creating custom CSS for your design, always check the Bootstrap documentation to see if they've already created a class that does what you want.</p>
465+
<p>Before you start creating custom CSS for your design, always check the Bootstrap documentation to see if they've already created a class that does what you want.</p>
470466
</section>
471467
<section>
472468
<h2>Bootstrap Resources</h2>
473-
<p><a href="http://getbootstrap.com/" target="blank">Get Bootstrap:</a> All documentation and download files for Bootstrap</p>
469+
<p><a href="http://getbootstrap.com/" target="blank">Get Bootstrap:</a> All documentation and download files for Bootstrap</p>
474470
<p><a href="http://expo.getbootstrap.com/" target="blank">Bootstrap Expo:</a> Check out all the rad site designs that use Bootstrap</p>
475471
<p><a href="https://github.com/twbs/bootstrap" target="blank">Bootstrap on GitHub:</a> Check out the Bootstrap repo. Maybe even contribute to the project!</p>
476472

0 commit comments

Comments
 (0)