Sourcinno.com/venture-building.html at main · AyS-0908/Sourcinno.com · 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
<!-- venture-building.html -->
<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Sourcinno - Venture Building</title>
  <link rel="stylesheet" href="style.css" />
</head>

<body class="vb-page">
  <!-- Header -->
  <div id="app-header"></div>

  <!-- Hero -->
  <section class="hero vb-hero" style="background-image:url('pictures/2cvb_hero.png');">
    <h1 data-typewriter data-text="ENTREPRENDRE VOTRE INNOVATION DE CROISSANCE"></h1>
    <p class="subtitle">VENTURE BUILDING</p>
</section>

  <!-- Section 1: Votre besoin -->
  <section class="vb-section">
    <div class="panel grid-2">
      <div class="vb-col">
        <h2 class="vb-title">VOTRE BESOIN</h2>
        <p class="lead"><strong>CRÉER DES RELAIS DE CROISSANCE</strong></p>
        <br>
        <ul class="vb-list big">
          <li>Innover radicalement (usage ou technologie)</li>
          <li>Anti-disrupter votre coeur de métier</li>
        </ul>
      </div>
      <div class="vb-col vb-visual">
        <img src="pictures/vb_matrix_1.avif" alt="Matrice d'Ansoff - Question" loading="lazy">
      </div>
    </div>
  </section>

      <div style="text-align: center; margin-top: 30px; margin-bottom: 30px;">
        <h2 class="secondary-color">💡 <i>ET SI VOUS CRÉIEZ DES STARTUPS EN SYNERGIE AVEC VOS ACTIVITÉS ?</i> 🚀</h2>
      </div>

  <!-- Section 2: Notre réponse -->
  <section class="vb-section">
    <div class="panel grid-2">
      <div class="vb-col">
        <h2 class="vb-title">NOTRE RÉPONSE</h2>
        <p class="lead"><strong>ALLUMER LA FLAMME</strong></p>
        <br>
            <ul class="vb-list big">
              <li>Startups pré-prototypées, à tester sur votre secteur</li>
              <li>Sélection des partenaires créateurs</li>
              <li>Pilotage</li>
            </ul>
        </div>
      <div class="vb-col vb-visual">
        <img src="pictures/vb_matrix_2.avif" alt="Matrice d'Ansoff - Exploration" loading="lazy">
      </div>
    </div>
  </section>
    </div>
  </section>

  <!-- Section 3: Facteurs clés de succès -->
  <section class="vb-section vb-success">
    <div class="panel dark">
      <h2 class="vb-title invert">FACTEURS CLÉS DE SUCCÈS</h2>

      <div class="success-grid three-cols">
        <div class="success-item">
          <span class="icon" aria-hidden="true">
            <!-- mic -->
            <svg viewBox="0 0 24 24" role="img" aria-label="microphone">
              <path d="M12 3a3 3 0 0 1 3 3v5a3 3 0 1 1-6 0V6a3 3 0 0 1 3-3z" />
              <path d="M19 11a7 7 0 0 1-14 0" />
              <path d="M12 18v3m-3 0h6" />
            </svg>
          </span>
          <span>SPONSORING TOP MANAGEMENT</span>
        </div>

        <div class="success-item">
          <span class="icon" aria-hidden="true">
            <!-- diamond -->
            <svg viewBox="0 0 24 24" role="img" aria-label="diamond">
              <path d="M3 9l4-5h10l4 5-9 12L3 9z" />
              <path d="M7 4l5 5 5-5" />
            </svg>
          </span>
          <span>ADHÉSION DE VOS ÉQUIPES</span>
        </div>

        <div class="success-item">
          <span class="icon" aria-hidden="true">
            <!-- chess pawn -->
            <svg viewBox="0 0 24 24" role="img" aria-label="chess-pawn">
              <circle cx="12" cy="7" r="2.5" />
              <path d="M9 12h6m-6 0c-1.5 1-2.5 2.5-2.5 4v2h11v-2c0-1.5-1-3-2.5-4" />
            </svg>
          </span>
          <span>SYNERGIES COEUR DE MÉTIER</span>
        </div>

        <div class="success-item">
          <span class="icon" aria-hidden="true">
            <!-- bulb -->
            <svg viewBox="0 0 24 24" role="img" aria-label="lightbulb">
              <path d="M9 18h6M10 21h4" />
              <path d="M12 3a7 7 0 0 1 4 12c-.6.6-1 1.4-1 2H9c0-.6-.4-1.4-1-2A7 7 0 0 1 12 3z" />
            </svg>
          </span>
          <span><em>OUT OF THE BOX</em> &amp; OCÉAN BLEU</span>
        </div>

        <div class="success-item">
          <span class="icon" aria-hidden="true">
            <!-- diamond outline -->
            <svg viewBox="0 0 24 24" role="img" aria-label="diamond-outline">
              <path d="M12 3l9 9-9 9-9-9 9-9z" />
            </svg>
          </span>
          <span>AGILITÉ ITÉRATIVE &amp; STRUCTURÉE</span>
        </div>

        <div class="success-item">
          <span class="icon" aria-hidden="true">
            <!-- summit -->
            <svg viewBox="0 0 24 24" role="img" aria-label="summit">
              <path d="M3 20l8-14 3 5 2-3 5 12H3z" />
              <path d="M14 11l1-2 2 4" />
            </svg>
          </span>
          <span>MODÈLE ENTREPRENEURIAL</span>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <div id="app-footer"></div>

  <script src="script.js"></script>
</body>

</html>