Loopstudios Landing Page

Welcome! 👋

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Explore the future of gaming with Loopstudios Landing Page!

This webpage presents:-

• The optimal layout for the site depending on the user's device screen size ensuring a seamless experience across different devices.
• Users can also interact with hover states for all elements on the page, enhancing engagement and providing a preview of interactive elements.

Screenshot

Links

• Solution URL: GitHub Repository
• Live Site URL: Live Site

My process

Built with

• HTML5
• CSS3
• JavaScript

You will find all the required assets in the /design folder. The assets are already optimized.

There is also a style-guide.md file containing the information you'll need, such as color palette and fonts.

What I learned

Through this project I got to learn about applications of a variety of concepts as I had read about them but never tried them in an real time application until now as shown below in given code snippet-

.container1 header nav ul li{
    list-style: none;
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.container1 header nav ul li:after{
    width: 0s;
    height: 2px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    background: #fff;
    transform: translateX(-50%);   
    transition: 1.5s;
}

.container1 header nav ul li:hover:after{
    width: 40%;
}

Continued development

• Outline areas for future development or learning

Useful resources

• List helpful resources used in the project

Author

• Sarthak Sachdev
• Portfolio Website: itsmesarthak.netlify.app
• Twitter: @sarthak_sach69

Acknowledgments

• Mention any acknowledgments or credits for resources used in the project

Got feedback for me?

I love receiving feedback! I'm always looking to improve my challenges and my platform. So if you have anything you'd like to mention, please email me at saarsaach[at]gmail[dot]com.

If you found this project helpful, consider sharing it with others to gather more valuable feedback!

Happy coding! 🚀💻