CV Project

← README.md

Online CV.

Byggdes i html, css och javascript.

← index.html

Webbplatsens innehåll:

Responsive Layout baserad i CSS grid-template-areas.

Header meny (flex-box):

• Profilbild (90 x 90 png) • Namn rubrick (h1) • Meny (Portfolio 'pagelink', telefon 'tellink', Portfolio 'pagelink', e-post 'mailto-link', kontakt 'pagelink',)

Presentation: • Video (youtube embed video) • Ljud (mp3) • Text (styke)

Vilka jobb är intreserat om (nästlad lista).

Vart vill man Jobba (text stycke).

Footer:

• Google Maps (iframe) • Adress (text i table)

Made by (h3 'pagelink')

← style.css

CSS-filer innehålls stylingsregler .

← script.js

Interaktivitet med JavaScript.

Mobil anpasade memy för smartphonse.

functions: • mMenu() • fullHeader() On click av knapen funktioner byta class av div 'topnav => responsive och header => headerFull' och gör syndly om smartphones.

← kontakt.js

Skrivet ut i skärmen resultat av skrev förmulär.

← subpages/old_style.css

Första version CSS

← subpages/kontakt.html

Kontakt förmulär:

Header meny (flex-box):

• Profilbild (90 x 90 png) • Namn rubrick (h1) • Meny (Portfolio 'pagelink', telefon 'tellink', Portfolio 'pagelink', e-post 'mailto-link', kontakt 'pagelink',)

Förmulär (GET):

• Kontakt info (webb, företag, namn, e-post) • Övrigt (fritext, fillupladning, namn, e-post) • Jobbar som 'type="checkbox"' • Vart 'type="radio"' • Anställnng 'select och type=date' • skicka 'submit'

Footer:

• Google Maps (iframe) • Adress (text i table)

Made by (h3 'pagelink')

← subpages/Kontakt_destination.html

Kontakt förmulär:

Header meny (flex-box):

• Profilbild (90 x 90 png) • Namn rubrick (h1) • Meny (Portfolio 'pagelink', telefon 'tellink', Portfolio 'pagelink', e-post 'mailto-link', kontakt 'pagelink',)

Resultat av formulät skrev i skärmen.

Footer:

• Google Maps (iframe) • Adress (text i table)

Made by (h3 'pagelink')

← portfolio.html

Underarbete.

← assets

Bilder, video, ljud, o.s.v.

← Wireframe skapades med figma.com

https://www.figma.com/file/CZJYhLLPmJ3fwl6AvRH4cs/CV?node-id=0%3A1

← doc/CV.fig

Webb Wireframe i figma format.

← doc/CV.pdf

Webb Wirefram i pdf format

Made by [Xavi Diaz] (https://xavidiaz.com/)

\ ゜o゜)ノ