diff --git a/src/1.png b/src/1.png new file mode 100644 index 00000000..6757b18c Binary files /dev/null and b/src/1.png differ diff --git a/src/2.png b/src/2.png new file mode 100644 index 00000000..f3c7f9c9 Binary files /dev/null and b/src/2.png differ diff --git a/src/3.jpg b/src/3.jpg new file mode 100644 index 00000000..c3b62fa2 Binary files /dev/null and b/src/3.jpg differ diff --git a/src/4.png b/src/4.png new file mode 100644 index 00000000..f5986ed1 Binary files /dev/null and b/src/4.png differ diff --git a/src/5.png b/src/5.png new file mode 100644 index 00000000..e309396a Binary files /dev/null and b/src/5.png differ diff --git a/src/6.png b/src/6.png new file mode 100644 index 00000000..b939be0a Binary files /dev/null and b/src/6.png differ diff --git a/src/index.html b/src/index.html index 33ecb7d8..910b11f9 100644 --- a/src/index.html +++ b/src/index.html @@ -7,44 +7,221 @@ HTML Portfolio - - + + -
-

Morgan McCircuit

-

I write code

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

King of the Avangers

+

I lead them to victory!

+
+
+ +

Lightning superpower

+

I am able to fire lightning bolts!

+
+
+ +

Appearence

+

.. yeah, I'm just looking damn good!

+
+ +
+
+ -
-

Who I am

-

Hi, my name is Morgan and I love to write code that is efficient.

+
+
+
+
+ + +

Want to email Thor ?

+

Press the envelope to drop Thor a thundermail

+
+
+

Thundermail overview

+
    +
  • +
    0
     + +
    • +
  • + 3 + +
    • +
+
+
+
+
+
-
-

What I do

-

Here are some of the languages I use on a day-to-day.

-
    -
  • HTML
    • -
  • CSS
    • -
  • JavaScript
    • -
+ +
-
-

Get in touch

-

I live in the cloud and can't be seen. Send messages to the good people at Code School and they'll notify me.

+ +
+
+

Check my Avanger profile

+

I live in the cloud and can't be seen. Send messages to the good people at LinkedIN and they'll notify me.

+
- - diff --git a/src/logo.png b/src/logo.png new file mode 100644 index 00000000..75b7df58 Binary files /dev/null and b/src/logo.png differ diff --git a/src/main.css b/src/main.css index 4be3b81a..c7114b66 100644 --- a/src/main.css +++ b/src/main.css @@ -5,6 +5,12 @@ margin-bottom: 0; } +.avg_logo { + width: 33px; + max-height: 100%; + border-radius: 50%; +} + /* CUSTOMIZED CAROUSEL -------------------------------------------------- */ @@ -62,6 +68,96 @@ color: #444; } +/* for Avanger pictures +-------------------------------------------------- */ +.marketing .col-md-3 { + padding-bottom: 25px; +} +/* -------------------------- */ + +.cont { + background-color: #777; +} + +.cont .col-md-6 { + text-align: center; + font-size: 16px; + color: white; + padding: 40px; +} + +.cont .col-md-6 .glyphicon{ + font-size: 60px; + background-color: #EAEAEA; + border-radius: 50%; + padding: 40px; + color: #444; +} + +.cont .email-desc { + color: black; + text-align: left; +} + +.cont p a { + color: white; +} + +/* Pictures +-------------------------------------------------- */ +.offset:target { + display: block; + padding-top: 60px; +} + +@media (min-width: 200px) and (max-width: 767px) { + .offsetPic:target { + display: block; + padding-top: 60px; + } +} + +.thumbnail { + border: none; + height: 200px; + width: 200px; + display: block; + margin: auto; +} + +.middle { + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%) +} + +.img-text { + color: white; + font-weight: 800; + font-family: fantasy; + font-size: 20px; + padding: auto 16px; + border-radius: 50%; +} + +.thumbnail:hover .image { + opacity: 0.75; + border-radius: 50%; + box-shadow: 0 0 20px 10px black; + transition: 0.7s ease; + transition-timing-function: cubic-bezier(0.1, 2.0, 0.5, 0.1); +} + +.thumbnail:hover .middle { + opacity: 1; +} + +.image { + opacity: 1; +} /* STICKY FOOTER -------------------------------------------------- */ @@ -69,9 +165,12 @@ html { position: relative; min-height: 100%; +/* cache-control: max-age=60, public;*/ } body { + /* Padding top for navbar static */ + padding-top: 25px; /* Margin bottom by footer height */ margin-bottom: 160px; } @@ -89,5 +188,9 @@ footer { padding: 40px 0; } +img { +/* cache-control: max-age=600;*/ +} + /* RESPONSIVE CSS -------------------------------------------------- */