https://github.com/angydev/responsive-landing-page

Responsive landing page for desktop and mobile screen
https://github.com/angydev/responsive-landing-page

css fetch-api html javascript responsive-web-design

Last synced: about 2 months ago
JSON representation

Responsive landing page for desktop and mobile screen

• Host: GitHub
• URL: https://github.com/angydev/responsive-landing-page
• Owner: AngyDev
• Created: 2021-03-16T15:39:39.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-03-31T15:39:05.000Z (about 5 years ago)
• Last Synced: 2025-03-15T23:27:19.373Z (over 1 year ago)
• Topics: css, fetch-api, html, javascript, responsive-web-design
• Language: CSS
• Homepage:
• Size: 7.25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Responsive Landing Page

Responsive landing page for desktop and mobile screen

## Table of contents

* [General info](#general-info)

* [Demo & Screenshot](#demo)

* [Technologies](#technologies)

## General info

This is an example of a responsive landing page. The screen sizes used to this exercise are max-width 1440px and a mobile size of 360px. To do this I used media queries and I have split the css file into more files to try to have more reusability of the code and readability. The main points are :

- Learn HTML and CSS

- Learn how to use flexbox position and media query

I created a dynamic slideshow with javascript.

## Demo & Screenshot

If you want to look the site click the [link](https://sportsresponsivelandingpage.netlify.app/)

![Sports Responsive](img/screenshot/sports_responsive_landing_page.JPG "Sports Responsive")

## Technologies

- HTML

- CSS

- Javascript