sash_oo7

a:link { color:#FFF; text-decoration:none; font-weight:normal; } a:visited { color:#6A2E88; text-decoration:none; font-weight:normal; } a:hover { color: #000; text-decoration:underline; font-weight:normal; } this is not exact copy of your css .. look carefully .. u used a.link .. i used a:link
 
and html also is not same
 
 
you added a.link in class ..which is not the right thing to do
 
so i removed those
<footer class="MainFooter"> <div class="MainFooter-col u-alignLeft"> Jeff, 2015 </div> <div class="MainFooter-col u-alignCenter"> <a href="#">Top</a> </div> <div class="MainFooter-col u-alignRight"> <a href="contact form">Contact Us</a> </div> </footer> the php one is just a snippet of code i copied from somewhere to give u example
<div class="MainFooter-col"> <a href="#">Home</a> <a href="#">List</a> <a href="#">Download</a> <a href="#">Files Used</a> <a href="#">Documentation</a> </div> <div class="client-header"> <h1><a href="#">CRUD Application</a></h1> </div> .MainFooter-col a:link, .MainFooter-col a:visited { color:red; }

Fullpage

check here and here

check this

sticky footer

check here

jquery slider
 
bootstrap also comes with a slider

u must be doing things wrong !
 
i might have a look if u share ur ftp and cpanel details
 
can u change this

u can use css media queries and use different sized bg image like this
 
* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ body {background-image:url('paper9.gif'); } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ body {background-image:url('paper8.gif'); } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ body {background-image:url('paper7.gif'); } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ body {background-image:url('paper6.gif'); } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ body {background-image:url('paper5.gif'); } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ body {background-image:url('paper4.gif'); } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ body {background-image:url('paper.gif'); } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* Styles */ body {background-image:url('paper2.gif'); } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ body {background-image:url('paper3.gif'); }

see here
 
 
check this i have done with ur image

have u checked the contact forms i provided in that link?
 
anyways here is one from that list that gives u detailed idea of how to implement.. provided i assume u have little knowledge of html,css,jquery and php

see here and here
 
 
this is just for background image

check this tutorial
 
u can download from here or here