https://github.com/tmhsdigital/landing-pages

A collection of landing pages for GitHub Pages
https://github.com/tmhsdigital/landing-pages

Last synced: 2 months ago
JSON representation

A collection of landing pages for GitHub Pages

• Host: GitHub
• URL: https://github.com/tmhsdigital/landing-pages
• Owner: TMHSDigital
• License: mit
• Created: 2024-07-11T04:10:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-13T17:15:12.000Z (over 1 year ago)
• Last Synced: 2025-02-24T06:44:11.889Z (11 months ago)
• Language: HTML
• Homepage: https://tmhsdigital.github.io/landing-pages/
• Size: 93.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Landing Pages for TMHS Digital

[![GitHub release](https://img.shields.io/github/release/TMHSDigital/landing-pages.svg)](https://GitHub.com/TMHSDigital/landing-pages/releases/)

[![GitHub issues](https://img.shields.io/github/issues/TMHSDigital/landing-pages.svg)](https://GitHub.com/TMHSDigital/landing-pages/issues/)

[![GitHub license](https://img.shields.io/github/license/TMHSDigital/landing-pages.svg)](https://github.com/TMHSDigital/landing-pages/blob/main/LICENSE)

[![GitHub stars](https://img.shields.io/github/stars/TMHSDigital/landing-pages.svg?style=social&label=Star)](https://github.com/TMHSDigital/landing-pages)

[![Forks](https://img.shields.io/github/forks/TMHSDigital/landing-pages.svg?style=social&label=Fork)](https://github.com/TMHSDigital/landing-pages/fork)

[![GitHub contributors](https://img.shields.io/github/contributors/TMHSDigital/landing-pages.svg)](https://GitHub.com/TMHSDigital/landing-pages/graphs/contributors/)

This repository contains HTML landing pages designed for TMHS Digital. Each page showcases different design and animation techniques to create engaging and interactive user experiences.

## FutureTech Solutions Landing Page

### Overview

The `future-tech.html` file creates a landing page for FutureTech Solutions. This page is focused on showcasing cutting-edge technology solutions and uses the Three.js library for 3D animations.

### Key Components

- **Header and Navigation**: The page features a fixed header with a logo and navigation links to different sections of the page.

- **Hero Section**: A full-screen hero section with a Three.js animated icosahedron as the background.

- **Three.js Animation**: The icosahedron rotates slowly, providing a dynamic and futuristic visual effect.

### Styling

- **Colors**: The design uses a dark theme with cyan highlights to create a modern, tech-focused aesthetic.

- **Fonts**: The primary font used is Arial, sans-serif for a clean and professional look.

- **Responsiveness**: The layout adjusts for different screen sizes using media queries.

### View the File

You can view the `future-tech.html` file [here](https://github.com/TMHSDigital/landing-pages/blob/55affd8c3190ab467ac7b5681f433d3a6800af5d/future.tech-design/future-tech.html).

## How to Use

1. **Clone the Repository**:

   ```bash

   git clone https://github.com/TMHSDigital/landing-pages.git

   ```

2. **Navigate to the Desired Folder**:

   ```bash

   cd landing-pages/future.tech-design

   ```

3. **Open the HTML File in a Browser**:

   Simply open the `future-tech.html` file in your preferred web browser to view the landing page.

## Technologies Used

- **HTML5**: For structuring the content.

- **CSS3**: For styling the content.

- **Three.js**: For creating 3D animations.

- **JavaScript**: For adding interactivity and animations.

## License

This project is licensed under the MIT License.