diff --git a/.DS_Store b/.DS_Store index d541d72..fcddb6f 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/css/style.css b/css/style.css index c6fcc0e..a508196 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,155 @@ -.myDiv{ - +@import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One); + +a { + text-decoration:none !important; +} + +body { + background-color:#303D45; + width:100%; +} + +main { + margin:auto; + width:80%; + background-color:black; +} +h1, h2, h3, h4, h5, h6 { + text-transform: uppercase; + font-family:'Alfa Slab One', sans-serif; + +} + +nav { + position:fixed; + z-index:1000; + background-color:#2D6385; + width:100%; + height:100px; + color:white !important; + padding:15px 5% 15px 10%; +} + +nav a { + color:white !important; +} + +nav a:hover{ + color:yellow !important; +} + +nav ul{ + float:right; + list-style-type:none; + margin-right:10%; + margin-top:20px; +} + +nav ul li { + display:inline; + padding-right:20px; +} + +#intro { + text-align:center; + font-size:larger; + padding:150px 20px 40px 20px; + width:90%; + margin:0px auto !important; + background-color:black; + background-image: url('http://www.planwallpaper.com/static/images/1916561.jpg'); + background-position: left top; + background-repeat: no-repeat; + line-height:200%; + +} + +#intro h1 { + color:#303D45; + padding:10px 0; +} + +.titleHolder { + height:60px; + background-color:yellow; + margin:20px auto; +} + +.tagline { + color:yellow; + font-size:20px; + font-weight:600; +} + +#about { + background-color: black; + padding:20px 40px 20px 40px; + text-align:center; + width:90%; + margin:0px auto !important; +} + +#about h2 { + color:white; + letter-spacing: 2px; +} + +.second { + padding:75px; + color:white !important; +} + +.imageRow { + padding:0px 50px 0px 50px; + margin-top:20px; +} + +.imageRow img { + border-radius:150px; +} + +.imageRow figcaption { + height:40px; + background-color:yellow; + font-size:20px; + text-transform: uppercase; + width:70%; + margin: 10px auto 20px auto; + padding-top: 5px; +} + +hr.hrStyle1 { + border-top: 4px dotted white; +} + +#facts { + font-size:larger; + padding:20px 100px 20px 100px; + width:90%; + margin:0px auto !important; + background-color:#95ae9a; + background-image:url('img/blueWatercolor.jpg'); +} + +#facts figcaption { + height:40px; + text-align:center; + background-color:yellow; + font-size:20px; + text-transform: uppercase; + margin: 10px auto 20px auto; + padding-top: 5px; +} + +footer { + background-color:black; + width:100%; + height:50px; + color:white !important; + padding:10px 100px 5px 100px; +} + +footer img { + margin-left:10px; + width:30px; } diff --git a/img/behanceIcon.png b/img/behanceIcon.png new file mode 100644 index 0000000..b3d9806 Binary files /dev/null and b/img/behanceIcon.png differ diff --git a/img/blueWatercolor.jpg b/img/blueWatercolor.jpg new file mode 100644 index 0000000..8e56d14 Binary files /dev/null and b/img/blueWatercolor.jpg differ diff --git a/img/case.jpg b/img/case.jpg new file mode 100644 index 0000000..4cb65fe Binary files /dev/null and b/img/case.jpg differ diff --git a/img/dunken.jpg b/img/dunken.jpg new file mode 100644 index 0000000..9d1cd57 Binary files /dev/null and b/img/dunken.jpg differ diff --git a/img/gitHub.png b/img/gitHub.png new file mode 100644 index 0000000..b5a8f34 Binary files /dev/null and b/img/gitHub.png differ diff --git a/img/grayTexture.jpg b/img/grayTexture.jpg new file mode 100644 index 0000000..0227259 Binary files /dev/null and b/img/grayTexture.jpg differ diff --git a/img/katea.jpg b/img/katea.jpg new file mode 100644 index 0000000..7ad066f Binary files /dev/null and b/img/katea.jpg differ diff --git a/img/linkedIn.png b/img/linkedIn.png new file mode 100644 index 0000000..741fdb3 Binary files /dev/null and b/img/linkedIn.png differ diff --git a/img/mikedreiling2015.jpg b/img/mikedreiling2015.jpg new file mode 100644 index 0000000..f6d3f92 Binary files /dev/null and b/img/mikedreiling2015.jpg differ diff --git a/img/nameLogo.png b/img/nameLogo.png new file mode 100644 index 0000000..71091d6 Binary files /dev/null and b/img/nameLogo.png differ diff --git a/img/twitter.png b/img/twitter.png new file mode 100644 index 0000000..f0792f6 Binary files /dev/null and b/img/twitter.png differ diff --git a/index.html b/index.html index a71ad31..dcc4691 100644 --- a/index.html +++ b/index.html @@ -1,90 +1,98 @@ - - - My Site Title + + + + - - + + - - - - -
-
- - -

My Page Title

- - + - My random image - --> - A picture of my grumpy cat, Peggy - - -

- This is a paragraph. It will have line breaks if there is enough text. This is a fundamental element for creating page content. - Sometimes you will need bold text, and sometimes you will need italicized text. -

-
- -
-

My Second Most Important Heading

+ + Mike Dreiling's Site + + + + + +
+
+ +
+
+
+

Hi, I'm Mike

+

DESIGNER • DEVELOPER WANNABE

+

I am a Montana Native who has spent the past decade as a graphic designer and marketing coordinator in Missoula, Montana. I'm learning to become a developer through The Montana Code School. Thank you for visiting!

+
+
+ +
+
+

My Family

+
+
+
+
+
+
+ +
Katea Dreiling
+
+
+ +
Dunken Dreiling
+
+
+ +
Case Dreiling
+
+
+
+
+
+
+
- -
    -
  1. My first list item
    2. -
  2. My second list item
    3. -
  3. My third list item
    4. -
-
- +
+
+

Some Facts About Me

+ +
+
+ +
Lost Trail, My Favorite Ski Area
+
+
- - - + diff --git a/style.css b/style.css deleted file mode 100644 index ebd3a4e..0000000 --- a/style.css +++ /dev/null @@ -1,23 +0,0 @@ -body{ - color:orange; -} - -.myDiv-1{ - background-color:red; -} - -.myDiv-1 h1{ - -} - -.myDiv-1 p{ - -} - -.myDiv-2{ - background-color:green; -} - -.myDiv-2 h2{ - -}