Return to Home Icon

Projects by
Stiven Ojeda

Screenshot of the project.

Project 1

Product preview card component created using HTML & CSS for frontendmentor.io . This is a solution to the Product preview card component challenge on Frontend Mentor.

  • HTML
  • CSS
  • JavaScript
Screenshot of the project.

Project 2

Product preview card component created using HTML & CSS for frontendmentor.io . This is a solution to the Product preview card component challenge on Frontend Mentor.

  • HTML
  • CSS
  • JavaScript
Screenshot of social proof section.

Social Proof Section

This is a solution to the Social proof section challenge on Frontend Mentor. I practiced mi knowledges of CSS and structuring with grid.

  • HTML
  • CSS
Screenshot of FAQ Accordion card.

FAQ Accordion Card

This is a solution to the FAQ accordion card challenge on Frontend Mentor. I practiced the mobile first method. Also, I practice JavaScript on the basics knowledges of DOM.

  • HTML
  • CSS
  • JavaScript
Screenshot of profile card component.

Profile Card Component

This is a solution to the Profile card component challenge on Frontend Mentor. I practiced and improved my CSS skills. Also, I haved problems with the positioning of the profile photo; a great challenge for me.

  • HTML
  • CSS
Screenshot of three column preview card component.

3-Column Preview Card Component

This is a solution to the 3-column preview card component challenge on Frontend Mentor. I practiced my new knowledge about how to design in CSS with mobile first method; it means, i coded first for mobile screen.

  • HTML
  • CSS
Screenshot of stats preview card component.

Stats Preview Card Component

This is a solution to the Stats preview card component challenge on Frontend Mentor. I learned about the use of CSS grid in pages structure. This challenge was very useful because I can practice CSS and the organization with grid and flexbox inside the elements.

  • HTML
  • CSS
Screenshot of order summary component.

Order Summary Component

This is a solution to the Order summary card challenge on Frontend Mentor. I learned and practice mi knowledges about CSS flexbox and grid.

  • HTML
  • CSS
Screenshot of NFT preview card component.

NFT Preview Card Component

This is a solution to the NFT preview card component challenge on Frontend Mentor. I learned a lot about the responsive design in CSS with flexbox. Also, this was a great oportunity to practice my skills.

  • HTML
  • CSS
Screenshot of QR code component.

QR Code Component

This is a solution to the QR code component challenge on Frontend Mentor. I learned a lot about the responsive design in CSS with flexbox. It is important to say that in this project I just do the design without the mobile first method.

  • HTML
  • CSS
Screenshot of interactive rating component.

Interactive Rating Component

Interactive rating component created using HTML, CSS & JavaScript for frontendmentor.io . This is a solution to the Interactive rating component challenge on Frontend Mentor.

  • HTML
  • CSS
  • JavaScript
Screenshot of product preview card component.

Product Preview Card Component

Product preview card component created using HTML & CSS for frontendmentor.io . This is a solution to the Product preview card component challenge on Frontend Mentor.

  • HTML
  • CSS