VIBRANT PRESENTATION

Nathalia Padron Web-developer

A look into my web-portfolio

01 the inspiration

used a colorful palette

90s revival and the presence of 3d art Resources:-Icons8-color palette creator

Created a pinterest boardBrowsed behance

Colorful

Modern take

Modern art 90s

2 carouseloptions to slide more picturesits better for visualization on a laptop, gives you the option to click on the articles to lead you to some different place

option 2

2 3 flashcardswell organized

option 1

option 2

option 1

2 carouseloptions to slide more picturesits better for visualization on a laptop, gives you the option to click on the articles to lead you to some different placeImproved Accesabilitymaintanance (I can add pictures later)

option 2

2 3 flashcardswell organized

option 1

option 2

option 1

LANDING PAGE

My result

my original mockup

What did I use?

Animation on the navbar

typing animation

• Bootstrap for the navbar
• Transition for a hover effect on the navbar and used ease in an out for a soothing effect.
• I used a mixing to style all the buttons.
• I used an animation on the text

Title here

Variables for the different fonts and color palette, mixins

BootstrapIMEDIA QUERIESI used calc to make the font responsivePseudoelements for the icons after the some of my workvariables for the font and color paletteI used live sass compiler and linked to bootstrap

RESPONSIVE

result

my originalmockup

II designed a form with pseudoelements ::before for the icons after the some of my workand hover effects.

CONTACT FORM

Thank you guys, have a nice day!