You are on page 1of 1

String page = "<!

DOCTYPE html>";
page+="<h3><img src='https://i.imgur.com/wChCDoa.png'
alt='https://www.arduino.cc/en/uploads/Trademark/ArduinoCommunityLogo.png'
width='463' height='300' style='display: block; margin-left: auto; margin-right:
auto;' /></h3>";
page+="<html><head><meta http-equiv='refresh' content='1' name='viewport'
content='width=device-width, initial-scale=1'>";
page+="<style>input[type=text], select, textarea {";
page+=" width: 10%;padding: 12px;border: 1px solid #cac;border-radius: 4px;box-
sizing: border-box;margin-top: 6px;margin-bottom: 16px;";
page+=" resize: vertical;}";

page+="input[type=submit] {";
page+=" background-color: #4CAF50;color: white;padding: 12px 10px;border:
none;border-radius: 4px;cursor: pointer;";
page+="}";

page+="input[type=submit]:hover {";
page+="background-color: #45a049;";
page+="}";

page+=".container {border-radius: 5px;background-color: #f2f2f2;padding: 20px;}";

page+=" .floating-box {float : right;display: inline-block;width: 700px;height:


334px;margin-right :150px;margin-top: 60px;";
page+=" border: 10px solid #DDD0FF; }</style></head><body>";

page+=" <div class='floating-box' align='left' margin-left='10px'><label


for='fname'><font color = '";
page+="#6E6E6E'face = 'Arial'><h2> P_Value : </h2><br>";
page+="<h2> I_Value : </h2><br><h2> D_Value : </h2><br><h2> Setpoint :
</h2></font></label><br> </div>";

page+="<div class='container'>";
page+=" <form action='/action_page.php'><br>";
page+=" <label for='fname'><font
face='MyriadPro'>Proportional</font></label><br>";
page+=" <input type='text' id='fname' name='Proportional' placeholder='1'>";
page+=" <input type='submit' value='P_Inc'>";
page+=" <input type='submit' value='P_Dec'><br>";
page+=" <br>";

page+=" <label for='lname'>Integral</label><br>";


page+=" <input type='text' id='lname' name='Integral' placeholder='10'>";
page+=" <input type='submit' value='I_Inc '>";
page+=" <input type='submit' value='I_Dec '><br><br>";
page+=" <label for='lname'>Derivative</label><br>";
page+=" <input type='text' id='lname' name='Derivative' placeholder='0.01'>";
page+=" <input type='submit' value='D_Inc'>";
page+=" <input type='submit' value='D_Dec'><br><br>";
page+=" <label for='lname'>Set_Point</label><br>";
page+=" <input type='text' id='lname' name='Set_Poing' placeholder='Angle'>";
page+=" <input type='submit' value=' A+ '>";
page+=" <input type='submit' value=' A- '><br></form></div></body></html>";

You might also like