[K4GAP]

Originally Posted by BBNZowner

I like the new light colour scheme on the landing page, very easy on the eyes

Thanks guys,
It means a lot to have ones peers acknowledge your work.

Now I'm working on ways to improve the "landing page" without increasing it's load time. I want to add a functional "light" footer with my social media icons.

I'm looking to add this code:

.social-popout {
    height: 48px;
    width: 48px;
    margin: 10px;
    float: left;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.social-popout img {
    border-radius: 50%;
    margin: 8px;
    width: 100%;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.social-popout img:hover {
    margin: 0px;
    box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);
}

With this code on the page:

<div class="social-popout"><img src="images/social/youtube.png" /></div>

All I know is, I have two pieces of code to make it work but have no idea on where to or how to call the css? or where to place the css. The landing page is not part of vb so I can't put it in the additional where a lot of other code goes ....