Skip to content

Commit 92a49d6

Browse files
Add files via upload
0 parents  commit 92a49d6

1 file changed

Lines changed: 162 additions & 0 deletions

File tree

winner .html

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
<!DOCTYPE html>
2+
<html lang="fr">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Winner Mi-Sung Portfolio</title>
6+
<style>
7+
body {
8+
margin: 0;
9+
font-family: 'Poppins', sans-serif;
10+
background-color: #111;
11+
color: #f5f5f5;
12+
}
13+
header {
14+
background: linear-gradient(90deg, #000, #222);
15+
text-align: center;
16+
padding: 60px 20px;
17+
}
18+
header h1 {
19+
color: #4da6ff; /* Bleu moderne */
20+
font-size: 3em;
21+
margin: 0;
22+
}
23+
header p {
24+
font-size: 1.2em;
25+
color: #ddd;
26+
}
27+
nav a {
28+
margin: 0 10px;
29+
color: #4da6ff;
30+
text-decoration: none;
31+
font-weight: bold;
32+
}
33+
section {
34+
padding: 60px 20px;
35+
text-align: center;
36+
}
37+
section h2 {
38+
color: #4da6ff;
39+
margin-bottom: 20px;
40+
}
41+
.projects, .pricing {
42+
display: flex;
43+
justify-content: center;
44+
gap: 20px;
45+
flex-wrap: wrap;
46+
}
47+
.card, .plan {
48+
background: #222;
49+
border: 1px solid #4da6ff;
50+
border-radius: 10px;
51+
padding: 20px;
52+
width: 250px;
53+
transition: transform 0.3s;
54+
}
55+
.card:hover, .plan:hover {
56+
transform: scale(1.05);
57+
}
58+
.plan h3 {
59+
color: #4da6ff;
60+
}
61+
.price {
62+
font-size: 1.3em;
63+
color: #f5f5f5;
64+
margin-top: 10px;
65+
}
66+
.socials a {
67+
margin: 0 15px;
68+
font-size: 1.2em;
69+
color: #4da6ff;
70+
text-decoration: none;
71+
}
72+
footer {
73+
background: #000;
74+
text-align: center;
75+
padding: 20px;
76+
font-size: 0.9em;
77+
color: #aaa;
78+
}
79+
.email {
80+
margin-top: 20px;
81+
font-size: 1.1em;
82+
color: #f5f5f5;
83+
}
84+
.email a {
85+
color: #4da6ff;
86+
text-decoration: none;
87+
font-weight: bold;
88+
}
89+
</style>
90+
</head>
91+
<body>
92+
<header>
93+
<h1>Winner Mi-Sung</h1>
94+
<p>Créativité & Technologie au service de l’avenir</p>
95+
<nav>
96+
<a href="#couture">Couture</a>
97+
<a href="#tech">Tech</a>
98+
<a href="#tarifs">Tarifs</a>
99+
<a href="#contact">Contact</a>
100+
</nav>
101+
</header>
102+
103+
<section id="couture">
104+
<h2>Couture & Création</h2>
105+
<p>Chaque pièce est une histoire, chaque couture une vision.</p>
106+
<div class="projects">
107+
<div class="card">✨ Robes élégantes</div>
108+
<div class="card">🧵 Créations uniques</div>
109+
<div class="card">🎨 Design personnalisé</div>
110+
</div>
111+
</section>
112+
113+
<section id="tech">
114+
<h2>Tech & Développement</h2>
115+
<p>Python, AI, SaaS — transformer la créativité en technologie utile.</p>
116+
<div class="projects">
117+
<div class="card">💻 Projets Python</div>
118+
<div class="card">🤖 Plateforme AI</div>
119+
<div class="card">📱 Apps mobiles</div>
120+
</div>
121+
</section>
122+
123+
<section id="tarifs">
124+
<h2>Mes Tarifs</h2>
125+
<p>Des offres adaptées à vos besoins, en couture et en technologie.</p>
126+
<div class="pricing">
127+
<div class="plan">
128+
<h3>✨ Couture</h3>
129+
<p>Création de robe sur mesure</p>
130+
<p class="price">À partir de 50$</p>
131+
</div>
132+
<div class="plan">
133+
<h3>💻 Développement</h3>
134+
<p>Site vitrine ou portfolio</p>
135+
<p class="price">À partir de 100$</p>
136+
</div>
137+
<div class="plan">
138+
<h3>🤖 Plateforme AI</h3>
139+
<p>Prototype ou conseil</p>
140+
<p class="price">Sur devis</p>
141+
</div>
142+
</div>
143+
</section>
144+
145+
<section id="contact">
146+
<h2>Réseaux sociaux & Contact</h2>
147+
<div class="socials">
148+
<a href="https://www.linkedin.com/in/winner-mi-sung-a85322389">LinkedIn</a>
149+
<a href="https://www.instagram.com/winnersung">Instagram</a>
150+
<a href="https://www.facebook.com/winner1234Mwandu">Facebook</a>
151+
</div>
152+
<div class="email">
153+
📧 Email : <a href="mailto:winnersung3@gmail.com">winnersung3@gmail.com</a>
154+
</div>
155+
<p>Contactez-moi pour collaborations et projets.</p>
156+
</section>
157+
158+
<footer>
159+
© 2026 Winner Mi-Sung — Portfolio Signature
160+
</footer>
161+
</body>
162+
</html>

0 commit comments

Comments
 (0)