https://github.com/techlord001/injexlandingpage

Created as part of a competition this is a product landing page with a custom-built lightbox image gallery.
https://github.com/techlord001/injexlandingpage

css css-grid html image-gallery javascript responsive-layout scss

Last synced: 14 days ago
JSON representation

Created as part of a competition this is a product landing page with a custom-built lightbox image gallery.

• Host: GitHub
• URL: https://github.com/techlord001/injexlandingpage
• Owner: techlord001
• Created: 2021-04-29T10:01:01.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-05-10T10:35:18.000Z (over 3 years ago)
• Last Synced: 2024-11-07T05:37:23.279Z (2 months ago)
• Topics: css, css-grid, html, image-gallery, javascript, responsive-layout, scss
• Language: SCSS
• Homepage: https://techlord001.github.io/injexLandingPage
• Size: 1.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# injexLandingPage 🔬

> The Injex A-100 Programmable Syringe Pump by Lerkit is the Programmable Syringe Pump of choice for anyone who's anyone in the Programmable Syringe Pump-ing game 🤘. 

Submitted as part of a competition the client requested a landing page to promote his up-coming product, placing specific caveats for the site including:

 * Being a single page only

 * Use of HTML, CSS and JS exclusively - this meant no use of libraries or frameworks

 * Had to include a contact button

 * Must be responsive to all devices

I decided to design the page using Sass (and by extension Webpack), employing CSS Grid for the layout with various defaults for responsive design. I also took the liberty of creating a working image gallery.

[Check it out here!](https://techlord001.github.io/injexLandingPage/ "Injex Demo Product Landing Page")