taskly/index.html at main · AnthonyVoirol/taskly · 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Taskly</title>
  <meta name="description"
    content="Taskly est un gestionnaire de tâches gratuit et simple. Organisez vos projets, priorisez vos tâches et recevez des notifications intelligentes. Essai gratuit sans carte bancaire." />
  <meta name="keywords"
    content="gestionnaire tâches, todo list, organisation, productivité, gestion projet, to-do list gratuit, planificateur tâches" />
  <meta name="author" content="Taskly" />

  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://taskly.voirol.tech/" />
  <meta property="og:title" content="Taskly - Gestionnaire de Tâches Gratuit" />
  <meta property="og:description"
    content="Organisez vos tâches efficacement avec Taskly. Gratuit, simple et puissant." />
  <meta property="og:image" content="https://taskly.voirol.tech/assets/img/og-image.jpg" />

  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:url" content="https://taskly.voirol.tech/" />
  <meta property="twitter:title" content="Taskly - Gestionnaire de Tâches Gratuit" />
  <meta property="twitter:description" content="Organisez vos tâches efficacement avec Taskly" />
  <meta property="twitter:image" content="https://taskly.voirol.tech/assets/img/twitter-image.jpg" />

  <link rel="canonical" href="https://taskly.voirol.tech/" />
  <link rel="icon" type="image/png" href="assets/img/favicon.png" />
  <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png" />

  <link rel="stylesheet" href="assets/css/landing.css" />

  <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Taskly",
        "applicationCategory": "ProductivityApplication",
        "operatingSystem": "Web",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "EUR"
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.8",
          "ratingCount": "127"
        },
        "description": "Gestionnaire de tâches gratuit pour organiser votre vie professionnelle et personnelle"
      }
    </script>
</head>

<body>
  <header class="navbar-landing">
    <div class="navbar-content">
      <a href="#" class="logo">Taskly</a>
      <nav>
        <ul class="nav-actions">
          <li>
            <a href="public/auth/signIn.php" class="nav-link">Connexion</a>
          </li>
          <li>
            <a href="public/auth/signUp.php" class="nav-button">S'inscrire</a>
          </li>
        </ul>
      </nav>
    </div>
  </header>

  <main>
    <section class="hero-section">
      <div class="hero-content">
        <h1 class="hero-title">Taskly</h1>
        <p class="hero-subtitle">Taskly vous simplifie la vie</p>
        <a href="public/auth/signUp.php" class="cta-button">Essayez maintenant</a>
      </div>
    </section>

    <section class="features-section">
      <div class="features-container">
        <div class="features-grid">
          <div class="feature-card">
            <h2 class="feature-title">Centraliser vos tâches</h2>
            <p class="feature-description">
              Regroupez toutes vos tâches en un seul endroit et gardez le
              contrôle de vos projets
            </p>
          </div>

          <div class="feature-card">
            <h2 class="feature-title">Classer par importance</h2>
            <p class="feature-description">
              Priorisez efficacement vos tâches et concentrez-vous sur
              l'essentiel
            </p>
          </div>

          <div class="feature-card">
            <h2 class="feature-title">Notifications intelligentes</h2>
            <p class="feature-description">
              Ne ratez plus jamais une deadline grâce à nos rappels
              personnalisés
            </p>
          </div>
        </div>
      </div>
    </section>

    <section class="faq-section">
      <h2>Questions fréquentes</h2>

      <details class="faq-item">
        <summary>Taskly est-il vraiment gratuit ?</summary>
        <p>
          Oui, Taskly est 100% gratuit. Vous pouvez créer un nombre illimité
          de tâches, recevoir des notifications et utiliser toutes les
          fonctionnalités sans limitation.
        </p>
      </details>

      <details class="faq-item">
        <summary>Puis-je utiliser Taskly sur mobile ?</summary>
        <p>
          Taskly est une application web responsive qui fonctionne
          parfaitement sur tous les appareils : ordinateur, tablette et
          smartphone. Accédez à vos tâches où que vous soyez.
        </p>
      </details>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <div
        style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;">
        <div style="display:flex;align-items:center;gap:0.75rem;">
          <img src="assets/img/logoAV.jpg" alt="Logo Anthony Voirol"
            style="width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;">
          <div style="text-align:left;">
            <p
              style="font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.5px;color:#94a3b8;margin-bottom:0.2rem;">
              Développé par</p>
            <p style="font-size:0.875rem;font-weight:600;color:#0f172a;margin:0;">Anthony Voirol</p>
            <div style="display:flex;gap:0.5rem;margin-top:0.375rem;">
              <a href="https://github.com/AnthonyVoirol" rel="me noopener noreferrer" target="_blank"
                style="display:inline-flex;align-items:center;gap:0.3rem;padding:0.2rem 0.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:0.375rem;font-size:0.75rem;color:#475569;text-decoration:none;transition:all 0.3s ease;"
                onmouseover="this.style.color='#2563eb';this.style.borderColor='#2563eb'"
                onmouseout="this.style.color='#475569';this.style.borderColor='#e2e8f0'">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                  <path
                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" />
                </svg>
                GitHub
              </a>
              <a href="https://voirol.tech" rel="me noopener noreferrer" target="_blank"
                style="display:inline-flex;align-items:center;gap:0.3rem;padding:0.2rem 0.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:0.375rem;font-size:0.75rem;color:#475569;text-decoration:none;transition:all 0.3s ease;"
                onmouseover="this.style.color='#2563eb';this.style.borderColor='#2563eb'"
                onmouseout="this.style.color='#475569';this.style.borderColor='#e2e8f0'">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                  stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                  <circle cx="12" cy="12" r="10" />
                  <path
                    d="M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z" />
                </svg>
                voirol.tech
              </a>
            </div>
          </div>
        </div>
        <nav aria-label="Navigation du pied de page" class="footer-nav" style="margin:0;align-self:center;">
          <a href="public/termsOfUse.html">Conditions d'utilisation</a>
          <a href="public/privacyPolicy.html">Politique de confidentialité</a>
          <a href="public/contact.html">Contact</a>
        </nav>
      </div>
      <p class="footer-copy" style="padding-top:1rem;border-top:1px solid #e2e8f0;margin:0;text-align:center;">Copyright
        © 2026 Taskly — Tous droits réservés</p>
    </div>
  </footer>
</body>

</html>