diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000000..155422b0a0 --- /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 d01f779ffe..535d4f17ec 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 440e535149..53c5b92235 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