Requerimos Maquetación Web , tenemos tres proyectos, la cantidad de pantallas por cada proyecto son:
Sub-Proyecto 1: 3 Pantallas
Sub-Proyecto 2: 3 Pantallas
Sub-Proyecto 3: 35 Pantallas
_______________________________
Total 41 Pantallas
Cotizar todo el proyecto completo ó solo un Sub-proyecto (Proporcionaremos )
El tiempo de entrega es importante.
No hay anticipo, se libera conforme se entregan avances, esto es, cada 10% de avance entregado podemos liberar el 10% del presupuesto.
** 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">×</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>
Plazo de Entrega: 14 Julio, 2020