Pagina web de inicio y de menu

Diseñar dos archivos htlm, en html5 y css y js segun se necesite, el primero index.html con un diseño moderno con un formulario de login similar al aportado en el archivo1 adjunto de una empresa que ya esta funcionando, el concepto seria similar, se podia tener un carrete de tres o cuatro imagenes. El submit del formulario de login, lleva a un .php que valida si el usuario esta registrado (este .php ya esta, no hay que hacer nada ahi). La opcion Olvido su contraseña, es un hipervinculo fijo.

El segundo archivo menu.htlm es similar al anterior, solo que este tiene 6 iconos con links a 6 url fijas (por ejemplo www.gmail.com, www.google.com), los iconos serian: Aula Virtual, Libros, Recuros, Correo, Reportes, Agenda, por ejemplo. Asi mismo un boton que despliega un menu con las mismas seis opciones.
El index.html y menu.html debe tener un cabezote en el que estaria el logo y nombre de la empresa "ABC", iconos de redes sociales y el menu en el caso del segundo archivo.

Ambos deben ser responsive, para que se puedan ver facilmente en un celular o dispositivo movil.
En la parte inferior 4 secciones con una imagen y dos textos con hipervinculo a una url fija.
Adjunto archivo1 y archivo2 que ilustran el concepto de lo que se requiere.