From 799bc93ae2a6b9de66aa761f74c62363d91a4660 Mon Sep 17 00:00:00 2001 From: Michael Gulotta Date: Thu, 16 Mar 2023 16:23:05 -0400 Subject: [PATCH] Tasks complete, website looks like Option 3 --- .vscode/settings.json | 3 ++ index.html | 28 ++++++++++++- style/index.css | 97 ++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 125 insertions(+), 3 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..155422b0a --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5503 +} \ No newline at end of file diff --git a/index.html b/index.html index d01f779ff..535d4f17e 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,33 @@ - Document + + Mike Gulotta's Website - +
+

Mike Gulotta

+ +

Introduction to my projects

+

This is my website that contains all of my projects!

Please feel free to browse the site and let me know if you have any questions or comments.

You will be able to contact me using the button within the header, or the button within the footer.

Enjoy!

+ topImage +
+
+ + + + +
+ As you can see, here are all of my projects. I really like these projects and I hope you enjoy them too! +
+
+ \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..53c5b9223 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,96 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ +/* 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; +} +/* CSS below */ + +h1 { + font-size: 5rem; +} + +h2 { + font-size: 2rem; +} + +button { + display: inline-block; + border-radius: 5px; +} + +.topSection { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; +} + +.topSection img { + margin-top: 5px; +} + +footer { + background-color: lightgrey; + text-align: center; + padding: 40px; +} + +.middleSection { + display: flex; + justify-content: space-between; + margin-top: 10px; + margin-bottom: 10px; +} + +.description { + display: flex; + width: 200px; + padding: 20px; + justify-content: center; + align-items: center; + +} \ No newline at end of file