diff --git a/bootstrap-practice/bootstrap-practice.css b/bootstrap-practice/bootstrap-practice.css new file mode 100644 index 0000000..5c34ade --- /dev/null +++ b/bootstrap-practice/bootstrap-practice.css @@ -0,0 +1,90 @@ +body{ + border:20px solid #3A4245; + margin:0 auto; +} + +header { + background-image:url("images/laptop-and-person.jpg"); + background-size:cover; +} + +nav img { + width:10%; +} +nav li { + background-color:#8C92A1; + display:inline-block; +} + +nav li:hover { + background-color:#ED98B1; + +} + +nav a:hover { + color:white; + text-decoration: none; +} + +nav a { + color:white; + text-decoration: none; +} + +#gray-box { + background-color:#545D70; +} + +#pink-box { + background-color:#B56B81; +} + +#aqua-box { + background-color:#5FC9AA; +} + +#des-box { + background-color:#545D70; +} +footer { + background-color:#545D70; +} + +p { + color:white; + font-size:16px; +} + +.big-2-p { + font-size:24px; + color:black; +} + +.big-p { + font-size:18px; +} + +#header-info { + width:50%; + background-color:hsla(42, 98%, 80%, 0.56); +} + +#logo-bar { + background-color:white; +} + +#header-info h1, #gray-box h1, #pink-box h1, #aqua-box h1, #white-box h1 { + font-size:44px; +} + +#header-info h1 { + color:#B56B81; +} + +#white-box h1, #gray-box h1 { + color:#5FC9AA; +} + +#pink-box h1, #aqua-box h1 { + color:white; +} \ No newline at end of file diff --git a/bootstrap-practice/images/art-pic-1.jpg b/bootstrap-practice/images/art-pic-1.jpg new file mode 100644 index 0000000..443b1e3 Binary files /dev/null and b/bootstrap-practice/images/art-pic-1.jpg differ diff --git a/bootstrap-practice/images/art-pic-2.jpg b/bootstrap-practice/images/art-pic-2.jpg new file mode 100644 index 0000000..00f9bd1 Binary files /dev/null and b/bootstrap-practice/images/art-pic-2.jpg differ diff --git a/bootstrap-practice/images/art-pic-3.jpg b/bootstrap-practice/images/art-pic-3.jpg new file mode 100644 index 0000000..f502ddf Binary files /dev/null and b/bootstrap-practice/images/art-pic-3.jpg differ diff --git a/bootstrap-practice/images/art-pic-4.jpg b/bootstrap-practice/images/art-pic-4.jpg new file mode 100644 index 0000000..56cf9e3 Binary files /dev/null and b/bootstrap-practice/images/art-pic-4.jpg differ diff --git a/bootstrap-practice/images/laptop-and-person.jpg b/bootstrap-practice/images/laptop-and-person.jpg new file mode 100644 index 0000000..264b356 Binary files /dev/null and b/bootstrap-practice/images/laptop-and-person.jpg differ diff --git a/bootstrap-practice/images/owl.png b/bootstrap-practice/images/owl.png new file mode 100644 index 0000000..282be04 Binary files /dev/null and b/bootstrap-practice/images/owl.png differ diff --git a/bootstrap-practice/images/responsive-design.jpg b/bootstrap-practice/images/responsive-design.jpg new file mode 100644 index 0000000..151f100 Binary files /dev/null and b/bootstrap-practice/images/responsive-design.jpg differ diff --git a/bootstrap-practice/index.html b/bootstrap-practice/index.html index 379cad0..f049275 100644 --- a/bootstrap-practice/index.html +++ b/bootstrap-practice/index.html @@ -4,10 +4,145 @@ Owltastic + - + + + +
+
+

LATEST NEWS

+

Design & Vulnerability

+

An article about the painful, humbling nature of creating designs, and what it feels like to me to do work I care deeply about. Read on Medium or this site.

+
+

THIS IS ME WITH MY CAT

+
+

FOLLOW

+ + + + + + + +
+
+
+
+

Worth Noting

+

A curated collection of inspiring work and articles. See all.

+
+ font face +

LOGO-A-GO-GO: 100 YEARS OF FORBES TYPOGRAPHY

+

“In 1948, the logo said 'Calm down.' The war is over.” Love this roundup of 100 years of Forbes logos. They went so far and wide with them! Also didn't realize Forbes had been around for so... KEEP READING

+
+
+ colorful art +

ARTWORK BY JULIETTE OBERNDORFER

+

Juliette Oberndorfer's work is simply stunning; it reminds me of a favorite children's book or old Disney animations, bit with NEON. Do yourself a favor and follow her on Instagram....KEEP READING

+
+
+ gallery +

WEWORK LA FAYETTE CO-WORKING SPACE – DESIGN MILK

+

Never thought I'd want to visit Paris again just to work there, but this gorgeous WeWork space would be worth the trip. Source: WeWork La Fayette Co-Working Space Gives Nod to the 1920s - Design... KEEP READING

+
+
+ sunset +

UPPERQUAD

+

I'm blown away by the color and animation for UPPERQUAD's site; they've attended to every detail so...KEEP READING

+
+
+ +
+

Recent Work

+

I design and build responsive marketing sites and digital products. Here's a few of them. See more

+ responsive design example + responsive design example + responsive design example +
+ +
+

Recent Events

+

I love speaking. See a complete history of events here.

+ +
+ +
+ +
+
+ +

MARCH 17TH, 2015

+ +

OXFORD, UK

+ +

SMASHING OXFORD 2015

 +

SEE RESOURCES

+ +
+ +
+

Elsewhere & Contact

+

Follow me on Twitter and Facebook to see my latest work and inspiration. I am an enthusiastic Dribbbler. I post case studies on Behance too. My writing lives on Medium, and you can connect with me on LinkedIn. To reach out directly, please email me at contact@owltastic.com.

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