VIBRANT PRESENTATION

Nathalia Padron Web-developer

A look into my web-portfolio

01 the inspiration

Modern art 90s

Created a pinterest boardBrowsed behance

Modern take

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

Colorful

used a colorful palette

option 1

option 1

2 3 flashcards well organized

option 2

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

option 1

option 1

2 3 flashcards well organized

option 2

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

My result

my original mockup

LANDING PAGE

What did I use?

typing animation

Title here

• 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

Animation on the navbar

RESPONSIVE

my originalmockup

result

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

CONTACT FORM

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

Thank you guys, have a nice day!