Want to create interactive content? It’s easy in 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!