Skip to content

flyjwayur/Integrify-3rdDesignMockup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Introduction

Designing a HTML form with CSS and HTML5 validation, following given example mockup.

Process

It started from brainstroming of an entire layout. It designed for web first and maded to be reponsive to smaller screen with media query.

  • Brainstroming the layout with Grid and Flexbox
  • Creating form with HTML
  • Checking color and adding css style
  • Creating customized radio buttons and checkbox
  • Adding HTML5 validation check
  • Making it responsive
UI in mobile
Personal info in Mobile version
Skill&location in Mobile version
Portfolio info in Mobile version

Demo

design Mockup https://flyjwayur.github.io/Integrify-3rdDesignMockup/