tarah34/100-days-of-code.markdown

## 100-days-of-code.markdown

      
    Raw
  

              100-days-of-code.markdown
            
          
    100 Days of Code

100 Days of Code Challenge where I'll practice HTML and CSS and also JavaScript
A Pen by Tara Hollander on CodePen.
License.

  
## index.html
<body>
  <!--This is a page for practicing EMBEDDED css.
Styles are at the top in the head section. -->
<h1>Embedded Styles Practice</h1>
<h2>Note the code in the Head</h2>
<h3>We're going to style the heck out of this webpage!</h3>
<p>Why do we want to learn style?</p>
<ul>
  <li>
    Aesthetics matter
  </li>
  <li>
    Targeting and differentiating sections for emphasis and clarity
  </li>
  <li>Coding from a humanities perspective makes the world a better place</li>
</ul>
<h3>The 100 Days of Code Challenge</h3>
<p>Here's my approach to the 100 days of code challenge.  #100daysofcode Practice HTML and CSS and dig into JavaScript as much as possible.</p>
<pre>
  Here is where a not often
  used
       tag
           can
               change
                      the
                          layout
                        of
                   text.
           So what?
  Practice!
</pre>
  </body>

## style.css
* {
  font-family: helvetica; monospace;
}
	<body>
	<!--This is a page for practicing EMBEDDED css.
	Styles are at the top in the head section. -->
	<h1>Embedded Styles Practice</h1>
	<h2>Note the code in the Head</h2>
	<h3>We're going to style the heck out of this webpage!</h3>
	<p>Why do we want to learn style?</p>
	<ul>
	<li>
	Aesthetics matter
	</li>
	<li>
	Targeting and differentiating sections for emphasis and clarity
	</li>
	<li>Coding from a humanities perspective makes the world a better place</li>
	</ul>
	<h3>The 100 Days of Code Challenge</h3>
	<p>Here's my approach to the 100 days of code challenge. #100daysofcode Practice HTML and CSS and dig into JavaScript as much as possible.</p>
	<pre>
	Here is where a not often
	used
	tag
	can
	change
	the
	layout
	of
	text.
	So what?
	Practice!
	</pre>
	</body>