Skip to content

Créer la nouvelle page d'accueil de Yunbaoo CN #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
cursor wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Créer la nouvelle page d'accueil de Yunbaoo CN #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 100 additions & 0 deletions .htaccess
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
# Yunbaoo CN - Configuration Apache
# Optimisation des performances et sécurité

# Compression GZIP
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/json
AddOutputFilterByType DEFLATE font/truetype
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>

# Cache des fichiers statiques
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType font/woff "access plus 1 year"
ExpiresByType font/woff2 "access plus 1 year"
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType font/eot "access plus 1 year"
ExpiresByType text/html "access plus 1 hour"
</IfModule>

# Headers de cache
<IfModule mod_headers.c>
# Cache CSS et JS
<filesMatch "\\.(css|js)$">
Header set Cache-Control "max-age=31536000, public, immutable"
</filesMatch>

# Cache images
<filesMatch "\\.(png|jpg|jpeg|gif|svg|webp)$">
Header set Cache-Control "max-age=31536000, public, immutable"
</filesMatch>

# Cache fonts
<filesMatch "\\.(woff|woff2|ttf|eot)$">
Header set Cache-Control "max-age=31536000, public, immutable"
</filesMatch>

# Sécurité
Header always set X-Content-Type-Options nosniff
Header always set X-Frame-Options DENY
Header always set X-XSS-Protection "1; mode=block"
Header always set Referrer-Policy "strict-origin-when-cross-origin"
Header always set Permissions-Policy "camera=(), microphone=(), geolocation=()"
</IfModule>

# Redirection HTTPS (si SSL disponible)
<IfModule mod_rewrite.c>
RewriteEngine On

# Forcer HTTPS
# RewriteCond %{HTTPS} !=on
# RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

# Redirection vers index.html pour SPA
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.html [QSA,L]
</IfModule>

# Types MIME
AddType application/font-woff2 .woff2
AddType application/font-woff .woff
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf

# Bloquer l'accès aux fichiers sensibles
<Files ".htaccess">
Order Allow,Deny
Deny from all
</Files>

<Files "*.log">
Order Allow,Deny
Deny from all
</Files>

# Désactiver l'affichage des répertoires
Options -Indexes

# Page d'erreur personnalisée
ErrorDocument 404 /index.html
124 changes: 109 additions & 15 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,119 @@
<h2 align="left">HELIOS PROJECT - SPEEDOMETER </h2>
# Yunbaoo CN - Site Web Officiel

###
Une page d'accueil moderne et exceptionnelle pour Yunbaoo CN, votre partenaire digital pour conquérir le marché chinois.

<div align="center">
<img src="https://github-readme-stats.vercel.app/api?username=Mah0o&hide_title=false&hide_rank=false&show_icons=true&include_all_commits=true&count_private=true&disable_animations=false&theme=merko&locale=fr&hide_border=false&custom_title=Helios%20Project%20Stats" height="150" alt="stats graph" />
<img src="https://github-readme-stats.vercel.app/api/top-langs?username=Mah0o&locale=fr&hide_title=false&layout=compact&card_width=320&langs_count=5&theme=merko&hide_border=false" height="150" alt="languages graph" />
</div>
## 🌟 Caractéristiques

###
### Design & UX
- **Design moderne et élégant** avec animations fluides
- **Interface responsive** optimisée pour tous les appareils
- **Expérience utilisateur premium** avec micro-interactions
- **Performances optimisées** pour un chargement rapide

<div align="left">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg" height="30" alt="cplusplus logo" />
<img width="12" />
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/arduino/arduino-original.svg" height="30" alt="arduino logo" />
</div>
### Fonctionnalités Avancées
- **Navigation intelligente** avec scroll effects
- **Animations CSS et JavaScript** sophistiquées
- **Graphiques interactifs** avec Chart.js
- **Formulaire de contact** avec validation en temps réel
- **Système de notifications** élégant
- **Effets de parallaxe** et particules flottantes

###
### Sections Principales
1. **Hero Section** - Présentation impactante avec statistiques
2. **Services** - Nos expertises digitales
3. **Solutions** - Avantages concurrentiels interactifs
4. **Cas d'Études** - Histoires de réussite clients
5. **Contact** - Formulaire professionnel

<img align="right" height="154" src="https://i.ibb.co/vcxrnX4/Screenshot-2.png"/>
## 🚀 Technologies Utilisées

###
- **HTML5** - Structure sémantique moderne
- **CSS3** - Styles avancés avec variables CSS
- **JavaScript ES6+** - Interactions dynamiques
- **Chart.js** - Graphiques interactifs
- **Font Awesome** - Icônes vectorielles
- **Google Fonts** - Typographie premium (Inter)

## 📱 Responsive Design

Le site est entièrement responsive et optimisé pour :
- 💻 Desktop (1200px+)
- 📱 Tablet (768px - 1199px)
- 📱 Mobile (320px - 767px)

## ⚡ Performances

- **Lazy Loading** pour les images
- **Optimisation des animations** avec Intersection Observer
- **Gestion des événements** optimisée
- **Code modulaire** et maintenable

## 🎨 Palette de Couleurs

```css
Primary: #2563eb (Bleu)
Secondary: #7c3aed (Violet)
Accent: #f59e0b (Orange)
Success: #10b981 (Vert)
```

## 📦 Structure des Fichiers

```
├── index.html # Page principale
├── styles.css # Styles CSS
├── script.js # JavaScript
└── README.md # Documentation
```

## 🛠️ Installation & Utilisation

1. **Cloner ou télécharger** les fichiers
2. **Ouvrir index.html** dans un navigateur moderne
3. **Personnaliser** le contenu selon vos besoins

### Développement Local

Pour un développement optimal, utilisez un serveur local :

```bash
# Avec Python
python -m http.server 8000

# Avec Node.js (http-server)
npx http-server

# Avec PHP
php -S localhost:8000
```

## 🎯 Optimisations SEO

- **Meta tags** optimisés
- **Structure HTML** sémantique
- **Performance** optimisée
- **Accessibilité** respectée

## 📧 Contact & Support

Pour toute question ou support technique :
- **Email** : info@yunbaoo-cn.com
- **Téléphone** : +86 755 8696 7625

## 🔄 Mises à Jour

Le site est conçu pour être facilement maintenable :
- Code modulaire et commenté
- CSS organisé avec variables
- JavaScript avec fonctions réutilisables

## 📄 Licence

© 2024 Yunbaoo CN. Tous droits réservés.

---

**Développé avec ❤️ pour Yunbaoo CN**



Loading