diff --git a/assignment1.html b/assignment1.html new file mode 100644 index 0000000..3cabb4e --- /dev/null +++ b/assignment1.html @@ -0,0 +1,64 @@ + + + + + +
+
+ +
+
+
+
+
+

HOW IT WORKS

+ +
+
+ +
+ + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..5743f7f --- /dev/null +++ b/css/style.css @@ -0,0 +1,106 @@ +* { + padding: 0; + margin: 0; +} + +ul { + list-style: none; +} + +.header { + background-color: #444; +} + +.blankHeader { + width: 140px; + padding: 17.5px 0; + background-color: #ff8000; + float: left; + margin: 8px 200px; +} + +.header li { + float: left; + margin-right: 20px; +} + +.header ul { + float: left; + margin-top: 16px; +} + +.clearList { + clear: both; + float: none; +} + +.menu { + color: #aaaaaa; + font-size: 18px; + font-family: sans-serif; +} + +.emptyContainer { + padding: 242px 0; + background-color: #71c4ea; +} + +.dataHeading { + text-align: center; + margin: 64px 0 70px 0; + font-family: sans-serif; +} + +.art { + width: 900px; + margin: 0 auto 110px auto; +} + +.artImageWrap { + padding: 70px 0; + width: 140px; + background-color: #efefef; + border-radius: 50%; + margin: 0 75px 15px 0; +} + +.art li { + float: left; + text-align: center; +} + +.para { + width: 140px; +} + +.art li.clearList { + float: none; +} + +.footer { + background-color: #efefef; +} + +.footer ul { + width: 400px; + margin: 0 auto; +} + +.footer li { + float: left; + margin: 17px 15px 17px 0; +} + +.footer a { + color: #ff8000; + font-size: 16px; + font-family: sans-serif; +} + +.footer li.clearList { + float: none; +} + +.footer a:hover { + color: #444444; +}