devtips/credits.html at main · Syloww/devtips · 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crédits - DEVTIPS</title>
    <meta name="description" content="Crédits et remerciements pour DEVTIPS. Découvrez les ressources et outils utilisés pour créer cette plateforme d'apprentissage.">
    <meta name="keywords" content="crédits, remerciements, ressources, outils, devtips">
    <meta name="robots" content="index, follow">
    <meta name="author" content="GLENAC Salim">
    <meta name="language" content="fr">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="styles/index.css">
    <link rel="stylesheet" media="screen and (max-width: 680px)" href="styles/mobile.css">
</head>
<body>
    <header class="main-header">
        <div class="container">
            <a href="index.html" class="logo">DEVTIPS</a>
            <nav class="nav-menu">
                <a href="index.html">Accueil</a>
                <a href="cours.html">Cours</a>
                <a href="inspiration.html">Inspiration</a>
                <a href="librairie.html">Librairies</a>
                <a href="blog.html">Blog</a>
                <a href="credits.html" class="active">Crédits</a>
            </nav>
            <button class="menu-toggle" aria-label="Toggle menu">
                <i class="fas fa-bars"></i>
            </button>
        </div>
    </header>

    <main>
        <section class="page-header">
            <div class="container header-content">
                <h1>Crédits & <span>Remerciements</span></h1>
                <p>Découvrez les ressources et outils utilisés pour créer DEVTIPS.</p>
            </div>
        </section>

        <section class="credits-section">
            <div class="container">
                <div class="credits-grid">
                    <div class="credit-card">
                        <div class="credit-icon">
                            <i class="fab fa-font-awesome"></i>
                        </div>
                        <h3>Font Awesome</h3>
                        <p>Icônes vectorielles utilisées dans toute l'interface utilisateur.</p>
                        <a href="https://fontawesome.com" target="_blank" class="btn btn-outline">Visiter le site</a>
                    </div>

                    <div class="credit-card">
                        <div class="credit-icon">
                            <i class="fab fa-google"></i>
                        </div>
                        <h3>Google Fonts</h3>
                        <p>Police Inter utilisée pour la typographie du site.</p>
                        <a href="https://fonts.google.com" target="_blank" class="btn btn-outline">Visiter le site</a>
                    </div>

                    <div class="credit-card">
                        <div class="credit-icon">
                            <i class="fas fa-palette"></i>
                        </div>
                        <h3>Design System</h3>
                        <p>Système de design personnalisé inspiré des meilleures pratiques modernes.</p>
                        <span class="credit-badge">Personnalisé</span>
                    </div>

                    <div class="credit-card">
                        <div class="credit-icon">
                            <i class="fas fa-code"></i>
                        </div>
                        <h3>Code Examples</h3>
                        <p>Exemples de code basés sur la documentation officielle des technologies.</p>
                        <span class="credit-badge">Documentation</span>
                    </div>

                    <div class="credit-card">
                        <div class="credit-icon">
                            <i class="fas fa-images"></i>
                        </div>
                        <h3>Images</h3>
                        <p>Images placeholder générées dynamiquement pour les exemples.</p>
                        <span class="credit-badge">Placeholder</span>
                    </div>

                    <div class="credit-card">
                        <div class="credit-icon">
                            <i class="fas fa-heart"></i>
                        </div>
                        <h3>Communauté</h3>
                        <p>Inspiré par la communauté open source et les développeurs du monde entier.</p>
                        <span class="credit-badge">Communauté</span>
                    </div>
                </div>

                <div class="credits-info">
                    <h2>À propos de DEVTIPS</h2>
                    <p>DEVTIPS est une plateforme d'apprentissage du développement web créée avec passion pour partager des connaissances et aider les développeurs à progresser dans leur carrière.</p>

                    <h3>Technologies utilisées</h3>
                    <ul class="tech-list">
                        <li><i class="fab fa-html5"></i> HTML5</li>
                        <li><i class="fab fa-css3-alt"></i> CSS3</li>
                        <li><i class="fab fa-js"></i> JavaScript ES6+</li>
                        <li><i class="fas fa-mobile-alt"></i> Design Responsive</li>
                        <li><i class="fas fa-palette"></i> CSS Grid & Flexbox</li>
                        <li><i class="fas fa-rocket"></i> Performance Optimisée</li>
                    </ul>

                    <h3>Contact</h3>
                    <p>Pour toute question ou suggestion concernant DEVTIPS, n'hésitez pas à nous contacter :</p>
                    <div class="contact-info">
                        <p><i class="fas fa-envelope"></i> contact@devtips.com</p>
                        <p><i class="fas fa-globe"></i> www.devtips.com</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="cta-section">
            <div class="container cta-content">
                <h2>Rejoignez la communauté DEVTIPS</h2>
                <p>Partagez vos projets, posez vos questions et apprenez ensemble.</p>
                <a href="mailto:community@devtips.com" class="btn btn-primary">Rejoindre la communauté <i class="fas fa-users"></i></a>
            </div>
        </section>
    </main>

    <footer class="main-footer">
        <div class="container">
            <p>&copy; 2024 DEVTIPS. Tous droits réservés.</p>
            <nav class="footer-nav">
                <a href="privacy.html">Politique de confidentialité</a>
                <a href="legal.html">Mentions légales</a>
            </nav>
        </div>
    </footer>

    <div id="notification" class="notification">
        Mise à jour de notre <br><b>politique de confidentialité</b> !
    </div>

    <script src="js/menu.js"></script>
    <script src="js/notif.js"></script>
</body>
</html>