Skip to content
This repository was archived by the owner on Dec 9, 2018. It is now read-only.

Trying to get Christina's latest changes. #5

Merged
pearlchen merged 6 commits into from
Jan 4, 2014
Merged

Trying to get Christina's latest changes. #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9310b2b
deleting duplicated read me file
christinatruong Sep 18, 2013
b96b9ae
Merge branch 'master' of https://github.com/christinatruong/LLC-HTML-CSS
christinatruong Sep 18, 2013
0cee242
Formatting
christinatruong Sep 18, 2013
da45d03
Resetting blank file.
christinatruong Sep 18, 2013
d9fa201
small updates.
christinatruong Sep 20, 2013
793242c
Added link.
christinatruong Sep 20, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 9 additions & 13 deletions Project/blank.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,12 @@
<!doctype html>
<html>
<head>
<title>Ladies Learning Code HTML and CSS Workshop</title>
<style>
p {
color: #333333;
}


</style>
</head>
<body>
<p>This is a paragraph.</p>
</body>
<head>
<title>Ladies Learning Code HTML and CSS Workshop</title>
<style>

</style>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>
2 changes: 2 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,8 @@ Ladies Learning Code HTML/CSS Workshop Slides

A full day introductory HTML/CSS workshop.

View online at: [http://christinatruong.github.io/LLC-HTML-CSS/](http://christinatruong.github.io/LLC-HTML-CSS/)

Updated by [Heather Payne](https://github.com/heatherpayne) and [Tessa Thornton](https://github.com/tessalt) for June 2013 Workshop in Toronto. Forked from [Pearl Chen's awesome original](https://github.com/pchen/LLC-HTML-CSS).

Previous versions are still available via [releases](https://github.com/christinatruong/LLC-HTML-CSS/releases).
Expand Down
10 changes: 4 additions & 6 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ <h2>I'm a H2 heading</h2>
<img src="assets/ladieslearningcode-125x125.gif">
<h1>Introduction to <br>
HTML &amp; CSS</h1>
<!-- <h2>Your instructor today</h2> -->
<h3>Your instructor today</h3>
<img src="assets/christina_avatar.jpg" width="72" height="72" alt="christina truong" />
<h3>Christina Truong</h3>
<p>
Expand All @@ -81,7 +81,7 @@ <h3>Christina Truong</h3>
<article class='slide slide-list'>
<h2>Today's Project</h2>
<a href="http://#"><img src="assets/project_screenshot.jpg"></a>
<p><a href="http://tessalt.github.io/LLC-HTML-CSS/Project/final.html">Click here</a> to see the whole project</p>
<p><a href="http://christinatruong.github.io/LLC-HTML-CSS/Project/final.html">Click here</a> to see the whole project</p>
</article>

<!-- SLIDE 2: Course Outline -->
Expand Down Expand Up @@ -268,7 +268,6 @@ <h2>Tags that you should no longer use!</h2>
<li>&#60;i&#62;I'm Italic!&#60;/i&#62;<code>*</code></li>
</ul>
<p class="icon-note">Different versions of HTML often have different rules. In HTML5, the <code>&#60;b&#62;</code> and <code>&#60;i&#62;</code> tags were re-introduced but with a slightly different meaning. More info <a href="http://html5doctor.com/i-b-em-strong-element/">here</a>.</p>

</article>

<!-- slide 18 -->
Expand Down Expand Up @@ -1058,10 +1057,9 @@ <h2>Centering the Logo</h2>
<!-- SLIDE 79: CSS Box Model: Center Logo 2 -->
<article class="slide slide-list">
<h2>Centering the Logo</h2>
<p>But remember, if we use just <code>img</code> as the selector, it will target all the images. Let's create another class to target only the logo.</p>
<p>But remember, if we use just <code>img</code> as the selector, it will target <em>all</em> the images. Let's create another class to target only the logo.</p>
<p>Add a class of <code>logo</code> to your logo <code>&lt;img></code> tag:</p>
<pre><code class="language-markup">
&lt;img class="logo" src="images/logo.png">
<pre><code class="language-markup">&lt;img class="logo" src="images/logo.png">
</code></pre>
<p>Then target the class selector in your CSS and apply the <code>margin</code> property:</p>
<pre><code class="language-css">.logo {
Expand Down
10 changes: 0 additions & 10 deletions readme.md
View file
Open in desktop

This file was deleted.