From 4befc9ef18c2a83acabf5e0b7fdac55c64f0c26a Mon Sep 17 00:00:00 2001 From: Cody C Date: Tue, 12 May 2020 17:16:00 -0500 Subject: [PATCH 01/19] added .html and .css style sheets --- .vscode/launch.json | 22 ++++++ index.html | 71 ++++++++++++++++- style/about.css | 0 style/contact.css | 0 style/index.css | 183 +++++++++++++++++++++++++++++++++++++++++++- style/projects.css | 0 6 files changed, 274 insertions(+), 2 deletions(-) create mode 100644 .vscode/launch.json create mode 100644 style/about.css create mode 100644 style/contact.css create mode 100644 style/projects.css diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 000000000..9401b1690 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,22 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + }, + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/index.html b/index.html index d01f779ff..55a04f27d 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,77 @@ Document + +
+
+

Alix Catalanotto's Portfolio

+ +
+ + +
+
+ +
+ +
+

Alix Catalanotto

+
+ +
+
+

I started my journey at Lambda School after talking to my husband about what I want to do when I decide to go back to work after being a stay-at-home mom for a few years. Before having my daughter, I had done nothing but office admin work since graduating college in 2012. I have a BA in Journalism from Angelo State University but have not been able to do anything with it. I knew when I was ready to go back to work, I didn't just want a job; I wanted a career! Joining Lambda's Web Development program has been the best decison I have made in my professional career. I'm learning to code and how to develop websites which is something I have always wanted to learn how to do. As I continue this journey, I expect this portfoli site to grow and develop as much as I will in this program. I can't wait to see where this adventure takes me next.

+ +
+ +
+
+ +

Coding Project

+ +

Labrador Website

+ +
+ +

Wish Site

+ + +

Coastal Living Site

+
+
+ + + +

Photography Client Site

+ + +

Love to Cook Blog

+ +
+ + +

Water Garden Club

+ + +

Adventure is Out There

- \ No newline at end of file +
+ +
+ +
\ No newline at end of file diff --git a/style/about.css b/style/about.css new file mode 100644 index 000000000..e69de29bb diff --git a/style/contact.css b/style/contact.css new file mode 100644 index 000000000..e69de29bb diff --git a/style/index.css b/style/index.css index 440e53514..ae8f7ea1f 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,182 @@ -/* Add CSS styling here */ \ No newline at end of file +/* 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; +} +/* Add CSS styling here */ + +header { + margin: 10px auto; + margin-bottom: 30px; + padding: 10px; + background: pink; + border-bottom: 5px dotted purple; + text-align: center; + } + + h1 { + font-size: 45px; + font-family: Bradley Hand ITC; + font-weight: bold; + text-align: center; + background: pink; + } + + header nav a { + margin: 0 10px; + border: 2px solid purple; + padding: 10px; + display: inline-block; + border-radius: 30px; + color: black; + font-family: comic sans ms; + text-decoration: none; + margin-bottom: 20px; + background: turquoise; + } + + + h2 { + font-size: 30px; + font-family: Bradley Hand ITC; + font-weight: bold; + } + + button { + padding: 10px; + margin: 5px; + background: turquoise; + border: solid purple; + border-radius: 30px; + font-size: 20px; + font-family: comic sans ms; + } + + .flowers { + display: flex; + flex-direction: row; + margin: 5px; + } + + p { + font-family: arial; + font-size: 18px; + + } + + .Projects1 { + display: flex; + flex-direction: row; + justify-content: space between; + padding: 2% 0; + flex-wrap: wrap; + } + + .Projects2 { + display: flex; + flex-direction: row; + justify-content: space between; + padding: 2% 0; + flex-wrap: wrap; + } + + .Projects3 { + display: flex; + flex-direction: row; + justify-content: space between; + padding: 2% 0; + flex-wrap: wrap; + } + + .Projects4 { + display: flex; + flex-direction: row; + justify-content: space between; + padding: 2% 0; + flex-wrap: wrap; + } + + + .footer { + padding: 10px; + background: pink; + margin:0 auto; + margin-top: 30px; + text-align: center; + border-top: 5px dotted purple; + } + + .footer p { + font-size: 30px; + font-family: Bradley Hand ITC; + font-weight: bold; + } + + .footer .linkedin { + font-size: 20px; + } + + .footer .linkedin :hover { + color: black; + } + + .footer .instagram { + font-size: 20px; + } + + .footer .instagram :hover{ + color: black; + } + + .footer button { + padding: 10px; + margin: 5px; + background: turquoise; + border: solid purple; + border-radius: 30px; + font-size: 20px; + font-family: comic sans ms; + } \ No newline at end of file diff --git a/style/projects.css b/style/projects.css new file mode 100644 index 000000000..e69de29bb From 7ef5cc24afcb936453a5a22b61d6b1df67590b7b Mon Sep 17 00:00:00 2001 From: Cody C Date: Tue, 12 May 2020 20:45:58 -0500 Subject: [PATCH 02/19] made changes to .html and .css style sheets --- about.html | 42 ++++++++++++---- contact.html | 39 +++++++++++---- index.html | 12 ++--- style/about.css | 130 ++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 199 insertions(+), 24 deletions(-) diff --git a/about.html b/about.html index df1043036..f6868166a 100644 --- a/about.html +++ b/about.html @@ -1,11 +1,35 @@ - - - - Document - - -

ABOUT

- - \ No newline at end of file + + + + Document + + +
+
+

About Me

+ +
+ + +
+ +
+

I am a stay-at-home mom to a wild little girl - the cutie i the picture to the left. As much as I love being home with her, I am ready to get back to work and start my new career. I am currently enrolled in Lambda School's Full Stack Web Development program. I love working with computers and creating new things. This class is the opportunity I have been waiting for to jumpstart my new career. I like a career path that allows growth and advancement and web development definitely offers that. As long as you keep working at it and never give up, you will go as far as you push yourself to go. + +

+ +
\ No newline at end of file diff --git a/contact.html b/contact.html index 7c293bd11..58789835f 100644 --- a/contact.html +++ b/contact.html @@ -1,11 +1,32 @@ - - - - Document - - -

CONTACT

- - \ No newline at end of file + + + + Document + + +
+
+

Contact Me

+ +
+ + + + +
+ +
\ No newline at end of file diff --git a/index.html b/index.html index 55a04f27d..04a490882 100644 --- a/index.html +++ b/index.html @@ -10,10 +10,10 @@

Alix Catalanotto's Portfolio

@@ -27,7 +27,7 @@

Alix Catalanotto's Portfolio

Alix Catalanotto

- +

I started my journey at Lambda School after talking to my husband about what I want to do when I decide to go back to work after being a stay-at-home mom for a few years. Before having my daughter, I had done nothing but office admin work since graduating college in 2012. I have a BA in Journalism from Angelo State University but have not been able to do anything with it. I knew when I was ready to go back to work, I didn't just want a job; I wanted a career! Joining Lambda's Web Development program has been the best decison I have made in my professional career. I'm learning to code and how to develop websites which is something I have always wanted to learn how to do. As I continue this journey, I expect this portfoli site to grow and develop as much as I will in this program. I can't wait to see where this adventure takes me next.

@@ -72,7 +72,7 @@

Alix Catalanotto