NCStudio/index.html at main · devffin/NCStudio · 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
<!doctype html>
<html lang="fr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>NC Studio | Portfolio services</title>
  <meta name="description" content="NC Studio propose videos, graphisme, audio, Roblox et serveurs Discord. Commande via Discord." />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Rajdhani:wght@400;600;700&display=swap" rel="stylesheet" />
  <link rel="icon" type="image/svg+xml" href="favicon.svg?v=4" />
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <header class="site-header">
    <a class="brand" href="index.html">NC STUDIO</a>
    <button class="menu-toggle" aria-expanded="false" aria-controls="site-nav">Menu</button>
    <nav id="site-nav" class="site-nav">
      <a href="index.html" class="active">Accueil</a>
      <a href="videos.html">Videos</a>
      <a href="graphisme.html">Graphisme</a>
      <a href="audio.html">Audio</a>
      <a href="jeux.html">Roblox</a>
      <a href="serveurs.html">Discord</a>
      <a href="contact.html">Commander</a>
    </nav>
  </header>

  <main>
    <section class="hero">
      <p class="eyebrow">Studio creatif</p>
      <h1>Nos categories de services</h1>
      <p>
        NC Studio travaille sur 5 categories: videos, graphisme, montage audio,
        developpement Roblox et creation de serveurs Discord.
      </p>
      <div class="cta-row">
        <a class="btn btn-primary" href="https://discord.gg/3ukNzVD94q" target="_blank" rel="noopener noreferrer">Commander sur Discord</a>
        <a class="btn btn-secondary" href="videos.html">Voir les tarifs video</a>
      </div>
    </section>

    <section class="services-grid">
      <article class="card">
        <h2>Videos</h2>
        <p>Types de formats et tarifs disponibles sur la page Videos.</p>
      </article>
      <article class="card">
        <h2>Graphisme</h2>
        <p>Logos, miniatures, overlays et assets de marque.</p>
      </article>
      <article class="card">
        <h2>Audio</h2>
        <p>Nettoyage voix, mix et mastering de contenus.</p>
      </article>
      <article class="card">
        <h2>Roblox</h2>
        <p>Prototype, production et mise a jour de jeux.</p>
      </article>
      <article class="card">
        <h2>Discord</h2>
        <p>Structure, roles, permissions et automatisations.</p>
      </article>
    </section>
  </main>

  <footer class="site-footer"><p>© 2026 NC Studio - Site fait par LSE</p></footer>
  <script src="script.js"></script>
</body>
</html>