diff --git a/about.html b/about.html new file mode 100644 index 000000000..7da379d40 --- /dev/null +++ b/about.html @@ -0,0 +1,58 @@ + + + + + + About — Summer Mickelsen + + + + + +
+
+

Summer Mickelsen

+ +
+
+ +
+ +
+

Hello Friends!

+

+ Woooo Programming consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+
+

+
+ + + + \ No newline at end of file diff --git a/hobby-blog.html b/hobby-blog.html new file mode 100644 index 000000000..50536a896 --- /dev/null +++ b/hobby-blog.html @@ -0,0 +1,87 @@ + + + + + + Hobby Blog — Summer Mickelsen + + + + + +
+
+

Summer Mickelsen

+ +
+
+ +
+
+

Plants

+

+ Woooo Programming consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+
+ + + +
+
+
+

Hiking

+

+ Woooo Programming consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+
+ + + +
+
+
+

Traveling

+

+ Woooo Programming consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+
+ + + +
+
+
+ + + + + \ No newline at end of file diff --git a/images/airplant.jpeg b/images/airplant.jpeg new file mode 100644 index 000000000..48c82044f Binary files /dev/null and b/images/airplant.jpeg differ diff --git a/images/alaska.jpeg b/images/alaska.jpeg new file mode 100644 index 000000000..20e9a4bff Binary files /dev/null and b/images/alaska.jpeg differ diff --git a/images/berlin.jpeg b/images/berlin.jpeg new file mode 100644 index 000000000..f48447ce1 Binary files /dev/null and b/images/berlin.jpeg differ diff --git a/images/chris-abney-qLW70Aoo8BE-unsplash.jpg b/images/chris-abney-qLW70Aoo8BE-unsplash.jpg new file mode 100644 index 000000000..4c06e6b28 Binary files /dev/null and b/images/chris-abney-qLW70Aoo8BE-unsplash.jpg differ diff --git a/images/coleus.jpeg b/images/coleus.jpeg new file mode 100644 index 000000000..13856019d Binary files /dev/null and b/images/coleus.jpeg differ diff --git a/images/copenhagen.jpeg b/images/copenhagen.jpeg new file mode 100644 index 000000000..c077058ea Binary files /dev/null and b/images/copenhagen.jpeg differ diff --git a/images/dieffenbachia.jpeg b/images/dieffenbachia.jpeg new file mode 100644 index 000000000..d175d7f13 Binary files /dev/null and b/images/dieffenbachia.jpeg differ diff --git a/images/hawaii.jpeg b/images/hawaii.jpeg new file mode 100644 index 000000000..8dd7b6038 Binary files /dev/null and b/images/hawaii.jpeg differ diff --git a/images/pexels-irina-iriser-1090977.jpg b/images/pexels-irina-iriser-1090977.jpg new file mode 100644 index 000000000..5e48e0d1f Binary files /dev/null and b/images/pexels-irina-iriser-1090977.jpg differ diff --git a/images/rome.jpeg b/images/rome.jpeg new file mode 100644 index 000000000..d860a253c Binary files /dev/null and b/images/rome.jpeg differ diff --git a/images/summer-selfie.jpg b/images/summer-selfie.jpg new file mode 100644 index 000000000..6be5a11a1 Binary files /dev/null and b/images/summer-selfie.jpg differ diff --git a/images/waterfall.jpeg b/images/waterfall.jpeg new file mode 100644 index 000000000..6280071b8 Binary files /dev/null and b/images/waterfall.jpeg differ diff --git a/index.html b/index.html new file mode 100644 index 000000000..72b6efea2 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + + Home — Summer Mickelsen + + + + + +
+

Summer Mickelsen

+ +
+ + \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 000000000..425b7cb49 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,66 @@ + + + + + + Portfolio — Summer Mickelsen + + + + + +
+
+

Summer Mickelsen

+ +
+
+ +
+

Video Store Cli

+

+ Woooo Programming consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+

Task list API

+

+ Woooo Programming consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+

Swap Meet

+

+ Woooo Programming consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+
+ + + + + \ No newline at end of file diff --git a/styles/about.css b/styles/about.css new file mode 100644 index 000000000..499925e4e --- /dev/null +++ b/styles/about.css @@ -0,0 +1,94 @@ +body { + margin: 0; +} + +header { + background-image: url("../images/pexels-irina-iriser-1090977.jpg"); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: flex; + justify-content: center; + align-items: center; +} +main { + display:flex; + flex-direction: row; + justify-content: center; + margin-top: 40px; +} +div { + border: 5px solid; + padding: 10px; + background-color: rgba(255, 255, 255, 0.5); + width: 800px; + text-align: center; + justify-content: center; + align-items: center; +} +p { + font-family: 'Lato', sans-serif; + font-size: 20px; +} +img { + display: block; + width: 20%; + height: auto; +} + +h1 { + font-family: 'Caveat', cursive; + font-size: 75px; + margin: 0; +} + +h2 { + font-family: 'Caveat', cursive; + font-size: 50px; + margin: 0; +} + +nav { + display: flex; + justify-content: center; +} + +ul { + font-family: 'Lato', sans-serif; + font-size: 25px; + list-style-type: none; + display: flex; + flex-direction: row; + margin: 0; +} + +li { + margin: 20px; +} + +a:link { + text-decoration: none; + color: black; +} + +a:visited { + color: black; +} + +a:hover { + color: white; +} + +footer { + font-family: 'Lato', sans-serif; + text-align: center; + bottom: 0; + position: absolute; + width: 100%; +} + +#about { + border: none; + margin-left: 16px; + width: 800px; +} \ No newline at end of file diff --git a/styles/hobby-blog.css b/styles/hobby-blog.css new file mode 100644 index 000000000..746ba1e84 --- /dev/null +++ b/styles/hobby-blog.css @@ -0,0 +1,107 @@ +body { + margin: 0; +} + +header { + background-image: url("../images/pexels-irina-iriser-1090977.jpg"); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: flex; + justify-content: center; + align-items: center; +} +main { + display: flex; + justify-content: center; + align-items: center; + flex-flow: column; + margin: 20px; + margin-right: 250px; + margin-left: 250px; +} +div { + border: 5px solid; + padding: 10px; + background-color: rgba(255, 255, 255, 0.5); + width: 800px; + text-align: center; +} + +h1 { + font-family: 'Caveat', cursive; + font-size: 75px; + margin: 0; +} +h2 { + font-family: 'Caveat', cursive; + font-size: 50px; + margin: 0; +} + +p { + font-family: 'Lato', sans-serif; + font-size: 20px; + +} + +nav { + display: flex; + justify-content: center; +} + +ul { + font-family: 'Lato', sans-serif; + font-size: 25px; + list-style-type: none; + display: flex; + flex-direction: row; + margin: 0; +} + +li { + margin: 20px; +} + +a:link { + text-decoration: none; + color: black; +} + +a:visited { + color: black; +} + +a:hover { + color: white; +} +img { + display: block; + width: 60%; + height: auto; +} + +article { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + border: 5px solid; + text-align: center; + margin-top: 40px; +} +footer { + font-family: 'Lato', sans-serif; + text-align: center; + bottom: 0; + width: 100%; +} + +#images { + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; + border: none; + width: 800px; +} \ No newline at end of file diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 000000000..d2258a1e3 --- /dev/null +++ b/styles/index.css @@ -0,0 +1,55 @@ +body { + background-image: url("../images/chris-abney-qLW70Aoo8BE-unsplash.jpg"); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + height: 95%; + display: flex; + justify-content: center; + align-items: center; +} + +main { + border: 5px solid; + padding: 10px; + background-color: rgba(255, 255, 255, 0.5); + width: 800px; + text-align: center; +} + +h1 { + font-family: 'Caveat', cursive; + font-size: 75px; + margin: 0; +} + +nav { + display: flex; + justify-content: center; +} + +ul { + font-family: 'Lato', sans-serif; + font-size: 25px; + list-style-type: none; + display: flex; + flex-direction: row; + margin: 0; +} + +li { + margin: 20px; +} + +a:link { + text-decoration: none; + color: black; +} + +a:visited { + color: black; +} + +a:hover { + color: white; +} \ No newline at end of file diff --git a/styles/portfolio.css b/styles/portfolio.css new file mode 100644 index 000000000..3f40c9388 --- /dev/null +++ b/styles/portfolio.css @@ -0,0 +1,85 @@ +body { + margin: 0; +} + +header { + background-image: url("../images/pexels-irina-iriser-1090977.jpg"); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: flex; + justify-content: center; + align-items: center; +} +main { + display: flex; + justify-content: center; + align-items: center; + flex-flow: column; + margin: 20px; + margin-right: 250px; + margin-left: 250px; +} +div { + border: 5px solid; + padding: 10px; + background-color: rgba(255, 255, 255, 0.5); + width: 800px; + text-align: center; +} + +h1 { + font-family: 'Caveat', cursive; + font-size: 75px; + margin: 0; +} +h2 { + font-family: 'Caveat', cursive; + font-size: 50px; + margin: 0; +} + +p { + font-family: 'Lato', sans-serif; + font-size: 20px; +} + +nav { + display: flex; + justify-content: center; +} + +ul { + font-family: 'Lato', sans-serif; + font-size: 25px; + list-style-type: none; + display: flex; + flex-direction: row; + margin: 0; +} + +li { + margin: 20px; +} + +a:link { + text-decoration: none; + color: black; +} + +a:visited { + color: black; +} + +a:hover { + color: white; +} + +footer { + font-family: 'Lato', sans-serif; + text-align: center; + bottom: 0; + position: absolute; + width: 100%; +} +