From 99a5bdd6fcaf90b03fdc024ea992d16f6835cf71 Mon Sep 17 00:00:00 2001 From: NathanNovak Date: Fri, 27 Apr 2018 15:06:59 -0700 Subject: [PATCH] fixed portfolio layout and images --- assets/css/style.css | 54 -------------------- assets/css/style2.css | 40 +++++++++++---- contact.html | 75 ++++++++++++++------------- index.html | 3 +- portfolio.html | 114 +++++++++++++++++++++++------------------- 5 files changed, 135 insertions(+), 151 deletions(-) delete mode 100644 assets/css/style.css diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index f4e286d..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1,54 +0,0 @@ -header{ - background-color: #ffffff; - - font-family: Georgia, 'Times New Roman', Times, serif; - font-size: 32px; - - color: white; - - } - - body{ - align-content: center; - padding: 0%; - margin: 0%; - background-image: url("funky-lines.png"); - } - .header{ - background-color: #ffffff; - width: 100%; - font-family: Georgia, 'Times New Roman', Times, serif; - font-weight: bold; - - } - - - #a{ - - background-color: #4aaaa5; - font-family: Georgia, 'Times New Roman', Times, serif; - padding: 20px; - margin: 0px 1190px 0px 480px; - - } - - .content{ - background-color: yellow; - font-size: 18px; - width: 960px; - height: 350px; - padding-top: 30px; - margin: auto; - } - - .image{ - width: 200px; - height: 225px; - float: left; - margin: 10px 20px 20px 20px; - - } - #p{ - font-size: 32px; - margin: 10px 10px 10px 10px; - } \ No newline at end of file diff --git a/assets/css/style2.css b/assets/css/style2.css index a5837f8..e662c60 100644 --- a/assets/css/style2.css +++ b/assets/css/style2.css @@ -121,13 +121,32 @@ background-color: #ffffff; } - .gallery-image{ - + /* .gallery{ + height: 1200px; + }*/ + + .gallery{ + float: left; + width: 100%; + max-width: 960px; + padding: 30px; + margin: 0 0 40px; + background: #fff; + } + + gallery-image{ + /* position: relative; */ height: 300px; - width: 300px; + width: 100%; padding: 20px; } + .box{ + max-width: 300px; + margin: 10px 90px 25px 30px; + float: left; + } + .footer{ position: fixed; left: 0; @@ -142,10 +161,11 @@ border-color: #4aaaa5; } - footer-border{ - position: fixed; - bottom: 52px; - width: 100%; - height: 10px; - background-color: #4aaaa5; - } \ No newline at end of file + .text{ + position: absolute; + margin: -79px 20px 0px 0px; + padding: 10px 0px 10px 0px; + background-color: #4aaaa5; + width: 350px; + text-align: center; + } \ No newline at end of file diff --git a/contact.html b/contact.html index d9c3d79..fb71631 100644 --- a/contact.html +++ b/contact.html @@ -1,5 +1,6 @@ + @@ -9,49 +10,55 @@ - - + + + -
-
- Nathan Novak - - About  |   - Portfolio   |   - Contact - - -
-
+
+
+ Nathan Novak + + About  |   + Portfolio   |   + Contact + + +
+
+ +
-
- Contact

-
-
- Name:
-
- E-mail:
-
- Comment:
- - -

-
- -
+
+
+ Name: +
+ +
E-mail: +
+ +
Comment: +
+ + +
+
+ +
+ +
-
- - +
+ +
-
Copyright © - -
+ +
+ \ No newline at end of file diff --git a/index.html b/index.html index 166fd45..0a8806d 100644 --- a/index.html +++ b/index.html @@ -36,7 +36,7 @@
-

HI! My Name is Nathan Novak. I am 39 years old and am currently embarking on a new journey into the world of Web Development.
+

HI! My Name is Nathan Novak. I was born and raised in Tucson, Arizona and am currently embarking on a new journey into the world of Web Development.
I guess someone would call me a little crazy by taking on such a challange at my age, but these are the people I like to call "dumb."
Some of the things that I am passionate about is the ability to build and create things from scratch and the perpetual urge to learn
new things, so Web Development seemed like a perfect fit!
@@ -59,7 +59,6 @@

-
Copyright ©
diff --git a/portfolio.html b/portfolio.html index 6fd3a5c..37a70c4 100644 --- a/portfolio.html +++ b/portfolio.html @@ -1,69 +1,81 @@ + - - + + + + Student Bio + + + + - Student Bio - - - - - + -
+
Nathan Novak - About  |   - Portfolio   |   - Contact + About  |   + Portfolio   |   + Contact - +
-
- -
- - Portfolio -
-
- -
- - - - - - - - - - - - - - - - - - - - - +
+ +
+ + Portfolio +
+
+ +
+ +
+ + + +

Building

+
+
+ + + +

Arch

+
+
+ + + +

Roling Fields

+
+
+ + + +

Pathway

+
+
+ + + +

Turquoise

+
+
+ +
- - -
-
-
- Copyright © - -
+
+ Copyright © + +
+ \ No newline at end of file