Hello, Can you make this page a slider ? I would like it to slide one by one ....with arrows on the side.... also pease keep the font to calibri....also want it to be more professional looking.... also want it to be mobile responsive....also can you place the button in a visually proper place? Also, can you change the green button and fonts to #17d1ac please.... Use the IDs/classes I used .....thanks!

code:

• Demo

  This is a fictional website that I designed/created. I wanted to put something together that looks professional and catches the eye.

• Details

  The blockades are randomized to keep the player on their toes.

• Score

  The longer you survive , the more score you earn!

* { font-family: calibri; }

section { width: 100%; display: inline-block; background: #333; height: 50vh; text-align: center; font-size: 22px; font-weight: 700; text-decoration: underline; }

.footer-distributed{ background: #666; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; font: bold 16px sans-serif; padding: 55px 50px; }

.footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right{ display: inline-block; vertical-align: top; }

/* Footer left */

.footer-distributed .footer-left{ width: 40%; }

/* The company logo */

.footer-distributed h3{ color: #ffffff; font: normal 36px 'Open Sans', cursive; margin: 0; }

.footer-distributed h3 span{ color: lightseagreen; }

/* Footer links */

.footer-distributed .footer-links{ color: #ffffff; margin: 20px 0 12px; padding: 0; }

.footer-distributed .footer-links a{ display:inline-block; line-height: 1.8; font-weight:400; text-decoration: none; color: inherit; }

.footer-distributed .footer-company-name{ color: #222; font-size: 14px; font-weight: normal; margin: 0; }

/* Footer Center */

.footer-distributed .footer-center{ width: 35%; }

.footer-distributed .footer-center i{ background-color: #33383b; color: #ffffff; font-size: 25px; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 42px; margin: 10px 15px; vertical-align: middle; }

.footer-distributed .footer-center i.fa-envelope{ font-size: 17px; line-height: 38px; }

.footer-distributed .footer-center p{ display: inline-block; color: #ffffff; font-weight:400; vertical-align: middle; margin:0; }

.footer-distributed .footer-center p span{ display:block; font-weight: normal; font-size:14px; line-height:2; }

.footer-distributed .footer-center p a{ color: lightseagreen; text-decoration: none;; }

.footer-distributed .footer-links a:before { content: "|"; font-weight:300; font-size: 20px; left: 0; color: #fff; display: inline-block; padding-right: 5px; }

.footer-distributed .footer-links .link-1:before { content: none; }

/* Footer Right */

.footer-distributed .footer-right{ width: 20%; }

.footer-distributed .footer-company-about{ line-height: 20px; color: #92999f; font-size: 13px; font-weight: normal; margin: 0; }

.footer-distributed .footer-company-about span{ display: block; color: #ffffff; font-size: 14px; font-weight: bold; margin-bottom: 20px; }

.footer-distributed .footer-icons{ margin-top: 25px; }

.footer-distributed .footer-icons a{ display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #33383b; border-radius: 2px;

font-size: 20px; color: #ffffff; text-align: center; line-height: 35px;

margin-right: 3px; margin-bottom: 5px; }

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

.footer-distributed{ font: bold 14px sans-serif; }

.footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right{ display: block; width: 100%; margin-bottom: 40px; text-align: center; }

.footer-distributed .footer-center i{ margin-left: 0; }

}

Demo Details Score IMWI KON w Secure Huys work Login to our cur website View Your Website Website Design Contrim Your Website Office Hours Do you need to call us? We are here to listen Select Your Plus Imola in a walle This is a fictional website that I designed/created. I wanted to put something together that looks professional and catches the eye. The blockades are randomized to keep the player on their toes. The longer you survive , the more score you earn! See the site Demo Details Score IMWI KON w Secure Huys work Login to our cur website View Your Website Website Design Contrim Your Website Office Hours Do you need to call us? We are here to listen Select Your Plus Imola in a walle This is a fictional website that I designed/created. I wanted to put something together that looks professional and catches the eye. The blockades are randomized to keep the player on their toes. The longer you survive , the more score you earn! See the site