calculator/about.html at main · javaScript-small-projects/calculator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styleAbout.css">
    <title>About</title>
</head>
<body>
    <header>
        <div class="logo">
            <img src="assets/img.png" alt="logo calculator">
            <h1>Kool Calculator</h1>
        </div>
        <nav class="navbar">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <div class="container">
            <p>Étudiant en école d’ingénieur en informatique, je recherche une alternance de
                deux ans en développement web à partir de sept. 2026, avec l’objectif de
                produire rapidement du code utile, résoudre de vrais problèmes et avoir un
                impact concret sur les projets de l’entreprise.</p>
        </div>
        <div class="container">
            <p>J’ai conçu cette calculatrice comme un projet front-end orienté UI et mise en page moderne, afin de consolider mes compétences en CSS, Flexbox et design d’interface.
                Toute la structure repose sur Flexbox : de la navigation (alignement horizontal du header, logo et menu) jusqu’au cœur de l’application, où Flexbox m’a permis d’organiser précisément l’écran, les blocs de touches numériques et les opérateurs. Cette approche m’a aidé à gérer les alignements, les espacements et la hiérarchie visuelle de manière propre et maintenable.
                J’ai également travaillé sur une identité visuelle cohérente, en utilisant des variables CSS pour centraliser les couleurs, améliorer la lisibilité et faciliter les futures évolutions du design. Les boutons, les hover effects et les arrondis participent à une interface simple, moderne et intuitive.
                Ce projet m’a permis de mieux comprendre comment le design et la structure CSS vont de pair, et comment Flexbox peut être utilisé efficacement pour créer des interfaces claires, responsives et agréables à utiliser.</p>
        </div>
    </main>
</body>
</html>