https://github.com/0xabdulkhaliq/huddle-landing-page-with-single-introductory-section

Solution for "Huddle Landing Page with Single Introductory Section" Challenge on Frontend Mentor
https://github.com/0xabdulkhaliq/huddle-landing-page-with-single-introductory-section

css3 frontend-mentor frontendmentor-challenge google-fonts html5 prettier tailwindcss yarn

Last synced: 25 days ago
JSON representation

Solution for "Huddle Landing Page with Single Introductory Section" Challenge on Frontend Mentor

• Host: GitHub
• URL: https://github.com/0xabdulkhaliq/huddle-landing-page-with-single-introductory-section
• Owner: 0xabdulkhaliq
• Created: 2023-04-15T16:22:16.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-16T07:24:05.000Z (almost 2 years ago)
• Last Synced: 2024-11-08T11:23:31.546Z (3 months ago)
• Topics: css3, frontend-mentor, frontendmentor-challenge, google-fonts, html5, prettier, tailwindcss, yarn
• Language: HTML
• Homepage: https://0xabdulkhalid.github.io/huddle-landing-page-with-single-introductory-section/
• Size: 108 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  
Huddle Landing Page with Single Introductory Section Solution

  


    Frontend Mentor Challenge

    


    


    View Demo

     · 

    Report Bug

     · 

    Request Feature

  





  

  

    

      


  

  

    

      

  

  

    

  









## **Preview**










## **Links**

- |||

  | :----- | :----- |

  | Solution URL: | [Huddle Single Introductory Section 🎯 [ SEMANTIC HTML - TAILWIND CSS ]](https://www.frontendmentor.io/solutions/huddle-single-introductory-section-semantic-html-tailwind-css-NijZqsJ0kb) |

  | Live Site URL: | [https://0xabdulkhalid.github.io/huddle-landing-page-with-single-introductory-section/](https://0xabdulkhalid.github.io/huddle-landing-page-with-single-introductory-section/) |

  |||




## Pagespeed Insights Score:

- | Scored 99.125% on Pagespeed Insights |

  | :-----: |

  |  |

  |  |

  | Check out [**Pagespeed Insights**](https://pagespeed.web.dev/analysis/https-0xabdulkhalid-github-io-huddle-landing-page-with-single-introductory-section/uksoqtv0ha?form_factor=mobile) to get live score |

  |||




## The challenge

- The challenge is to build out this Huddle Landing Page with Single Introductory Section and get it looking as close to the design as possible.

- Your users should be able to: 

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

  - See hover states for all interactive elements on the page




## **Built With**

 ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)   ![Tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) 




## **Tools Used**

![Google](https://img.shields.io/badge/google-DA4437?style=for-the-badge&logo=google&logoColor=white)   ![GitHub](https://img.shields.io/badge/github-0D1117.svg?style=for-the-badge&logo=github&logoColor=white)   ![Prettier](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E)   ![Yarn](https://img.shields.io/badge/Yarn-2C8EBB?style=for-the-badge&logo=yarn&logoColor=white)   ![Arch](https://img.shields.io/badge/Arch%20Linux-1793D1?logo=arch-linux&logoColor=fff&style=for-the-badge)   ![Visual Studio Code](https://img.shields.io/badge/VS%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white) 




## **Acknowledgment**

* Challenge was provided by [Frontend Mentor](https://www.frontendmentor.io)




## **Let's Connect 👋**