Skip to content

Instantly share code, notes, and snippets.

@rsgranne

rsgranne/index.html

Last active October 28, 2017 17:02
Show Gist options
  • Save rsgranne/ed990f94048073d2e8e59c4ca79c827a to your computer and use it in GitHub Desktop.
Save rsgranne/ed990f94048073d2e8e59c4ca79c827a to your computer and use it in GitHub Desktop.
Download ZIP
HTML used for the CSS Cascade assignment
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Colors :: Home</title>
<style>
article {
background-color: pink;
font-family: Georgia, serif;
}
.alerts {
color: red;
font-weight: bold;
}
a h3 {
border-bottom: 2px black dashed;
}
</style>
</head>
<body>
<nav>
<ol>
<li>Home</li>
<li><a href="tertiary-01.htm">Tertiary Colors</a></li>
<li><a href="chartreuse-05.htm">Chartreuse</a></li>
</ol>
</nav>
<article>
<h1>Colors for Painting</h1>
<p>
Modern scientific color theory, which argues that magenta, yellow, and cyan are the best set of three colorants to combine, for the widest range of high-chroma colors but the Red, Yellow, Blue color model still rules the world of artistic painting.
</p>
<h2>
Color Theory
</h2>
<p>
In the visual arts, <i>color theory</i> is a body of practical guidance to color mixing and the visual effects of a specific color combination. There are also definitions (or categories) of colors based on the color wheel: primary color, secondary color and tertiary color.
</p>
<a href="primary.htm">
<p>
<img src="http://placehold.it/750x400" alt="Placeholder" width="750" height="400">
</p>
<h3>
Primary Colors
</h3>
<p>
<span class="alerts">Cras justo odio</span>, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</a>
<a href="secondary.htm">
<p>
<img src="http://placehold.it/750x400" alt="Placeholder" width="750" height="400">
</p>
<h3>
Secondary Colors
</h3>
<p>
<span class="alerts">Cras justo odio</span>, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</a>
<a href="tertiary.htm">
<p>
<img src="http://placehold.it/750x400" alt="Placeholder" width="750" height="400">
</p>
<h3>
Tertiary Colors
</h3>
<p>
<span class="alerts">Cras justo odio</span>, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</a>
</article>
<footer>
<h2>
Contact
</h2>
<address>
<p>
123 Fourth Street
<br>Arkham MA, 65340
</p>
<p>
<a href="mailto:colors@miskatonic.edu">colors@miskatonic.edu</a>
</p>
</address>
<h2>
Socialize
</h2>
<ul>
<li><a href="https://twitter.com/">Twitter</a></li>
<li><a href="http://www.reddit.com/r/colors/">Reddit</a></li>
<li><a href="http://instagram.com/">Instagram</a></li>
<li><a href="http://colrd.com/">ColRD</a></li>
</ul>
<h2>
Tools
</h2>
<ul>
<li><a href="http://encycolorpedia.com/">Encycolorpedia</a></li>
<li><a href="https://kuler.adobe.com/">Adobe Kuler</a></li>
<li><a href="http://colorhunter.com/">Color Hunter</a></li>
<li><a href="http://services.tineye.com/MulticolorEngine">MulticolorEngine</a></li>
</ul>
<h2>
News
</h2>
<ul>
<li><a href="javascript:void(0)">Scientists Made Color-Changing Paint Out of Gold Nanoparticles</a></li>
<li><a href="javascript:void(0)">'Growing' The Blackest Color In The World</a></li>
</ul>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment