A little excercise for my MISIONTIC 2022 53435Course Classmates
A first Challenge for my classmates into MISIONTIC2022
This is a first challenge for my classmates into MISIONTIC2022 53435 Course:
-The site demo it's here
- what are you going to learn and improved?
- Semantic HTML5
- Artesanal CSS
- [HTML5 & CSS3]
- Deployed with Netlify
This application/site was created as a Practice challenge for my classmates.
-
HTML:
- use the 3 main semantic TAGS (header, main, footer) to organize your html code
- use good coding practice
- the image can be dinamic extract an src from placeimg
- you can put the text inside the inputs with the placeholder="your text" attribute inside the tag
- the copyright symbol can put with: © code
- try to use: ids and clases to improve your styles use
-
CSS:
- The font family for all document are: Helvetica, Arial, sans-serif
- The header color are cornflowerblue
- The header have a little padding (you can use 5px or near)
- For see the "li"s like a button and vertical: remeber use boder, border radius,paddings, background-color, diplay:inline for see horizontal (without flexbox)
- remember the use of :hover pseudoclass for the buttons and anchor effects
- the image are putting into a semantic tag (remember figure)
- for align texts remeber the use of "text-align" CSS Property
- there are a list of original colors: cornflowerblue ,white ,lightblue ,darkslateblue ,lightgray ,teal ,lightslategray ,dodgerblue ,bisque . "but feel free to use your own palette"