diff --git a/energy/images/energy.mp4 b/energy/images/energy.mp4 new file mode 100644 index 0000000..e25df4f Binary files /dev/null and b/energy/images/energy.mp4 differ diff --git a/energy/index.html b/energy/index.html new file mode 100755 index 0000000..6912eda --- /dev/null +++ b/energy/index.html @@ -0,0 +1,107 @@ + + + + + + Energy + + + + + + + + + + + + + +
+
+
+
+ + + +
+
+
+
+




+
+ + +
+


+
+
+

Kinetic energy vs. Potential energy +

+

Energy is the abilityto do work. Objects can have stored, or potential, + energy when work has been done (such as raising an object in the air) or + by virtue of their position (such as sitting at the top of a hill). + Potential energy changes to kinetic energy when the object moves. + Examples include holding a stretched spring (potential energy) and then + releasing it (kinetic energy) or holding a box above the ground + (potential energy) and then dropping it (kinetic energy).

+

Kinetic energy is a form of energy that results from an object's motion. + There are many types of motion that use kinetic energy: translation + (moving from one place to another), rotation, and vibration. The + measurement of kinetic energy in an object is calculated based on the + object's mass and velocity. It is measured in Joules.

+ +

Potential energyis a form of energy that results from an object's position + or arrangement of parts. It is stored energy that can become kinetic energy. + It includes potential electrical, chemical, and nuclear energy. The + measurement of potential energy in an object is calculated based on the + object's mass and its height or distance. It is measured in Joules.

+
+
+ + + + + + + + \ No newline at end of file diff --git a/energy/styles/screen.css b/energy/styles/screen.css new file mode 100755 index 0000000..3e5717a --- /dev/null +++ b/energy/styles/screen.css @@ -0,0 +1,219 @@ +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + + +body +{ margin: 0; + padding: 0; + font-family: arial; + font-size: 62.5%; +} + + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +/** + * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. + * Known issue: no IE 6 support. + */ + +[hidden] { + display: none; +} + +section#top { + position: relative; + width: 100%; + background: #ffffff; + height: 700px; + overflow: hidden; + +} + + + + + + +section#info { + position: relative; + background: grey; + width: 100%; + height: 100%; + color: #fff; + padding-top: 20px; + padding: 20px; + margin: -20px; + font-size: 1.4em; + +} +section#top h1 { + font-size: 5em; + color: #444444; + text-transform: uppercase; + width: 80%; + text-align: justify; + line-height: 1.8em; + margin: 20px; + padding: 20px; +} + +#homebutton{ + + background-image: url('images/Miami_1.png')no-repeat; + height: 100%; + width: 100%; + vertical-align:center; + +} +s +#homebutton:hover{ + + cursor:normal; + background-image: url('images/Miami_1.gif')no-repeat; + height: 100%; + width: 100%; + margin-left:20px; + padding-left:20px; + vertical-align:center; +} + + + +section#info h1 { + font-size: 2.3em; + width: 80%; + text-transform: uppercase; + + line-height: 1.8em; + margin-left: 20px; + padding-left: 20px; +} + +section#info h2 { + font-size: 1.5em; + width: 80%; + text-align: justify; + line-height: 1.8em; + margin-left: 20px; + padding-left: 20px; +} + +section#info p { + font-size: 1.3em; + width: 80%; + text-align: justify; + margin-left: 20px; + padding-left: 20px; +} + + + + +section#info a { + color: #b5ffda; + text-decoration: none; +} + + +section#info a:hover +{ + color:#fff; + text-decoration:none; + cursor:pointer; +} + + +section#about { + position: relative; + background: #b5ffda; + height: 300px; + width: 100%; + color: #555555; + padding-top: 0px; + +} +section#about h1 { + font-size: 3em; + text-transform: uppercase; + margin: 20px; + padding: 20px; + +} + + +section#about h2 { + font-size: 2.7em; + margin: 20px; + padding: 20px; + text-shadow: 2px 2px 4px #3864ab; + margin: 20px; + padding: 20px; + +} + + section#about p { + font-size: 1.4em; + width: 80%; + color: #3b3b3b; + text-align: justify; + line-height: 1.8em; + margin: 20px; + padding: 20px; + + +} + + +section#about a { + color: #3864ab; + text-decoration: none; +} + + +section#about a:hover +{ + color:#fff; + text-decoration:none; + cursor:pointer; +} diff --git a/index.html b/index.html index f54e18c..cc6ae95 100755 --- a/index.html +++ b/index.html @@ -209,11 +209,17 @@

States of matter

-
+

Groups And Periods
+
+ +

Energy

+ +
+