CREATION AND DESIGN OF A REGISRATION FORM (part-1)

Welcome!

Thank you for checking this work.

##ABOUT THIS WORK: This work is more about practising the structure of html(Hyper-text mark-up language) and css(Cascading style sheet). By making these forms i practised basic semantic elements and most importantly the basic structure, design, and layout of a form. Also entered inside of css, touched some animations(animated buttons, e..t.c). Really learnt a lot.

pictures of my work

##process##
THIS FILE IS FOR PRACTISE OF BASIC HTML

     OVERVIEW(/.html/)
     - PRACTISED BUILDING WITH SEMANTIC ELEMENTS WHICH ADD A SPECIAL OR ADDITIONAL MEANING TO OUR WEBSITE.
     - THE USE OF LINK TAGS AND PRACTICING LINKING OF MY SCRIPTS(Both java-script and cascading style-sheet)

      OVERVIEW(/.css/)
     - PRACTISE DESIGNING OF FORMS, WITH STYLED PLACEHOLDER, BUTTONS, AND HOVER-EFFECTS.
     - PRACTISE HOW TO USE THE LINEHEIGHT AND BASIC ADJUSTMENT OF WIDHT AND SIZES.
     - THE STYLING OF LINK TAGS, AND FONT-FAMILY.
     - PRACTISE ON HOW TO USE FRONT SIZE TO ENSURE BEAUTIFUL AND MEANINGFUL LAYOUT OF WEBSITE.

##DIFFERENT SIZES##

Built with

  -HTML(Hypertext Mark-up Language)
  -CSS(Cascading Styles Sheet)

My Challanges and lessons

Learnt how to design forms, equal the box width with the placeholders and entire layoutand strucure of a form(LOGIN IN THIS CASE.)

Installations

-For those Farmiliar with Git-hub you can clone the repo and pull to your local workplace to view.

-For those who ant to view you can download the first file from here [https://jmp.sh/eM7zZu2], to view Thank you once again.

-For those who ant to view you can download the second file from here [https://jmp.sh/rFQ1IuQ], to view Thank you once again.

Let's chill

How do you see the work..; Hope you like it. Let's continue reading...

Best syntax Used

HTML (<p></p> tags) and the (<a></a> tags). the Paragraph and link tags.

Best Style Used

CSS ((border)box-sizing) and ('padding'). padding and border(border)box-sizing; which were both for the spacing around the form, to eat up any remaining space(from padding spaces) to take to the width of the container.As usual you know padding is the space in the container.

Resources that helped

-For the Colors[https://coolors.co/palettes/trending/blue].

-For the icons[https://fontawesome.com/v5.15/icons/instagram?style=brands].

Licsense

This work is under [MIT] liscence. It's highly free and open-source to anyone.

chukwuma5/My-Forms