Omega Domains

Omega Domains

A GoDaddy Home Page Clone Built with Astro

Inspired by the design of the GoDaddy website, Omega Domains is a project I undertook to become more familiar with the Astro framework and to also hone my CSS and JavaScript skills

Functionality

  • Responsive Design: The page is optimised for various display sizes, including desktop, tablets, and smartphones.
  • Mega Menus: The navigation menus feature mega menus that slide down and fade in when the corresponding links are clicked.
  • Navigation Hiding: The navigation menus are hidden on scroll to provide a clean and uncluttered user experience.
  • Mobile Navigation: The primary navigation menu slides in from the left of the screen on click, and the secondary navigation menus slide in from the right.
  • Responsive FAQ Accordion: The FAQ section features a fully responsive accordion-style interface.
  • Legal Policies Modal: The legal policies modal prevents page scrolling when active, ensuring a focused user experience.

Tech Stack

  • Astro Framework: The project was built using the Astro static site generator, which allowed you to leverage the power of components and modern web development practices.
  • Google Fonts: The site utilises fonts from the Google Fonts library to ensure a visually appealing typography.
  • Font Awesome: The project incorporates icons from the Font Awesome library to enhance the user interface.
  • Undraw and Adobe Stock: The site’s images are sourced from Undraw and Adobe Stock, providing high-quality visual elements.
  • Adobe Illustrator: The site’s logos were created using Adobe Illustrator, ensuring a polished and consistent branding.

This Omega Domains project showcases my ability to work with the Astro framework and your attention to detail in creating a responsive and feature-rich website inspired by the GoDaddy homepage. The diverse set of technologies and design elements used in this project demonstrate my versatility as a web developer.

Technology Used

Astro

Astro

CSS3

CSS3

HTML5

HTML5

JavaScript

JavaScript