kellishouts

1. Write a style declaration (or set of declatations) that will: (a) make "Fire Kingdom" red, and (b) make everything else grey.

 <ul>
  <li class="kingdoms">
  	Kingdoms
    <ul>
      <li id="fire_kingdom">Fire Kingdom</li>

Out of this World: Styling

Create a new branch from the Out of This World project.
Set up a server to run the project.
In your project directory, create a directory called 'stylesheets'.
Inside the stylesheets directory, create an external stylesheet called styles.css
In your index document, link to the external stylesheet.
Besides adding the link to the stylesheet, do not add any additional markup to the index file.
In the external stylesheet, style the page to meet the following requirements.

Spacing

Text

Create a standard html5 setup linking an external stylesheet.

index.html
stylesheets/
 styles.css

	// oop.rb
	class Animal

	# properties
	attr_accessor :name, :last_ate

	# constructor
	def initialize( name )
	@name = name
	puts "made an Animal named #{name}"

	// oop.js
	// Class Definition (is Capitalized)
	function Animal ( name ) {
	// class constructor

	// instance properties
	this.name = name;
	this.last_ate = null;

	console.log('created a new Animal named', this.name);

	<html>
	<head>
	<meta charset="UTF-8">
	<title>Out of This World</title>
	<link rel="stylesheet" href="/stylesheets/styles.css">
	</head>
	<body>
	<header>
	<h1 id="title">Cosmos</h1>
	<h2 id="subtitle">Hearts of the Stars Euclid</h2>