Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
June 22, 2022 10:55 am GMT

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

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

Image description
6. Perspectives

  • Add animations
  • Links to new tabs
  • Hovers
  • Other colors palette
  • A form-Making it responsive

Original Link: https://dev.to/mariamaitbella/my-hometown-homepage-project-with-html-css-5gg1

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To