My hometown homepage project with html & css

1. The project
The website is an introductory page for the city, divided into three parts: the introduction, the activities that the tourist can carry out, and finally the guide card

See page in web

2. Technologies, languages & tools

languages

1. The project
The website is an introductory page for the city, divided into three parts: the introduction, the activities that the tourist can carry out, and finally the guide card

See page in web

2. Technologies, languages & tools

  • languages
    HTML, CSS

  • tools
    VSCode, Figma Design

3. What I have learned?

  • Html: utility of each tag like div, h1.., img tag and how we can give it a class property or id and refer to it in css.

  • Css: giving a specific design to a class/id or many , flexbox and its properties and its multiple uses, also I used some properties that css provides for example for the image background and i learned how to work with them and to do something nice with them.

  • Figma: the ability to extract information about typography, redlines, colors, measurement and more from designed interfaces.

5. Link to the source code on github

source code

6. A scrim record of a part of coding process

To gain time, please minimize the screen and increase the speed of the scrim in the corner right below!
Coding Scrim

Image description
7. Perspectives

  • Add animations
  • Links to new tabs
  • Hovers
  • Other colors palette
  • A form

Print Share Comment Cite Upload Translate
APA
Mariam ait bella | Sciencx (2024-03-29T14:16:47+00:00) » My hometown homepage project with html & css. Retrieved from https://www.scien.cx/2022/06/22/my-hometown-homepage-project-with-html-css/.
MLA
" » My hometown homepage project with html & css." Mariam ait bella | Sciencx - Wednesday June 22, 2022, https://www.scien.cx/2022/06/22/my-hometown-homepage-project-with-html-css/
HARVARD
Mariam ait bella | Sciencx Wednesday June 22, 2022 » My hometown homepage project with html & css., viewed 2024-03-29T14:16:47+00:00,<https://www.scien.cx/2022/06/22/my-hometown-homepage-project-with-html-css/>
VANCOUVER
Mariam ait bella | Sciencx - » My hometown homepage project with html & css. [Internet]. [Accessed 2024-03-29T14:16:47+00:00]. Available from: https://www.scien.cx/2022/06/22/my-hometown-homepage-project-with-html-css/
CHICAGO
" » My hometown homepage project with html & css." Mariam ait bella | Sciencx - Accessed 2024-03-29T14:16:47+00:00. https://www.scien.cx/2022/06/22/my-hometown-homepage-project-with-html-css/
IEEE
" » My hometown homepage project with html & css." Mariam ait bella | Sciencx [Online]. Available: https://www.scien.cx/2022/06/22/my-hometown-homepage-project-with-html-css/. [Accessed: 2024-03-29T14:16:47+00:00]
rf:citation
» My hometown homepage project with html & css | Mariam ait bella | Sciencx | https://www.scien.cx/2022/06/22/my-hometown-homepage-project-with-html-css/ | 2024-03-29T14:16:47+00:00
https://github.com/addpipe/simple-recorderjs-demo