DEV Community

Cover image for My hometown homepage project with html & css
Mariam ait bella
Mariam ait bella

Posted on • Updated on

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
    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.

4. Link to the source code on github

source code

5. A scrim record of a part of coding process

For better experience, please minimize the screen and increase the speed of the scrim in the corner right below!
Coding Scrim

Image description

Discussion (12)

Collapse
atulcodex profile image
Atul Prajapati

Keep it up πŸ‘ you are on the right way πŸ€˜πŸ‘πŸ‘πŸ‘

Collapse
mariamaitbella profile image
Mariam ait bella Author

Oh thank youu!

Collapse
joelbonetr profile image
JoelBonetR

Nice start!
Looking forward to see how the project evolves 😁

Collapse
mariamaitbella profile image
Mariam ait bella Author

Thank you so much!
I'll work hard to make it great! :)

Collapse
bellatrix profile image
Sakshi Jain

keep going!

Collapse
moose_said profile image
Mostafa Said

Cool stuff you got there 🀩

Collapse
ameliawenham profile image
RichestSoft

great job

Collapse
mariamaitbella profile image
Mariam ait bella Author

Thank you!

Collapse
dwimunir profile image
Bebyneon

great action to start become a developer, nice

Collapse
mariamaitbella profile image
Mariam ait bella Author

Thank youu!

Collapse
rx40 profile image
Petrus-Nauyoma

Super proud of you already. Keep going.

Collapse
mariamaitbella profile image
Mariam ait bella Author

Thank youu!