https://github.com/mdmourao/nike-advertising

Nike Ad - Basic HTML example
https://github.com/mdmourao/nike-advertising

css html5 media-queries svg

Last synced: about 2 months ago
JSON representation

Nike Ad - Basic HTML example

• Host: GitHub
• URL: https://github.com/mdmourao/nike-advertising
• Owner: mdmourao
• Created: 2024-07-15T10:52:56.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-08-23T11:03:03.000Z (5 months ago)
• Last Synced: 2024-08-24T11:39:23.101Z (5 months ago)
• Topics: css, html5, media-queries, svg
• Language: HTML
• Homepage:
• Size: 1.12 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nike Advertising

Basic HTML project

![result](./images/result.png)

## Concepts

1. Basic HTML5 structure

2. Grid 

3. Fonts https://fonts.google.com/?preview.size=43&preview.layout=grid

4. Gradient https://cssgradient.io/

5. SVG

6. Media Queries

7. hover (rotate sneaker image)

![result hover](./images/result_hover.png)

![result mobile](./images/result_mobile.png)

## Refs

https://www.w3docs.com/snippets/html/html5-page-structure.html

https://www.w3docs.com/learn-html/html-basic.html