Isle of Skye Website A simple, elegant, and responsive website showcasing the beauty, culture, and attractions of the Isle of Skye. This project includes an animated homepage and a blog page, featuring structured content with modern CSS styling and transitions.
Features Homepage:
Welcoming header with smooth animations. Interactive navigation links. Highlighted content about Isle of Skye with images and call-to-action links. Social media links with hover effects. Blog Page:
Structured blog content with articles about Isle of Skye attractions. Includes responsive images and external resource links. Proper padding and spacing for enhanced readability. Responsive Design:
Optimized for desktop and mobile viewing. Modern CSS techniques like box shadows, border-radius, and gradients for aesthetics. root/ │ ├── index.html # Main homepage ├── blog.html # Blog page ├── styles.css # Main CSS file for styling ├── isle_of_skye # Folder for images ├── facebook.png ├── twitter-x.png ├── instagram.png ├── fairy_pools.jpg ├── old_man_of_storr.jpg |--- Eilean-Donan-Castle-Isle-of-Skye.jpg ├── README.md # Documentation file
Setup and Deployment Prerequisites A code editor (e.g., VS Code). A version control system (Git). A Netlify account (or any hosting platform). Local Development Clone the repository:
bash Copy code git clone https://github.com/yourusername/isle-of-skye-website.git cd isle-of-skye-website Open index.html in your browser to view the site locally.