A professional website for LiveLifts - illuminated ski resort trail maps with real-time lift status indicators.
Place your product photos in the images/ directory:
map-main.jpg- Main product imagemap-closeup.jpg- Close-up of LED indicatorsmap-room.jpg- Lifestyle/room shotmap-detail.jpg- Detail of canvas qualitymap-night.jpg- Night view with auto-dim
See images/README.md for detailed specifications.
Place your PDF manual in the files/ directory as livelifts-manual.pdf.
See files/README.md for suggested manual contents.
Update the Square Checkout link in index.html:
- Log into your Square account at https://squareup.com
- Go to Online > Checkout
- Create a new checkout link for your $450 product
- Copy your checkout URL
- Replace the placeholder URL in
index.html(line 150):
<a href="YOUR_SQUARE_CHECKOUT_URL_HERE" class="btn btn-primary btn-large" target="_blank">How to create a Square Checkout link:
- Navigate to Square Dashboard → Online → Checkout
- Click "Create a checkout"
- Add your item details (LiveLifts Map, $450)
- Add item description and any options (resort selection, frame color)
- Copy the generated checkout link
Edit the following in index.html:
- Email address (currently: support@livelifts.com)
- Phone number (currently: +1-555-LIFTS-01)
- Support hours (currently: Mon-Fri, 9am-5pm MT)
- Social media handles (Instagram, Facebook, Twitter)
Open index.html directly in your web browser.
Popular hosting options:
- Netlify (Free): Drag and drop the entire folder at https://app.netlify.com/drop
- Vercel (Free): Connect your Git repository at https://vercel.com
- GitHub Pages (Free): Push to GitHub and enable Pages in settings
- Traditional hosting: Upload via FTP to your web host
- ✅ Responsive design (mobile, tablet, desktop)
- ✅ Modern, professional styling
- ✅ Hero section with call-to-action
- ✅ Product overview with features
- ✅ Photo gallery
- ✅ Square Checkout integration
- ✅ Support section with manual download
- ✅ Contact information
- ✅ FAQ section
- ✅ Smooth navigation
livelifts-website/
├── index.html # Main HTML file
├── styles.css # All CSS styling
├── images/ # Product photos directory
│ └── README.md # Image specifications
├── files/ # Downloadable files
│ └── README.md # Manual specifications
└── README.md # This file
Edit the CSS variables in styles.css (lines 12-19) to change the color scheme:
--primary-color: #2c5f8d; /* Main blue */
--accent-color: #ff6b35; /* Orange CTA buttons */All content can be edited directly in index.html. The structure is clearly labeled with HTML comments.
The site uses system fonts for fast loading. To use custom fonts, add a font service link (like Google Fonts) to the <head> section.
For questions about the website template, refer to standard HTML/CSS documentation. For Square Checkout setup, visit https://squareup.com/help.
This website template is provided as-is for your business use.