|
5 | 5 | <h1 align="center">Cyrex Studio</h1> |
6 | 6 |
|
7 | 7 | <div align="center"> |
8 | | - <p>Portfolio interactif présentant nos expertises, projets et technologies.</p> |
| 8 | + <p> Cyrex Studio delivers innovative web, software, and security solutions,<br>showcasing expertise through custom projects and modern design.</p> |
9 | 9 | <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/HTML/html3.svg"> |
10 | 10 | <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/CSS/css3.svg"> |
11 | 11 | <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/Javascript/javascript3.svg"> |
12 | 12 | </div> |
13 | 13 |
|
14 | 14 | <br> |
15 | 15 |
|
16 | | -## Table des matières |
| 16 | +## Table of Contents |
17 | 17 |
|
18 | | -- [Comment utiliser Cyrex Studio](#comment-utiliser-cyrex-studio) |
19 | | -- [Fonctionnalités](#fonctionnalités) |
20 | | -- [Démo](#démo) |
21 | | -- [Structure du projet](#structure-du-projet) |
22 | | -- [Contributeurs](#contributeurs) |
| 18 | +- [How to use Cyrex Studio](#how-to-use-cyrex-studio) |
| 19 | +- [Features](#features) |
| 20 | +- [Demo](#demo) |
| 21 | +- [Project Structure](#project-structure) |
| 22 | +- [Contributors](#contributors) |
23 | 23 |
|
24 | | -# Comment utiliser Cyrex Studio |
| 24 | +# How to use Cyrex Studio |
25 | 25 |
|
26 | | -Pour visualiser le site, suivez ces étapes : |
| 26 | +To view the website, follow these steps: |
27 | 27 |
|
28 | | -1. **Cloner le dépôt** |
| 28 | +1. **Clone the repository** |
29 | 29 |
|
30 | 30 | ```bash |
31 | | - git clone https://github.com/LoupesDEV/Cyrex-Studio.git |
| 31 | + git clone https://github.com/CyrexStudio/CyrexStudio.github.io.git |
32 | 32 | ``` |
33 | 33 |
|
34 | | -2. **Lancer un serveur local** (facultatif, mais recommandé) |
| 34 | +2. **Run a local server** (optional, but recommended) |
35 | 35 |
|
36 | | - * Avec **VSCode** : clic droit sur `index.html` → **Open with Live Server**. |
37 | | - * Avec **Python** : |
| 36 | + * With **VSCode**: right-click on `index.html` → **Open with Live Server**. |
| 37 | + * With **Python**: |
38 | 38 |
|
39 | 39 | ```bash |
40 | 40 | python3 -m http.server 8000 |
41 | 41 | ``` |
42 | 42 |
|
43 | | -3. **Accéder au site** |
| 43 | +3. **Access the site** |
44 | 44 |
|
45 | | - Ouvrez [http://localhost:8000](http://localhost:8000) dans votre navigateur. |
| 45 | + Open [http://localhost:8000](http://localhost:8000) in your browser. |
46 | 46 |
|
47 | | -> 💡 *Le projet fonctionne directement en ouvrant `index.html` dans votre navigateur, sans installation supplémentaire.* |
| 47 | +> 💡 *The project also works directly by opening `index.html` in your browser, with no additional installation required.* |
48 | 48 |
|
49 | | -# Fonctionnalités |
| 49 | +# Features |
50 | 50 |
|
51 | | -* **Page d’accueil immersive** 🎨 : Hero avec logo animé et CTA. |
52 | | -* **Expertises** 🛠️ : Présentation des services (Sécurité, Web, Logiciel, Consulting). |
53 | | -* **À propos** 👤 : Infos sur Cyrex Studio, compétences, outils et technologies. |
54 | | -* **Projets** 🚀 : Présentation interactive de BitsDefender, Keyscapes et StreamIt. |
55 | | -* **FAQ interactive** ❓ : Questions/réponses avec ouverture/fermeture animée. |
56 | | -* **Responsive** 📱💻 : Optimisé pour ordinateurs, tablettes et mobiles. |
57 | | -* **Back-to-top button** ⬆️ : Retour rapide en haut de page. |
| 51 | +* **Immersive homepage** 🎨: Hero section with animated logo and CTA. |
| 52 | +* **Expertise** 🛠️: Showcase of services (Security, Web, Software, Consulting). |
| 53 | +* **About** 👤: Information about Cyrex Studio, skills, tools, and technologies. |
| 54 | +* **Projects** 🚀: Interactive presentation of BitsDefender, Keyscapes, and StreamIt. |
| 55 | +* **Interactive FAQ** ❓: Q&A section with animated open/close. |
| 56 | +* **Responsive** 📱💻: Optimized for desktop, tablet, and mobile. |
| 57 | +* **Back-to-top button** ⬆️: Quickly return to the top of the page. |
58 | 58 |
|
59 | | -# Démo |
| 59 | +# Demo |
60 | 60 |
|
61 | | -Une démo en ligne est disponible : |
| 61 | +An online demo is available: |
62 | 62 | 👉 [https://www.cyrex.fr/](https://www.cyrex.fr/) |
63 | 63 |
|
64 | | -# Structure du projet |
| 64 | +# Project Structure |
65 | 65 |
|
66 | 66 | ``` |
67 | 67 | CyrexStudio/ |
68 | | -├── index.html # Page principale |
69 | | -├── style.css # Styles et thèmes Liquid Glass |
70 | | -├── script.js # Logique interactive (FAQ, animations, back-to-top) |
71 | | -├── assets/ # Médias (logos, images, icônes, projets) |
| 68 | +├── index.html # Main page |
| 69 | +├── style.css # Styles and Liquid Glass themes |
| 70 | +├── script.js # Interactive logic (FAQ, animations, back-to-top) |
| 71 | +├── assets/ # Media (logos, images, icons, projects) |
72 | 72 | │ ├── cyrex.png |
73 | | -│ ├── shields/ # Icônes des compétences et outils |
74 | | -│ └── projects/ # Images des projets |
75 | | -└── README.md # Documentation du projet |
| 73 | +│ ├── shields/ # Icons for skills and tools |
| 74 | +│ └── projects/ # Project images |
| 75 | +└── README.md # Project documentation |
76 | 76 | ``` |
77 | 77 |
|
78 | | -# Contributeurs |
| 78 | +# Contributors |
79 | 79 |
|
80 | | -Merci aux personnes et ressources ayant contribué au projet: |
| 80 | +Thanks to the people and resources that contributed to the project: |
81 | 81 |
|
82 | | -- [LoupesDEV](https://github.com/LoupesDEV) — Développement principal, conception et maintenance. |
| 82 | +* [LoupesDEV](https://github.com/LoupesDEV) — Main development, design, and maintenance. |
83 | 83 |
|
84 | | -Vous souhaitez contribuer ? Consultez le [guide de contribution](CONTRIBUTING.md) ou ouvrez une *issue* pour proposer |
85 | | -des améliorations. |
| 84 | +Want to contribute? Check the [contribution guide](CONTRIBUTING.md) or open an *issue* to suggest improvements. |
86 | 85 |
|
87 | 86 | <p align="center"> |
88 | 87 | <img alt="Footer" src="https://i.imgur.com/fnZRNIn.png"> |
89 | 88 | <br><br> |
90 | 89 | <img src="https://ziadoua.github.io/m3-Markdown-Badges/badges/LicenceGPLv3/licencegplv33.svg"> |
91 | | -</p> |
| 90 | +</p> |
0 commit comments