Jasmine Lopez

Hello, welcome to my portfolio page. Here you'll find multiple projects I've created. I am a down-to-earth soul wandering through this world, taking a piece of my heart and placing it into everything I touch. My mission is to achieve great things, while bringing good vibes along the way. I've been faced with many challenging trials, but with persistence and will-power, I continue to push myself to reach the ultimate goal of happiness for myself and all of the amazing people in my life.

Survey Form

My first attempt at a survey form, so of course I made it about video games, being the dedicated gamer that I am. This coding project was created on codepen.io

Card Hover Effect Dedicated to Lawana Lopez

I dedicated this project to a special friend I got the opportunity to create a bond with when I visited Alaska back in 2017. It's a card hover effect, meaning when you hover your cursor over the image, another picture will appear.

Before & After Tribute Pages

These two projects show a before and after tribute page I created for two of my favorite artists.

Survey Form

Before receiving my Responsive Web Design Certificate, I had to create a survey form using HTML5 and CSS. What you see here is my first attempt at this project. I chose to do a survey form on Favorite Video Game Character. This subject speaks to me personally because I love video games. I found it interesting to receive statistics on the general public's opinion about which video game character is there favorite. To view this project on codepen.io check out this link: https://codepen.io/Cloud_999/pen/dyzQdpy

Card Hover Effect

This project was a personal project I created in dedication to Lawana Lopez, a dear friend of mine. I met Lawana in Alaska, when I went there for a summer job in 2017. Lawana was a motherly figure to all, and always brought good energy wherever she went. This project previews a photo of Lawana without angel wings, and after hovering over her photo, it will reveal her with angel wings. To see this effect in action, visit this link: https://codepen.io/Cloud_999/pen/wvyYVxY

Before & After Tribute Pages

Here you'll compare two tribute pages I created on codepen.io. The page on the left, I created as my first ever coding project. The one on the right, is my second attempt at a tribute page after receiving my Responsive Web Design Certificate. You'll notice the improvement to the right page compared to the left. To check out these two tribute pages, visit these links here: https://codepen.io/Cloud999/pen/ExvWaYY
https://codepen.io/Cloud999/pen/XWzROzr