Coldplay Official Website 🎵

Επίσημη ιστοσελίδα αφιερωμένη στο συγκρότημα Coldplay, δημιουργημένη με HTML και CSS.

📋 Περιεχόμενο

Η ιστοσελίδα αποτελείται από 5 κύριες σελίδες:

1. Αρχική Σελίδα (arxiki.html)

• Καλωσόρισμα και εισαγωγή στο συγκρότημα
• Φωτογραφίες του συγκροτήματος σε αρμονική διάταξη
• Embedded YouTube videos με τα μεγαλύτερα hits
• Στατιστικά: Βραβεία, Απήχηση, Συνεργασίες

2. Μέλη (members.html)

• Πληροφορίες για τα 4 μέλη του συγκροτήματος:
  • Chris Martin (Τραγουδιστής)
  • Guy Berryman (Μπασίστας)
  • Will Champion (Ντράμερ)
  • Jonny Buckland (Κιθαρίστας)
• Ιστορία δημιουργίας του συγκροτήματος
• Links στις Wikipedia σελίδες κάθε μέλους

3. Δισκογραφία (disk.html)

• Χρονολογική παρουσίαση όλων των albums:
  • Parachutes (2000)
  • A Rush of Blood to the Head (2002)
  • X&Y (2005)
  • Viva la Vida (2008)
  • Mylo Xyloto (2011)
  • Ghost Stories (2014)
  • A Head Full of Dreams (2015)
  • Everyday Life (2019)
• Πωλήσεις και Charts
• Link για αγορά albums

4. Συναυλίες (gigs.html)

• Πλήρης πίνακας προσεχών συναυλιών
• Ημερομηνίες, τοποθεσίες και διαθεσιμότητα εισιτηρίων
• Official setlist της περιοδείας
• Link για αγορά εισιτηρίων

5. Επίσημο Κατάστημα (merch.html)

• Επίσημα merchandise προϊόντα:
  • T-Shirts
  • Hoodies
  • Accessories (Caps, Scarves, Gloves)
  • Pants
• Links προς το επίσημο κατάστημα της Coldplay

🎨 Χαρακτηριστικά Design

Modern UI/UX

• Responsive Design: Προσαρμόζεται σε όλες τις οθόνες (desktop, tablet, mobile)
• Glassmorphism: Σύγχρονα semi-transparent elements με backdrop blur
• Smooth Animations: Transitions και hover effects σε όλα τα στοιχεία
• Card-based Layout: Μοντέρνα card design για galleries

Χρωματική Παλέτα

• Κύρια χρώματα: Μωβ/Ροζ (#ff6ec7, #da2da6, #9637ad)
• Background: Σκούρο μπλε (#1a0a2e) με artwork texture
• Accent χρώματα: Cyan (#00eeff) για links

Τεχνολογίες

• CSS Grid & Flexbox: Για σύγχρονα layouts
• CSS Transitions: Για smooth animations
• Sticky Navigation: Navigation bar που παραμένει στην κορυφή
• Custom Typography: Προσεκτικά επιλεγμένες font families και sizes

📁 Δομή Project

Website-for-coldplay-HTML-CSS-/
│
├── arxiki.html              # Αρχική σελίδα
├── members.html             # Σελίδα μελών
├── disk.html                # Δισκογραφία
├── gigs.html                # Συναυλίες
├── merch.html               # Κατάστημα
│
├── css/
│   └── styl.css            # Κεντρικό stylesheet
│
├── images/                  # Όλες οι εικόνες
│   ├── logo.jpg
│   ├── pic1.jpg, pic2.jpg, pic3.jpg
│   ├── [member photos]
│   ├── [album covers]
│   ├── [merchandise images]
│   └── artwork3.jpg        # Background texture
│
└── README.md               # Αυτό το αρχείο

🚀 Χρήση

1. Clone το repository:

git clone https://github.com/[username]/Website-for-coldplay-HTML-CSS-.git

2. Άνοιξε το arxiki.html στον browser σου

3. Navigate μέσω του menu για να δεις όλες τις σελίδες

✨ Features

• ✅ Πλήρως responsive design
• ✅ Modern CSS3 animations
• ✅ Semantic HTML5
• ✅ Accessible με proper alt tags
• ✅ Cross-browser compatible
• ✅ Fast loading με optimized images
• ✅ SEO-friendly structure

📱 Browser Support

• Chrome/Edge (latest)
• Firefox (latest)
• Safari (latest)
• Opera (latest)

🎯 Design Principles

1. User Experience: Εύκολη navigation και καθαρή διάταξη
2. Visual Hierarchy: Ξεκάθαρη ιεραρχία πληροφοριών
3. Consistency: Ομοιόμορφο στυλ σε όλες τις σελίδες
4. Accessibility: Readable fonts και καλή αντίθεση χρωμάτων
5. Performance: Γρήγορο loading χωρίς περιττά resources

👥 Δημιουργοί

Τσίντζος Ιωάννης, Μητσανάς Κωνσταντίνος 1ο Έτος: 2020 AUEB University Project

📝 License

Parlophone Records Limited UK

🔗 Links

• Coldplay Official Website
• Coldplay YouTube
• Coldplay Store

---

Made with ❤️ for Coldplay fans worldwide 🌍