Want to create interactive content? It’s easy in Genially!

Reuse this genially

VIBRANT PRESENTATION

Nathalia Bavutti

Created on April 6, 2022

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

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!