jordangarcia/style.css

## style.css
.title {
  font-family: arial;
  font-size: 46px;
  font-weight: normal;
}
body {
  background-color: #f7f8f9;
  padding: 30px;
}

h2 {
  font-family: arial;
  font-size: 32px;
  font-weight: normal;
}
p {
  font-family: Roboto;
  font-size: 14px;
}

.special-h2 {
  color: red;
  font-size: 56px;
}


.class1.class3 {
  /* color: rgb(0, 255, 0); */
  /* color: #00FF00; */
}


.special-h2 > span {
  background-color: #efaa43;
}
.change-hover-color:hover {
  background-color: skyblue;
}

## week2day1.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Horizon's first webpage</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>

    <div style="background-color: white; padding: 30px 50px; border: 1px solid #cbcbcb;">
      <h1 class="title first-element">
        Let's learn HTML
      </h1>
      <h2>
        Why is HTML an important language?
      </h2>
      <p>
        <strong>HTML</strong> and CSS are the basic programming languages for
        web development and design. ... Learning <strong>HTML</strong> can be
        used for situations like formatting a blog or email, working with a CMS,
        embedding external content on your site, and creating usable content.
      </p>
      <h2 class="class1 class2 class3" id="my-header">
        Different kinds of HTML tags
      </h2>
      <ul>
        <li>
          Unordered lists &lt;ul&gt;
        </li>
        <li>
          Paragraphs &lt;p&gt;
        </li>
        <li>
          Headings &lt;h1&gt; &lt;h2&gt; &lt;h3&gt;
        </li>
      </ul>
      <h2 class="special-h2">
        <span>
          Different kinds of HTML tags
        </span>
      </h2>
      <ol>
        <li>Font</li>
        <li>Font size</li>
        <li>color</li>
        <li>fotn weight / style - bold or italic</li>
        <li>etc</li>
      </ol>
    </div>
  </body>
</html>
	.title {
	font-family: arial;
	font-size: 46px;
	font-weight: normal;
	}
	body {
	background-color: #f7f8f9;
	padding: 30px;
	}

	h2 {
	font-family: arial;
	font-size: 32px;
	font-weight: normal;
	}
	p {
	font-family: Roboto;
	font-size: 14px;
	}

	.special-h2 {
	color: red;
	font-size: 56px;
	}


	.class1.class3 {
	/* color: rgb(0, 255, 0); */
	/* color: #00FF00; */
	}


	.special-h2 > span {
	background-color: #efaa43;
	}
	.change-hover-color:hover {
	background-color: skyblue;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Horizon's first webpage</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>

	<div style="background-color: white; padding: 30px 50px; border: 1px solid #cbcbcb;">
	<h1 class="title first-element">
	Let's learn HTML
	</h1>
	<h2>
	Why is HTML an important language?
	</h2>
	<p>
	<strong>HTML</strong> and CSS are the basic programming languages for
	web development and design. ... Learning <strong>HTML</strong> can be
	used for situations like formatting a blog or email, working with a CMS,
	embedding external content on your site, and creating usable content.
	</p>
	<h2 class="class1 class2 class3" id="my-header">
	Different kinds of HTML tags
	</h2>
	<ul>
	<li>
	Unordered lists <ul>
	</li>
	<li>
	Paragraphs <p>
	</li>
	<li>
	Headings <h1> <h2> <h3>
	</li>
	</ul>
	<h2 class="special-h2">
	<span>
	Different kinds of HTML tags
	</span>
	</h2>
	<ol>
	<li>Font</li>
	<li>Font size</li>
	<li>color</li>
	<li>fotn weight / style - bold or italic</li>
	<li>etc</li>
	</ol>
	</div>
	</body>
	</html>