JSFiddle - React, Tailwind, and code Playground

by António Almeida

HTML

<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading">Re-envio de fotos da Realidade Aumentada</div>
        <div class="panel-body">
            <label>Insira o email para o qual pretende reenviar a foto:</label>
            <div class="input-group">
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">@</span>
                            <input type="text" class="form-control" placeholder="E-mail" />
                        </div>
                    </div>
                    <button type="submit" class="btn btn-default">Enviar</button>
                </form>
            </div>
            <hr />
            <label>Resultado:</label>
            <div class="result">
                
            </div>
        </div>
    </div>
</div>

CSS

.container {
    padding: 40px 20px;
}
hr {
    margin: 25px 0 15px;
}
.result {
    min-height: 50px;
}