index.ejs

<meta name="viewport" content="width=500, initial-scale=1"> <!--This line of code is for mobile responsive -->

<div class="BorderMargin">
  <image src = 'https://www.flaticon.com/premium-icon/icons/svg/2128/2128406.svg' alt="LED" style="width:180px;height:180px;">

  <form action="/led/on" method="post">
    <button type="submit" class="button">OPEN </button>
      <button type="submit" formmethod="post" formaction="/led/off" class="button button3">CLOSE</button>
  </form>

  <a>Led Status: <%=status %></a>
</div>

 <image src = 'https://www.flaticon.com/premium-icon/icons/svg/2128/2128406.svg' alt="NodeJS" style="width:180px;height:180px;  float: left;">
  <image src = 'https://www.flaticon.com/premium-icon/icons/svg/2128/2128406.svg' alt="NodeJS" style="width:140px;height:180px;  float: left;">

<!-- The below code is only for look and styling -->
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */


.BorderMargin {
  
   margin: 10px;
   padding: 10px;
   max-width: 300px;
   height: 300px;
   border: 1px solid black;
}   
</style>