تفاصيل المشروع

Technologies Used Frontend Technologies - HTML5**: Semantic markup and structure - CSS3**: Advanced styling with Flexbox, Grid, animations, and responsive design - JavaScript (ES6+)**: Client-side interactivity, DOM manipulation, and Firebase integration - Font Awesome 6.0.0**: Icon library for UI elements - Google Fonts**: Inter font family for typography Backend & Database - Firebase Firestore**: Real-time NoSQL database for content management - Firebase Storage**: Cloud storage for images and media files - Firebase Authentication**: User authentication and authorization Project Structure ``` Polytra/ ── Website/ ├── index.html# Main landing page ├── about.html# About company page ├── expertise.html# Services and expertise page ├── team.html# Leadership and team members page ├── contact.html# Contact form and information page ├── login.html# Admin login page ├── admin.html# Admin dashboard ├── styles.css# Main stylesheet ├── admin_styles.css# Admin panel specific styles ├── script.js# Main JavaScript functionality ├── admin_script.js# Admin panel JavaScript └── firebase_config.js # Firebase configuration and services ``` Design System Color Palette - Primary White**: `#` - Clean, professional background - Accent Charcoal**: `#1A1A1A` - Strong headings and text - Secondary Silver**: `#C0C0C0` - Elegant accents and highlights - Light Gray**: `#F5F5F5` - Subtle backgrounds - Medium Gray**: `#` - Supporting text - Dark Gray**: `#` - Body copy Typography - Font Family**: Inter (Google Fonts) - Font Weights**: 300, 400, 500, 600, 700 - Heading Sizes**: H1 (3rem), H2 (2.5rem), H3 (2rem), H4 (1.5rem) - Body Text**: 1rem with 1.6 line-height Layout Components - Responsive Grid**: Mobile-first approach with breakpoints - Flexbox Containers**: Flexible content alignment - Card-based Design**: Consistent component styling - Ghost Buttons**: Transparent buttons with silver borders Firebase Integration Database Collections 1. branding** - Company logo, favicon, and basic info 2. content** - Hero section content and page data 3. team** - Leadership team members with photos 4. partners** - Client/partner companies and logos 5. contactInquiries** - Submitted contact form data

ربط Frontend بـ Backend لموقع خاص بشركة

نقاط الجدية مشروع جاد