Sending commands from a website stored in a microSD card.

Here first is the code from the website you can see on the link itcup.skuttcatholic.com

Skutt Catholic » Pill-O-Matic body { background-attachment: fixed; background-color: #D9EEFF; background-repeat: repeat; font-family: 'Open Sans', sans-serif; font-size: 11px; line-height: 15px; } a { color: #000000; text-transform: none; } a:link, a:active, a:focus, a:visited { color: #000000; text-transform: none; } a:hover { color: #DDDDDD; text-transform: none; } #center { margin: 0; position: absolute; width: 100%; left: 0px; top: 2px; } #center img { position: absolute; z-index: -3; } #center #content { position: absolute; width: 90%; } #center #content .button { float: right; font-size: 12px; margin: 25px 0; position: relative; z-index: 999; } #center #content .button a { background-color: #006ECE; border-radius: 20px; color: #FFFFFF; display: block; font-family: 'Open Sans', sans-serif; font-weight: normal; padding: 12px; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color ease-out 0.5s; -moz-transition: background-color ease-out 0.5s; -o-transition: background-color ease-out 0.5s; transition: background-color ease-out 0.5s; z-index: 999; } #center #content .button a:hover { background-color: #6DB9FC; -webkit-transition: background-color ease-out 0.5s; -moz-transition: background-color ease-out 0.5s; -o-transition: background-color ease-out 0.5s; transition: background-color ease-out 0.5s; z-index: 999; } #center #holder { float: right; width: 90%; } #center #holder .title { color: #006ECE; float: left; font-family: 'Comfortaa', sans-serif; font-size: 35px; font-weight: 300; margin: 35px auto; position: relative; z-index: 99999; } #center #holder .title a { color: #006ECE; text-decoration: none; } #center #holder .title a:hover { color: #006ECE; } #center #container { color: #6A6A6A; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; position: relative; text-align: center; width: 100%; } #center #container h1 { font-size: 75px; font-weight: 100; margin: 175px 0 25px; } #center #container h2 { font-family: 'Helvetica Neue', 'Open Sans', sans-serif; font-size: 35px; font-weight: 100; line-height: 40px; padding-left: 15%; padding-right: 15%; position: attached; } #center #container h3 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 100; line-height: 35px; margin: 50px 0; padding-left: 15%; padding-right: 15%; position: attached; } #center #container img { margin: 20px 0; max-height: 50%; max-width: 75%; padding-bottom: 125px; padding-left: 15%; padding-right: 15%; position: relative; } #center #container_opposite { color: #FFFFFF; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; position: relative; text-align: center; width: 100%; } #center #container_opposite h1 { font-size: 75px; font-weight: 100; margin: 175px 0 25px; } #center #container_opposite h3 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 100; line-height: 35px; margin: 50px 0; padding-left: 15%; padding-right: 15%; position: attached; } #center #container_opposite img { margin: 20px 0 -2px; max-width: 45%; padding-left: 15%; padding-right: 15%; position: relative; } #color_box_white { background-color: #FFF; display: block; padding: 2px; position: relative; width: 100%; z-index: 1; } #color_box_gray { background-color: #424242; display: block; padding: 2px; position: relative; width: 100%; z-index: 1; }