Evaluando propuestas

Maquetación Html

Publicado el 05 Octubre, 2020 en Programación y Tecnología

Sobre este proyecto

Menos de USD 50

Necesitamos un maquetador HTML dedicado de tiempo completo para un catálogo de empleados, es una pantalla que tiene 5 Tabuladores en la parte superior, ya contamos con el prototipo en Figma.
** Requisitos de maquetacion **
el maquetado será usado para angular
maquetar usando  html con bootstrap
si se usa css deberá ser en un archivo separado
usar el sistema de grid de bootstrap (row y col)
clase de columnas: col-md-x donde x es el numero
colocar un identificador a todos los controles (div, input, etc.)
Todo el contenido debe estar encerrado dentro de un contenedor como el siguiente:
<div class="container-fluid">
// Contenido
</div>
Cuando se trate de un formulario dejar preparado para usar Reactive Forms de la siguiente manera:
<form [formGroup]="nombreFormulario" (ngSubmit)="nombreFuncionEjecutar">
    //Ejemplo de control
    <label for="nombre"><b>Nombre(s)</b></label>
    <input type="text" id="nombre" name="nombre" class="form-control" formControlName="nombre" required [ngClass]="{ 'is-invalid': submitted && f.nombre.errors }" placeholder="Escriba su nombre" maxlength="50">
</form>
Cuando se requiera llenar un select, el formato deberá ser de la siguiente manera:
<label for="identificador" style="margin-top: 8px;"><b>Área que visita</b></label>
<select id="identificador" name="nombre" class="form-control" formControlName="nombreFormControl">
<option value="">Seleccione</option>
<option *ngFor="let item of Arreglo" [ngValue]="item.Id">{{item.valor}}</option>
</select>
Los botones deben usar clases de bootstrap.
Para crear el diseño de un modal será de la siguiente forma:
<ng-template #identificadorDeModal let-modal>
    <div class="modal-header">
        <h4 class="modal-title" id="modal-basic-title">Titulo de modal</h4>
        <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('')">
        <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-md-12">
                Contenido
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-success">OK</button>
        <button type="button" class="btn btn-danger" (click)="modal.dismiss('');">Cancelar</button>
    </div>
</ng-template>

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Crear un nuevo sitio personalizado
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Roles necesarios Diseñador, Programador

Fecha de entrega: No definido

Habilidades necesarias

HTML HTML5 Maquetación

¿Te gustaría comenzar a trabajar en este proyecto?

Ingresa con tu cuenta de Workana o Regístrate. ¡Potencia tu trabajo freelance!

Otros proyectos publicados por U. G.