-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (135 loc) · 7.41 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mister2Gue</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="icon" href="./images/monlogo.png">
</head>
<body>
<header>
<nav>
<a href="index.html" class="logo"><img src="./images/logo M.png" alt=""></a>
<a href="index.html" class="mini"><img src="./images/mini logo.png" alt=""></a>
<ul class="nav-link">
<li><a href="#propos">Á propos</a></li>
<li><a href="#realisation">Réalisation</a></li>
<li> <a href="#Contact">Contact</a></li>
</ul>
<label id="toggle"> <i class="bi bi-list"></i></label>
</nav>
</header>
<!-- la div conteneur contient la video animé et la div
du texte sur la page -->
<div class="conteneur">
<video autoplay loop muted plays-inline class="video">
<source src="./images/newvideo.mp4" type="video/mp4">
</video>
<div class="btn">
<h1>L'union du design et du développement, une expérience en harmonie.</h1>
<p>
Explorez l'alchimie magique où le design audacieux rencontre le développement ingénieux pour créer des expériences numériques d'une harmonie envoûtante. Plongez dans un monde où la créativité et la technologie se fusionnent pour façonner des produits qui captivent les sens et repoussent les frontières de l'innovation. Découvrez comment cette alliance dynamique redéfinit les normes de l'excellence numérique, offrant aux utilisateurs des voyages immersifs où chaque interaction est une symphonie parfaite entre forme et fonction.</p>
<a href="#monlogo"><button>Apprendre encore plus</button></a>
</div>
</div>
<div id="monlogo">
<!--c'est la bande en blanche qui a le logo-->
<img src="./images/monlogo.png" alt="mon logo">
</div>
<div class="proposition">
<p>
Je propose une gamme complète de services de design graphique <br>
et de développement front-end, y compris la création de logos, <br>
la conception d'interfaces utilisateur, le développement de sites web <br>
réactifs et bien plus encore. Chaque projet est abordé avec un engagement total <br>
envers l'excellence et une attention méticuleuse aux détails.
</p>
</div>
<div class="allbox1">
<div class="box1">
<img src="./images/graphisme.png" alt="icon graphisme ">
</div>
<div class="box2">
<p>
ma mission est de créer des expériences visuelles captivantes et mémorables à travers un design <br>
innovant et de haute qualité. En offrant une gamme complète de services de design, <br>
je repousse les limites de la créativité pour concevoir des solutions qui dépassent les attentes. <br>
Je travaille en étroite collaboration avec mes clients, adoptant une approche transparente <br>
et collaborative pour garantir que chaque projet reflète mon engagement envers l'intégrité, <br>
la créativité et la détermination.
</p>
</div>
</div>
<div class="allbox2">
<div class="box3">
<img src="./images/dev.png" alt="icon développement ">
</div>
<div class="box4">
<p>
ma mission est de fournir des interfaces utilisateur engageantes et des sites web réactifs. <br>
Je m'engage à créer des expériences en ligne fluides et intuitives, en utilisant les dernières technologies <br>
et meilleures pratiques de développement. Avec une approche transparente et collaborative, je m'efforce de <br>
répondre aux besoins uniques de chaque projet, garantissant ainsi une excellence technique, une créativité <br>
et une satisfaction client constantes.
</p>
</div>
</div>
<div id="propos">
<div class="pphoto">
<p>
Je suis Sagui Gueye, un passionné de design graphique et de développement front-end, <br>
dédié à créer des expériences numériques exceptionnelles et des solutions visuelles innovantes. <br>
Fort de 4 années d'expérience dans l'industrie du design, je mets en œuvre ma créativité <br>
et mes compétences techniques pour aider les entreprises à atteindre leurs objectifs <br>
et à se démarquer dans un monde numérique en constante évolution.
</p>
</div>
<div>
<img src="./images/sagui.jpg" alt="photo de sagui" class="maphoto">
</div>
</div>
<div class="allcontat">
<div>
<img src="./images/contact.png" alt="illustration de contacts">
</div>
<div id="Contact">
<a href="https://wa.me/221707971518?text=I'm%20interested%20in%20your%20car%20for%20sale" target="_blank"><img src="./images/whatsapp.png" alt="logode whatsapp"></a>
<a href="https://www.facebook.com/people/Sagui-Gueye/pfbid0wkZPNcxHbjbTQjDdUgZKMRuVxnvXCeQ5qWHU7Tz4mPWRgJdKP4DWv9V1s3Tmgenrl/?mibextid=LQQJ4d" target="_blank"><img src="./images/facebook.png" alt="logo de facebook"></a>
<a href="https://www.instagram.com/mister_2gue_?igshid=OGQ5ZDc2ODk2ZA%3D%3D&utm_source=qr" target="_blank"><img src="./images/instagram.png" alt="logo de instagram"></a>
<a href="https://github.com/mister2Gue" target="_blank"><img src="./images/github.png" alt="logo de github"></a>
<a href="https://www.linkedin.com/in/sagui-gueye-655894236/" target="_blank"><img src="./images/linkedin.png" alt="logo linkedin"></a>
</div>
</div>
<div class="real">
<br>
<br>
<hr>
<p>
Chaque projet est le fruit d'une collaboration passionnée, où la créativité rencontre <br>
l'expertise technique pour offrir des expériences en ligne exceptionnelles. <br>
Explorez mes travaux et imaginez comment nous pouvons transformer vos idées en réalité.
</p>
</div>
<div id="realisation">
<i class="nekh">
<input checked type="radio" name="s" style="background-image: url('./images/instat\ poste.jpg');">
<input type="radio" name="s" style="background-image: url('./images/gam\ logo.jpg');">
<input type="radio" name="s" style="background-image: url('./images/emd\ presentation.jpg');">
<input type="radio" name="s" style="background-image: url('./images/rn01.jpg');">
<input type="radio" name="s" style="background-image: url('./images/saytou\ jour\ j\ 5.jpg');">
<input type="radio" name="s" style="background-image: url('./images/ucad.jpg');">
<input type="radio" name="s" style="background-image: url('./images/mémoire\ \ kya.jpg');">
<input type="radio" name="s" style="background-image: url('./images/nin\ ak\ yeen.jpg');">
<input type="radio" name="s" style="background-image: url('./images/badge\ A6.jpg');">
<input type="radio" name="s" style="background-image: url('./images/affiche\ sidi.jpg');">
</i>
</div>
<div class="copy">
© MISTER 2GUE 2024 / TOUS DROITS RÉSERVÉS.
</div>
<script src="apply.js">
</script>
</body>
</html>