Problems with div alignment and opacity

Question

I'm trying to make a box with a link, which has a background with low opacity and two divs with different items. I've tried all the ways but I can't seem to get them properly aligned. Here's what I want to achieve, and my code. This is an image of what I want to do.
Here's the code. https://jsfiddle.net/hmelluso/b3f2m2tb/

Answer 1

Mainly this tag <div class="redfooterh> was missing the quote after the class name: <div class="redfooterh">

And some other settings to fine-tune, see here:

https://jsfiddle.net/4son84j9/2/