https://github.com/benjoquilario/d-arch-landing-page

Responsive landing page website built using ReactJS and styled-components
https://github.com/benjoquilario/d-arch-landing-page

css react styled-components

Last synced: about 2 months ago
JSON representation

Responsive landing page website built using ReactJS and styled-components

• Host: GitHub
• URL: https://github.com/benjoquilario/d-arch-landing-page
• Owner: benjoquilario
• Created: 2022-02-05T11:34:03.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-02-08T11:04:13.000Z (almost 3 years ago)
• Last Synced: 2024-10-17T06:57:07.362Z (2 months ago)
• Topics: css, react, styled-components
• Language: JavaScript
• Homepage: https://d-arch.netlify.app/
• Size: 2.67 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# D-ARCH - Landing page

### The Website

Users should be able to:

-  View the optimal layout for the site depending on their device's screen size

-  See hover states for all interactive elements on the page

### Screenshot

![](./screenshot.png)

### Links

-  Solution URL: [Source Code](https://github.com/benjoquilario/D-Arch-Landing-Page)

-  Live Site URL: [Live Site](https://d-arch-benjo.netlify.app)

## My process

### Built with

-  Semantic HTML5 markup

-  BEM methodology

-  React JS

-  JSX

-  Styled-components

-  CSS 3

-  Flexbox

-  CSS Grid

-  Mobile-first workflow

-  [React](https://reactjs.org/) - JS library

-  [Style-Components](https://styled-components.com/) - Style-components

## Author

-  Twitter - [@iam_benjo](https://www.twitter.com/iam_benjo)