Zuhause - Lista de pedidos

Proposta de apresentação de lista de pedidos Zuhause

by joaoManolo

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <h2>Lista de Pedidos</h2>
  <ul class="list-group">
    <li class="list-group-item list-group-item-success">
    	<Strong><p>Data: 22/09/2017 17:45</p></Strong>
        <br/>
        <p>Usúario: Francis</p>
        <p>Telefone: 0000000000</p>
        <p>Pedido: 1x Nuremberg</p>
        <p>Pagamento: Cartão de crédito</p>
        <p>Total: R$31,00</p>
        <label>Status</label>
        <select>
        	<option selected="selected">Na fila</option>
            <option>Cancelado</option>
            <option>Enviado para cozinha</option>
        </select>
    </li>
    <hr>
    <li class="list-group-item list-group-item-info">
    	<Strong><p>Data: 22/09/2017 17:45</p></Strong>
        <br/>
        <p>Usúario: Francis</p>
        <p>Telefone: 0000000000</p>
        <p>Pedido: 1x Nuremberg</p>
        <p>Pagamento: Cartão de crédito</p>
        <p>Total: R$31,00</p>
        <label>Status</label>
        <select>
        	<option>Na fila</option>
            <option>Cancelado</option>
            <option selected="selected">Enviado para cozinha</option>
        </select>
    </li>
    <hr>
    <li class="list-group-item list-group-item-danger">
    	<Strong><p>Data: 22/09/2017 17:45</p></Strong>
        <br/>
        <p>Usúario: Francis</p>
        <p>Telefone: 0000000000</p>
        <p>Pedido: 1x Nuremberg</p>
        <p>Pagamento: Cartão de crédito</p>
        <p>Total: R$31,00</p>
        <label>Status</label>
        <select>
        	<option>Na fila</option>
            <option selected="selected">Cancelado</option>
            <option>Enviado para cozinha</option>
        </select>
    </li>
  </ul>