-
Notifications
You must be signed in to change notification settings - Fork 0
/
success-stories.html
155 lines (133 loc) · 8.64 KB
/
success-stories.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<link rel="shortcut icon" href="Assets/logocon-full.png" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="Assets/logocon-full.png">
<link rel="icon" type="image/png" sizes="32x32" href="Assets/logocon-full.png">
<link rel="icon" type="image/png" sizes="16x16" href="Assets/logocon-full.png">
<link rel="canonical" href="https://www.i-startup.tn/">
<meta name="title" content="I-StartUp | From Idea to Success" />
<meta name="description" content="I-StartUp, Thank you for considering I-StartUp as your partner in success." />
<meta name="keywords" content="startup, MVP, business mentorship, IT team, Tunisia, entrepreneurs">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.i-startup.tn/" />
<meta property="og:title" content="I-StartUp | From Idea to Success" />
<meta property="og:description" content="I-StartUp, Thank you for considering I-StartUp as your partner in success." />
<meta property="og:image" content="Assets/meta.png" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.i-startup.tn/" />
<meta name="twitter:title" content="I-StartUp | From Idea to Success" />
<meta name="twitter:description" content="I-StartUp, Thank you for considering I-StartUp as your partner in success." />
<meta name="twitter:image" content="Assets/meta.png" />
<title>Success Stories | I-StartUp</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/animate.js/1.0.0/animate.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
<link rel="stylesheet" href="styles/main.css">
</head>
<body >
<header class="w-full py-2 bg-white shadow-md fixed top-0 z-10">
<nav class="navbar navbar-expand-lg navbar-light container mx-auto flex justify-between items-center px-6">
<!-- Brand Logo -->
<a class="navbar-brand animate__animated animate__fadeInDown" href="index.html"><img src="Assets/logoname.png" width="98px" alt=""></a>
<!-- Hamburger Menu Button for Mobile -->
<button class="navbar-toggler nav-toggle text-gray-700 lg:hidden" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
<!-- Navigation Links -->
<div class="collapse navbar-collapse lg:flex lg:space-x-6" id="navbarNav">
<ul class="navbar-nav ms-auto lg:flex space-x-6">
<li class="nav-item">
<a class="nav-link text-gray-700 hover:text-indigo-600" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-gray-700 hover:text-indigo-600" href="programs.html">Programs</a>
</li>
<li class="nav-item">
<a class="nav-link text-gray-700 hover:text-indigo-600" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link text-gray-700 hover:text-indigo-600" href="application.html">Application</a>
</li>
<li class="nav-item">
<a class="nav-link text-gray-700 hover:text-indigo-600" href="success-stories.html">Success Stories</a>
</li>
<li class="nav-item">
<a class="nav-link text-gray-700 hover:text-indigo-600" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Success Stories Section -->
<section id="success-stories" class="py-24 bg-white text-center pt-32">
<div class="container mx-auto px-6">
<h2 class="text-4xl font-bold mb-10 animate__animated animate__fadeInUp">Our Startups' Journey to Success</h2>
<p class="text-lg text-gray-600 mb-10 animate__animated animate__fadeInUp animate__delay-1s">
Explore how we’ve helped startups overcome technical and business challenges.
</p>
<!-- Success Story 1 -->
<div class="bg-gray-100 p-6 mb-12 rounded-lg shadow-md animate__animated animate__fadeInUp">
<div class="flex items-center justify-between mb-6">
<h3 class="text-2xl font-semibold text-indigo-600">LingoLand</h3>
<img src="https://lingo-land.net/1.png" alt="lingo-logo" class="h-12 w-12 rounded-full">
</div>
<p class="text-lg text-gray-600 mb-4"><strong>Challenge:</strong> Lack of technical team.</p>
<p class="text-lg text-gray-600 mb-4"><strong>Solution:</strong> IT support and personal team.</p>
<p class="text-lg text-gray-600 mb-4"><strong>Outcome:</strong> Securing an online presence and distribution.</p>
</div>
<!-- Success Story 2 -->
<div class="bg-gray-100 p-6 mb-12 rounded-lg shadow-md animate__animated animate__fadeInUp animate__delay-1s">
<div class="flex items-center justify-between mb-6">
<h3 class="text-2xl font-semibold text-indigo-600">Startup 2</h3>
<img src="startup2-logo.png" alt="Startup 2 Logo" class="h-12 w-12 rounded-full">
</div>
<p class="text-lg text-gray-600 mb-4"><strong>Challenge:</strong> Struggled with product-market fit.</p>
<p class="text-lg text-gray-600 mb-4"><strong>Solution:</strong> Business Guidance Experience (BGE) and mentorship.</p>
<p class="text-lg text-gray-600 mb-4"><strong>Outcome:</strong> Achieved product-market fit and rapid growth.</p>
</div>
<!-- CTA Button -->
<a href="application.html" class="mt-12 inline-block bg-indigo-600 text-white px-8 py-3 rounded-md text-lg font-semibold hover:bg-indigo-700 animate__animated animate__fadeInUp animate__delay-2s">Join Us</a>
</div>
</section>
<footer class="bg-gray-900 text-gray-400 py-8">
<div class="container mx-auto px-6">
<!-- Logo on top in phone view -->
<div class="flex justify-center mb-4 md:hidden">
<img src="Assets/logocon-full-empty.png" alt="I-StartUp Logo" class="h-18 w-18">
</div>
<div class="flex flex-wrap justify-between items-center">
<!-- Social links -->
<div class="flex space-x-6 mb-4 md:mb-0 text-center px-14">
<a href="https://discord.gg/eETmT344" class="hover:text-white">LinkedIn</a>
<a href="https://discord.gg/eETmT344" class="hover:text-white">Discord</a>
<a href="https://www.instagram.com/i_startup.tn/#" class="hover:text-white">Instagram</a>
</div>
<!-- Emails -->
<center>
<div class="flex space-x-4 mb-4 md:mb-0">
<a href="info.client@i-startup.tn" class="hover:text-white">info.client@i-startup.tn</a>
<a href="contact@i-startup.tn" class="hover:text-white">contact@i-startup.tn</a>
</div>
</center>
<!-- Copyright text at the very bottom -->
<div class="w-full md:w-auto mb-4 md:mb-0">
<p class="text-center md:text-left">© 2024 I-StartUp. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap and Animate.js Scripts -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animate.js/1.0.0/animate.min.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>