diff --git a/css/style.css b/css/style.css index d17d83a..2929d8f 100644 --- a/css/style.css +++ b/css/style.css @@ -1,9 +1,98 @@ -body { - background-color: navy; +html, body, div{ + height: 100%; + margin: 0; + font-family: Verdana, Geneva, Tahoma, sans-serif; + overflow-x:hidden; + word-wrap:break-word; } +p{ + font-size: large; + color: #224539; +} + +nav{ + float: left; + display: block; + color: #f2f2f2; + text-align: left; + text-decoration: none; +} + +a:link, a:visited { + background-color: #458b73; + color: white; + padding: 4px 4px; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 4px; +} + +a:hover, a:active { + background-color: #5cb99a; +} + +* { + box-sizing: border-box; +} -object { - height: 100vh; - width: 100vh; +.Face { + width: 100%; + max-width: 160px; + height: auto; } + +/* columns */ +.column1 { + top: 0%; + left: 0%; + float: left; + width: 70%; + height: 100%; + text-align: left; + padding: 20px 10%; +} + +.column2 { + top: 0%; + right: 0%; + position: fixed; + float: right; + background-color: #73e7c0; + width: 30%; + height: 55%; + text-align: left; + padding: 20px 2%; +} + +.column3 { + top: 55%; + right: 0%; + position: fixed; + float: right; + background-color: aquamarine; + width: 30%; + height: 100%; + text-align: left; + padding: 20px 2%; +} + +/* clears floats after columns */ +.row:after { + content: ""; + display: table; + clear: both; +} + +/* mobile */ +@media only screen and (max-width:720px) { + .column1, .column2, .column3 { + top:0%; + left:0%; + width:100%; + position: static; + padding: 5% 5%; + display: inline-table; + } +} \ No newline at end of file diff --git a/img/Face.png b/img/Face.png new file mode 100644 index 0000000..8cc8986 Binary files /dev/null and b/img/Face.png differ diff --git a/img/platonic-icosahedron.gif b/img/platonic-icosahedron.gif deleted file mode 100644 index 10e55a9..0000000 Binary files a/img/platonic-icosahedron.gif and /dev/null differ diff --git a/img/platonic-octahedron.gif b/img/platonic-octahedron.gif deleted file mode 100644 index fa934ec..0000000 Binary files a/img/platonic-octahedron.gif and /dev/null differ diff --git a/img/platonic-pyramid.gif b/img/platonic-pyramid.gif deleted file mode 100644 index ca1d412..0000000 Binary files a/img/platonic-pyramid.gif and /dev/null differ diff --git a/index.html b/index.html index 4dc0c72..afb3321 100644 --- a/index.html +++ b/index.html @@ -1,57 +1,116 @@ - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - The quickest of brown foxes. - - - - - - - - - + +
+
+
+ Experienced Software and Hardware Technician and troubleshooting expert with years of experience in the computer industry.
+ Strong skills in the process of elimination in locating problems and correcting them in both Operating Systems and third-party software programs,
+ as well as various hardware issues that can cause an array of difficulties for customers in the field.
+ Other persuits include an array of programming and web-centric languages such as C++, C#, Visual Basic and HTML.
+
+
+
+
+
+ +