diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..878e998
Binary files /dev/null and b/.DS_Store differ
diff --git a/CSS/main.css b/CSS/main.css
new file mode 100644
index 0000000..8d29daf
--- /dev/null
+++ b/CSS/main.css
@@ -0,0 +1,232 @@
+body {
+ font-family: 'Ubuntu', sans-serif;
+ color: #543c6e;
+ text-align: center;
+ height: 100%;
+ width: 100%;
+}
+
+header {
+ background: #67a220;
+ /*http://jxnblk.com/hello-color/?c=67a220*/
+ height: 400px;
+ width: 100%;
+}
+
+header ul {
+ margin-right: 10px;
+}
+
+header li {
+ float: right;
+ padding: 20px 10px;
+ text-align: center;
+}
+
+header a {
+ color: #83D025;
+ text-decoration: none;
+ display: inline-block;
+ background-color: #543c6e;
+ padding: 10px;
+ width: 75px;
+ border-radius: 5px;
+}
+
+header a:hover{
+ transform: scale(1.1);
+ color: #8EFF08;
+}
+
+header h1 {
+ font-size: 90px;
+ color: #543c6e;
+ margin: 135px auto;
+ display: inline-block;
+ border: 5px solid #543c6e;
+ padding: 15px;
+ float: right; /*don't think this is what I want to center it...*/
+}
+
+#about p {
+ padding: 40px 40px 20px 40px;
+ text-align: center;
+ color: #543c6e;
+ font-size: 20px;
+ line-height: 1.3em;
+ font-style: italic;
+}
+
+#projects {
+ padding-top: 20px;
+}
+
+#projects h1 {
+ font-size: 45px;
+ color: #543c6e;
+ border: 5px solid #543c6e;
+ padding: 15px;
+ margin:0 auto 40px auto;
+ width: 200px;
+}
+
+.projects {
+ margin-bottom: 40px;
+}
+
+.projects h3 {
+ font-size: 30px;
+ padding: 10px;
+}
+
+.three-col {
+ display: inline-block;
+ width: 30%;
+ text-align: center;
+ vertical-align: top;
+}
+
+.three-col img{
+ border-radius: 10px;
+ box-shadow: 5px 5px 5px #543c6e;
+}
+
+.three-col table {
+ margin: 15px auto;
+ width: 300px;
+}
+
+.col-head {
+ font-weight: bold;
+ text-align: right;
+ padding-right: 1em;
+}
+
+.col-detail {
+ padding-bottom: 10px;
+ text-align: left;
+}
+
+.three-col a {
+ text-decoration: none;
+}
+
+.three-col a:hover{
+ /*color: #8EFF08;*/
+ color: #67a220;
+}
+
+div a {
+ display: block;
+ text-decoration: none;
+ color: #543c6e;
+ border: 2px solid #543c6e;
+ text-align: center;
+ margin: 20px auto;
+ width: 40px;
+ padding: 5px;
+}
+
+div a:hover {
+ background-color: #543c6e;
+ color: white;
+}
+
+#resume {
+ background-color: #67a220;
+ padding: 40px;
+}
+
+#resume h1 {
+ font-size: 45px;
+ color: #543c6e;
+ border: 5px solid #543c6e;
+ padding: 15px;
+ margin:10px auto 40px auto;
+ width: 200px;
+}
+
+#resume h3 {
+ font-size: 30px;
+ padding: 10px;
+}
+
+
+
+#contact {
+ background-color: white;
+}
+
+#contact h1 {
+ font-size: 45px;
+ color: #543c6e;
+ border: 5px solid #543c6e;
+ padding: 15px;
+ margin:40px auto 40px auto;
+ width: 250px;
+}
+
+.skills td {
+ font-size: 20px;
+ text-align: center;
+ padding: 8px 60px;
+
+}
+
+table.skills {
+ width: 600px;
+ margin: 20px auto;
+}
+
+textarea {
+ display: block;
+ margin: 10px auto;
+ border: 1px solid #D7D7D7;
+}
+
+.input {
+ width: 200px;
+}
+
+
+#message {
+ text-align: left;
+}
+
+input {
+ margin: 5px;
+}
+
+footer {
+ height: 60px;
+ background-color: #543c6e;
+ color: white;
+ width: 100%;
+}
+
+footer p {
+ float: left;
+ color: white;
+ margin:22px 10px;
+}
+
+footer li {
+ display: inline-block;
+ margin: 22px 20px;
+}
+
+footer ul {
+ margin-right: 50px;
+}
+
+footer a {
+ text-decoration: none;
+ color: white;
+ text-algin: center;
+ display: inline-block;
+ position: relative;
+}
+
+footer a:hover {
+ color: #83D025;
+}
diff --git a/CSS/reset.css b/CSS/reset.css
new file mode 100644
index 0000000..af94440
--- /dev/null
+++ b/CSS/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
\ No newline at end of file
diff --git a/images/mountain-sunset.jpg b/images/mountain-sunset.jpg
new file mode 100644
index 0000000..d19cd94
Binary files /dev/null and b/images/mountain-sunset.jpg differ
diff --git a/images/snow-background.jpeg b/images/snow-background.jpeg
new file mode 100644
index 0000000..b198b1e
Binary files /dev/null and b/images/snow-background.jpeg differ
diff --git a/images/snowboard-scenery.jpg b/images/snowboard-scenery.jpg
new file mode 100644
index 0000000..1db504b
Binary files /dev/null and b/images/snowboard-scenery.jpg differ
diff --git a/images/utah-sunset.jpg b/images/utah-sunset.jpg
new file mode 100644
index 0000000..11f4c57
Binary files /dev/null and b/images/utah-sunset.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e0b42ba
--- /dev/null
+++ b/index.html
@@ -0,0 +1,264 @@
+
+
+
+ Mike's Personal Site
+
+
+ Strategic thinking professional driven by the opportunity to collaborate and solve problems. Team player with a self-start attitude. Results driven and consitently applying new knowledge to expound upon my abilities as a learner and a leader. Demonstrated ability to understand the big picture, qiuckly and accurately assess a situation and extract key issues, formulate objectives and deliver positive results.
+
+
+
+
+ Projects
+
+ Project 1
+
+
+
+
+
+ Goal:
+
+
+ Drink water out of the faucet under the bed. Run outside as soon as door open refuse to leave cardboard box. Drink water out of the faucet under the bed. Run outside as soon as door open refuse to leave cardboard box.
+
+
+
+
+ Tools:
+
+
+ Who's the baby. Stretch human is washing you why halp oh the horror flee scratch hiss bite or drink water out of the faucet
+
+
+
+
+ Site:
+
+
+ Project 1
+
+
+
+
+
+
+
+
+ Project 2
+
+
+
+
+
+ Goal:
+
+
+ Drink water out of the faucet under the bed. Run outside as soon as door open refuse to leave cardboard box.
+
+
+
+
+ Tools:
+
+
+ Who's the baby. Stretch human is washing you why halp oh the horror flee scratch hiss bite or drink water out of the faucet
+
+
+
+
+ Site:
+
+
+ Project 1
+
+
+
+
+
+ Project 3
+
+
+
+
+
+ Goal:
+
+
+ Drink water out of the faucet under the bed. Run outside as soon as door open refuse to leave cardboard box.Drink water out of the faucet under the bed. Run outside as soon as door open refuse.
+
+
+
+
+ Tools:
+
+
+ Who's the baby. Stretch human is washing you why halp oh the horror flee scratch hiss bite or drink water out of the faucet
+
+
+
+
+ Site:
+
+
+ Project 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+