diff --git a/about.html b/about.html index df1043036..d0e5593e8 100644 --- a/about.html +++ b/about.html @@ -3,9 +3,49 @@ - Document + Amanda Burtness's Portfolio + + + + + + + + + -

ABOUT

+
+

Amanda Burtness

+
+ + +
+

A little bit about me...

+

I’m originally from the Bay Area, but now reside in sunny Southern California. I am an adaptable, flexible, and creative person who loves challenges. While I have spent my past years in the entertainment technology industry, the recent pandemic has allowed me to find a new passion, web development and software engineering. The creative, collaborative, and hard working skills I gained through the fast-paced entertainment world will bring a valuable perspective to the web development world. + I love full-stack web, and being able to be a part of all aspects of a project.

+
+
+

Education:

+ +
+ + \ No newline at end of file diff --git a/contact.html b/contact.html index 7c293bd11..21111e66a 100644 --- a/contact.html +++ b/contact.html @@ -3,9 +3,43 @@ - Document + Amanda Burtness's Portfolio + + + + + + + + + -

CONTACT

+
+

Amanda Burtness

+
+ + + +
+ +

I'd love to hear from you! Thank you so much for taking the time to visit my page.

+
+ \ No newline at end of file diff --git a/images/banner_image.png b/images/banner_image.png new file mode 100644 index 000000000..ddf10cb48 Binary files /dev/null and b/images/banner_image.png differ diff --git a/images/bannerimage.png b/images/bannerimage.png new file mode 100644 index 000000000..6837f9083 Binary files /dev/null and b/images/bannerimage.png differ diff --git a/images/burrito1.jpg b/images/burrito1.jpg new file mode 100644 index 000000000..460903bf7 Binary files /dev/null and b/images/burrito1.jpg differ diff --git a/images/burrito2.jpg b/images/burrito2.jpg new file mode 100644 index 000000000..031a720d7 Binary files /dev/null and b/images/burrito2.jpg differ diff --git a/images/pongo1.jpg b/images/pongo1.jpg new file mode 100644 index 000000000..76286a2e7 Binary files /dev/null and b/images/pongo1.jpg differ diff --git a/images/pongo2.jpg b/images/pongo2.jpg new file mode 100644 index 000000000..105d57867 Binary files /dev/null and b/images/pongo2.jpg differ diff --git a/index.html b/index.html index d01f779ff..1a6bb69f9 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,74 @@ - Document + Amanda Burtness's Portfolio + + + + + + + + + +
+

Amanda Burtness

+
+ + + +
+

< !-- Here's what you need to know -- >

+

My name is Amanda Burtness. I originally stem from the enteratinment technology world, but have now found my new passion in coding and web development. I strive for greatness in all that I do and hope that you can see this through my work and personality. I love a challenge, so I've decided to take it upon myself to learn new skills and dive into the web development world.

+
+ + + +
+
+
+

project 1

+ +
+ +
+

project 2

+ +
+ +
+

project 3

+ +
+ +
+

project 4

+ +
+ +
+

Here we have some images of my dogs, Pongo and Burrito, because I currently do not have any projects to display! I hope you enjoy them!

+
+
+
+ + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..d7e98dd2b 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,198 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ + +/* CSS Reset */ + +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; +/*border: 1px solid green; */ +} + +@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap'); + +* { + box-sizing: border-box; + max-width: 100%; + font-size: 10px; + +} + + +#name { + display: flex; + justify-content: center; +} + +h1 { + font-family: 'Permanent Marker', cursive; + font-size: 5rem; +} + +a { + text-decoration: none; +} + +a:link { + color: black; +} + +a:visited { + color: black; +} + +a:hover { + color: white; +} + +nav { + display: flex; + width: 100%; + justify-content: space-around; + padding: 0%; + font-family: 'Rock Salt', cursive; + background-color: #70FFE3; +} + +#nav { + font-size: 1.75rem; +} + + +#bannerwords { + text-align: center; + padding: % 15% 0% 15%; + +} + +#bannerwords h2 { + padding: 10px; + font-size: 1.5rem; + font-family: 'Rock Salt', cursive; +} + +.banner { + width: 100%; + height: 100%; + overflow: hidden; +} + +#bannerwords p { + font-size: 1.5rem; + font-family: 'Josefin Sans', sans-serif; + font-weight: bold; +} + +#projects { + display: flex; + justify-content: space-around; + align-items: center; + height: 600px; + padding: 2vh; + text-align: center; + font-size: 1.5rem; + font-family: 'Josefin Sans', sans-serif; + font-weight: bold; +} + +#projects h2 { + padding-bottom: 4%; +} + +#projects p { + padding: 0 2vw; +} + +#pongo1 { + +} + +#burrito1 { + +} + +#pongo2 { + +} + +#burrito2 { + +} + +#about1 { + display: flex; + align-items: center; + text-align: center; + flex-direction: column; + padding: 2vh 20vh; + font-size: 1.5rem; +} + +#about1 h2 { + padding: 10px; + font-size: 1.5rem; + font-family: 'Rock Salt', cursive; +} + +#about1 p { + font-size: 1.5rem; + font-family: 'Josefin Sans', sans-serif; + font-weight: bold; +} + +#about2 { + display: flex; + justify-content: space-around; + align-items: center; + height: 300px; + padding: 2vh 7vw; + font-size: 1.5rem; + line-height: 2; +} + +#about2 h2 { + padding: 2vw; + font-size: 1.5rem; + font-family: 'Rock Salt', cursive; +} + +ul { + list-style-type: none; + font-size: 1.5rem; + font-family: 'Josefin Sans', sans-serif; + font-weight: bold; + text-align: center; + padding: 4%; +} + +p { + font-size: 1.5rem; + font-family: 'Josefin Sans', sans-serif; + font-weight: bold; + text-align: center; + padding: 4% +} + +#contactme { + display: flex; + align-items: center; + text-align: center; + flex-direction: column; + padding: 2vh 20vh; + font-size: 1.5rem; +}