diff --git a/css/AbrilFatface-Regular.ttf b/css/AbrilFatface-Regular.ttf new file mode 100644 index 0000000..a291711 Binary files /dev/null and b/css/AbrilFatface-Regular.ttf differ diff --git a/css/main-index.css b/css/main-index.css new file mode 100644 index 0000000..43357c5 --- /dev/null +++ b/css/main-index.css @@ -0,0 +1,88 @@ +@font-face { + font-family: "SourceCode-Pro"; + src: url("source-code-pro.woff") format('woff'); +} + +@font-face { + font-family: "PlayfairDisplay-Regular"; + src: url("playfair-display-regular.ttf"); +} + +@font-face { + font-family: "AbrilFatface-Regular"; + src: url("AbrilFatface-Regular.ttf"); +} + +html { + font-family: Helvetica, sans-serif; + background-color: #fafafa; + color: #050505; +} + +.container-wrap { + width: 100%; +} + +.sep { + display: block; + width: 100%; +} + +.button-primary { + background-color: #0F2E4D !important; + color: #E1EDF9 !important; + border: none !important; + text-decoration: none; + font-size: 3rem; + padding: 2rem; + height: auto !important; +} + +.large { + color: #0F2E4D; + font-size: 3rem; +} + +.neutral { + color: #0F2E4D; + font-family: "AbrilFatface-Regular", serif; +} + +h1 { + font-size: 9rem; + font-weight: normal; +} + +h2 { + font-size: 7rem; + font-weight: normal; +} + +.design { + background-color: #991F3B; + color: #FFEDF1; + font-size: 2rem; +} + +.design h2 { + font-family: "PlayfairDisplay-Regular", serif; +} + +.develop { + background-color: #66991F; + color: #F8FFED; + font-size: 2rem; +} + +.develop h2 { + font-family: "SourceCode-Pro", monospace, sans-serif; +} + +em { + font-style: normal; + font-weight: bold; +} + +a, a:active { + color: #5762AD; +} diff --git a/css/main.css b/css/main.css index 315e81d..23e8c74 100644 --- a/css/main.css +++ b/css/main.css @@ -8,17 +8,6 @@ html { background-color: #f2f2f2; } -@font-face { - font-family: "Overpass"; - src: url("overpass-regular.woff") format('woff'); -} - -/* -h1, h2, h3, h4, h5, h6, .button-primary, .button { - font-family: "Overpass", Helvetica, sans-serif; -} -*/ - h1 { color: #008700; } h2 { color: #0087af; } h3 { color: #8700af; } diff --git a/css/overpass-regular.woff b/css/overpass-regular.woff deleted file mode 100644 index 90038f4..0000000 Binary files a/css/overpass-regular.woff and /dev/null differ diff --git a/css/playfair-display-regular.ttf b/css/playfair-display-regular.ttf new file mode 100644 index 0000000..b034b57 Binary files /dev/null and b/css/playfair-display-regular.ttf differ diff --git a/img/a.svg b/img/a.svg new file mode 100644 index 0000000..f0f7374 --- /dev/null +++ b/img/a.svg @@ -0,0 +1,264 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/b.svg b/img/b.svg new file mode 100644 index 0000000..04e0f38 --- /dev/null +++ b/img/b.svg @@ -0,0 +1,809 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/c.svg b/img/c.svg new file mode 100644 index 0000000..da9f637 --- /dev/null +++ b/img/c.svg @@ -0,0 +1,502 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index a747e18..a697ab7 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Brian Picciano - Freelance Developer + Brian Picciano - Freelance Web Design and Development @@ -16,130 +16,123 @@ - + -
-
/index
/resume
/contact
-
X
-
+
-
+

+ Hello! I'm Brian Picciano, a freelance graphic designer and web + developer. My passion is creating beautiful websites that + delight their users. +

-

Brian Picciano

-

Freelance Developer

+

+ Contact me + if I can help you with... +

-

- Hello! My name is Brian Picciano. I'm a full-stack - developer with a focus on designing secure and - scalable backends for web applications. -

-

- I have gained experience with an extremely diverse set of - languages, databases, and products over the last ten years, - and I'm always looking for more. -

-

- Remote work has been my life since 2015. No matter where in the - world your team is, I can work with them smoothly and - effectively over a variety of communication platforms. -

+
-

What I Do

+ -

- I help you solve your problems, no matter what stage of - development you're at. Contact me if you - need someone to: -

- +
-

What I've Done

+
-

- You can see a breakdown of all my past work at my - resume page. Feel free to - reach out to me if you have any questions - about my past work. -

+
+

Graphic Design

+

+ Design is expression, so we will work together to understand what + exactly your brand and product express. The result will be a + vivid and sincere reflection of your brand's + identity. +

+

+ Offerings include logos, graphics, styleguides, and even full + website mockups. +

+
-

Next Steps

- -

- Drop by my contact page to schedule a - free, 45 minute consultation. We will discuss your project, - what sort of assistance you need from me, and a timeline to get it - to you. -

+
+   +
-
-
---
+
+ + + +
+ +
+ +
+   +
+ +
+

Web Development

+

+ With over 10+ years experience on the web, I can pretty much build + anything. Whether you need a brand new site, a complete overhaul, + or minor adjustments to an existing site, you can count on me. +

+

+ Where other developers might work with bulky frameworks which + result in a frustrating user experience, I will get down in the + weeds to craft your site by hand. The result is code which is + lightweight, fast, and responsive for all of your users, not just + those with the latest hardware. +

+
+
- +