Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Merging Detroit changes and updating content to be general for all ch…

…apters and not Detroit specific
  • Loading branch information...
commit c355ae98cc228a9fe566b52bac0609d5f655a0f0 1 parent dba8f39
@izzyjohnston izzyjohnston authored
Showing with 42 additions and 39 deletions.
  1. +40 −37 class1.html
  2. +1 −1  class3.html
  3. +1 −1  class4.html
View
77 class1.html
@@ -159,44 +159,46 @@
</li>
</ul>
</section>
+ <!-- Commenting out sublime text intro so teachers can choose whether or not to use sublime text in class-->
<!-- intro to sublime text 2 -->
- <section>
- <h3>Get Started: Sublime Text 2</h3>
- <p class="left"><strong>We'll be using Sublime Text 2 in class today.</strong></p>
- <ol>
- <li>
- <p>Download ST2 from www.sublimetext.com/2</p>
- </li>
- <li>
- <p>Turn off Auto Correct &amp; Tab Completion<br/></p>
- <p>Modify your the preferences / settings by adding these lines to the code:</p>
- <ul >
- <li style="margin: 0 0 0 40px;">"tab_completion": false</li>
- <li style="margin: 0 0 0 40px;">"auto_complete": false,</li>
- </ul>
- </li>
- </ol>
- </section>
+
+ <!-- <section>
+ <h3>Get Started: Sublime Text 2</h3>
+ <p class="left"><strong>We'll be using Sublime Text 2 in class today.</strong></p>
+ <ol>
+ <li>
+ <p>Download ST2 from www.sublimetext.com/2</p>
+ </li>
+ <li>
+ <p>Turn off Auto Correct &amp; Tab Completion<br/></p>
+ <p>Modify your the preferences / settings by adding these lines to the code:</p>
+ <ul >
+ <li style="margin: 0 0 0 40px;">"tab_completion": false</li>
+ <li style="margin: 0 0 0 40px;">"auto_complete": false,</li>
+ </ul>
+ </li>
+ </ol>
+ </section> -->
<!-- Folder Structure -->
- <section>
- <h3>Get Started: Folder Structure</h3>
- <p>All the files for your site should be stored within the same folder.</p>
-
- <div class="left" style="width: 45%;">
- <p class="left-align"><strong>This includes:</strong></p>
- <ul>
- <li>HTML Files</li>
- <li>CSS Files</li>
- <li>Images</li>
- <li>Script files</li>
- <li>Anything else that will appear on your site</li>
- </ul>
- <p class="left-align"><small>Note: File names should not include spaces or special characters. File names ARE case sensitive.</small></p>
- </div>
- <div class="right" style="width: 45%;">
- <img src="images/folderstructure1.png" />
- </div>
- </section>
+ <!-- <section>
+ <h3>Get Started: Folder Structure</h3>
+ <p>All the files for your site should be stored within the same folder.</p>
+
+ <div class="left" style="width: 45%;">
+ <p class="left-align"><strong>This includes:</strong></p>
+ <ul>
+ <li>HTML Files</li>
+ <li>CSS Files</li>
+ <li>Images</li>
+ <li>Script files</li>
+ <li>Anything else that will appear on your site</li>
+ </ul>
+ <p class="left-align"><small>Note: File names should not include spaces or special characters. File names ARE case sensitive.</small></p>
+ </div>
+ <div class="right" style="width: 45%;">
+ <img src="images/folderstructure1.png" />
+ </div>
+ </section> -->
<!-- Example of site we'll be making-->
<section>
<h3>What we'll be building today</h3>
@@ -528,8 +530,9 @@ <h6 style = "font-size: 75%">Heading 6</h6>
&lt;a href="home.html" target="_blank">Link Text&lt;/a>
</code></pre>
<p><small>Link opens in a new window/tab with <strong>target="_blank"</strong></small></p>
+ <!-- Change email to fit your chapter's needs-->
<pre><code>
-&lt;a href="mailto:detroit@girldevelopit.com">E-mail us!&lt;/a>
+&lt;a href="mailto:info@girldevelopit.com">E-mail us!&lt;/a>
</code></pre>
<p><small>Link opens mail program by inserting <strong>mailto:</strong> directly before the email address.</small></p>
View
2  class3.html
@@ -145,7 +145,7 @@
&lt;p>Magna aliqua. Ut enim ad minim veniam.&lt;/p>
&lt;p>Quis nostrud exercitation ullamco.&lt;/a>
</code></pre>
-<div style = "text-align:right; color: purple; font-weight: bold; font-size: 70%;">
+<div style = "text-align:right;font-weight: bold; font-size: 70%;" class = "green">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<p>Sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
View
2  class4.html
@@ -300,7 +300,7 @@
</div>
<div class = "left-align">Not floating element</div>
<div class = "left-align">Not floating element</div>
- <div class = "left-align" style="clear: left;">None floating element with a class of <strong>.clear-left</strong></div>
+ <div class = "left-align" style="clear: left;">Non-floating element with a class of <strong>.clear-left</strong></div>
</section>
<!-- Exercise-->
Please sign in to comment.
Something went wrong with that request. Please try again.