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 carousel options to slide more pictures its 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 flashcards well organized

option 1

option 2

option 1

2 carousel options to slide more pictures its better for visualization on a laptop, gives you the option to click on the articles to lead you to some different place Improved Accesability maintanance (I can add pictures later)

option 2

2 3 flashcards well 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 QUERIES I used calc to make the font responsive Pseudoelements for the icons after the some of my work variables for the font and color palette I 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 work and hover effects.

CONTACT FORM

Thank you guys, have a nice day!