Terminado

Maquetado Web Html con Bootstrap (Será utilizado en Angular9, puede utilizarse Css)

Publicado el 07 Julio, 2020 en Programación y Tecnología

Sobre este proyecto

Abierto

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">&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? Bug o cambio pequeño
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo el diseño
Disponibilidad requerida Según se necesite
Roles necesarios Diseñador

Plazo de Entrega: 14 Julio, 2020

Habilidades necesarias

Otros proyectos publicados por U. G.