Go Back to Home
image featured post
HTML & CSS

Have a look at how I created a wireframe template only using HTML5 + CSS3

  • Rui Vergani Neto
  • 28, August, 2022
  • < 1 min read
Search through topics

What is a Web year now, about three months? And when people can browse around, discover new things, and download them fast, when we all have agents – then Web years could slip by before human beings can notice.

Tim Berners-Lee

Introduction

The Wireframe landing page is a really simple project just to practice flexbox, 3 columns layout, and mobile responsive design and I can use for future projects the header or footer design. It was developed in 2019 and definitely I have improved a lot in coding landing pages and new projects.

Structure of the project

This project was developed during the Codeboost course, the main goal was to learn how to use only HTML5 and CSS3 to develop websites without any framework or library. It is considered a very simple template but useful for beginners.

  • Using HTML5, CSS3 and JS
  • Mobile menu navigation

Concepts learned during development

  • Responsive to all screens and sizes
  • Clean Code only using HTML5 and CSS3
  • The design was developed on Figma

Check the resources

🌍 Check the Project online: https://ruivergani.github.io/wireframe-sass/

🌍 HTML5 Documentation: CDN HTML5

🌍 CSS3 Documentation: CSS3

Contact me

Similar Articles

Check similiar articles below 🚀