Skip to content

Commit fb2f208

Browse files
Cedric AguettazCedric Aguettaz
Cedric Aguettaz
authored and
Cedric Aguettaz
committed
add profile
1 parent 9bef53d commit fb2f208

File tree

3 files changed

+563
-62
lines changed

3 files changed

+563
-62
lines changed

‎images/cedric-aguettaz.jpg‎

948 KB
Loading

‎index.html‎

Lines changed: 19 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -108,18 +108,8 @@ <h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold mb-8 leading-tight">
108108
<div class="absolute inset-0 bg-gradient-to-br from-white/10 to-transparent"></div>
109109
<div class="absolute -top-4 -right-4 w-24 h-24 bg-secondary/30 rounded-full blur-2xl"></div>
110110
<div class="absolute -bottom-4 -left-4 w-32 h-32 bg-primary/30 rounded-full blur-2xl"></div>
111-
112-
<!-- Profile Icon (temporary - replace with actual photo) -->
113-
<div class="relative z-10 text-white text-center">
114-
<svg class="w-32 h-32 mx-auto mb-4 opacity-90" fill="none" stroke="currentColor" viewBox="0 0 24 24">
115-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
116-
</svg>
117-
<p class="text-sm font-medium opacity-75">Ajoutez votre photo ici</p>
118-
</div>
119-
120-
<!-- Uncomment and use this when you have a photo:
121-
<img src="images/profile.jpg" alt="Cédric Aguettaz" class="w-full h-full object-cover">
122-
-->
111+
112+
<img src="images/cedric-aguettaz.jpg" alt="Cédric Aguettaz" class="w-full h-full object-cover">
123113
</div>
124114

125115
<!-- Floating Badge -->
@@ -789,32 +779,18 @@ <h2 class="text-3xl sm:text-4xl font-bold mb-4">Contactez-moi</h2>
789779
</div>
790780
</div>
791781

792-
<div class="grid md:grid-cols-2 gap-6">
793-
<div>
794-
<label for="email" class="block text-sm font-semibold text-gray-700 mb-2">
795-
Email *
796-
</label>
797-
<input
798-
type="email"
799-
id="email"
800-
name="email"
801-
required
802-
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition"
803-
placeholder="jean.dupont@entreprise.fr"
804-
>
805-
</div>
806-
<div>
807-
<label for="phone" class="block text-sm font-semibold text-gray-700 mb-2">
808-
Téléphone
809-
</label>
810-
<input
811-
type="tel"
812-
id="phone"
813-
name="phone"
814-
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition"
815-
placeholder="+33 6 12 34 56 78"
816-
>
817-
</div>
782+
<div>
783+
<label for="email" class="block text-sm font-semibold text-gray-700 mb-2">
784+
Email *
785+
</label>
786+
<input
787+
type="email"
788+
id="email"
789+
name="email"
790+
required
791+
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent outline-none transition"
792+
placeholder="jean.dupont@entreprise.fr"
793+
>
818794
</div>
819795

820796
<div>
@@ -861,7 +837,7 @@ <h2 class="text-3xl sm:text-4xl font-bold mb-4">Contactez-moi</h2>
861837
>
862838
<label for="rgpd" class="text-sm text-gray-600">
863839
J'accepte que mes données soient utilisées pour me recontacter au sujet de ma demande.
864-
<a href="#" class="text-primary hover:underline">Politique de confidentialité</a>
840+
<a href="politique-confidentialite.html" class="text-primary hover:underline">Politique de confidentialité</a>
865841
</label>
866842
</div>
867843

@@ -877,31 +853,22 @@ <h2 class="text-3xl sm:text-4xl font-bold mb-4">Contactez-moi</h2>
877853

878854
<!-- Contact Info -->
879855
<div class="mt-12 pt-8 border-t border-gray-200">
880-
<div class="grid md:grid-cols-3 gap-6 text-center">
856+
<div class="grid md:grid-cols-2 gap-6 text-center">
881857
<div>
882858
<div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-3">
883859
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
884860
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
885861
</svg>
886862
</div>
887863
<div class="font-semibold mb-1">Email</div>
888-
<div class="text-gray-600 text-sm">contact@ceduweb.com</div>
864+
<div class="text-gray-600 text-sm">cedtaz@gmail.com</div>
889865
</div>
890866
<div>
891867
<div class="w-12 h-12 bg-secondary/10 rounded-full flex items-center justify-center mx-auto mb-3">
892868
<svg class="w-6 h-6 text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
893869
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
894870
</svg>
895871
</div>
896-
<div class="font-semibold mb-1">Téléphone</div>
897-
<div class="text-gray-600 text-sm">+33 1 23 45 67 89</div>
898-
</div>
899-
<div>
900-
<div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-3">
901-
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
902-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
903-
</svg>
904-
</div>
905872
<div class="font-semibold mb-1">Disponibilité</div>
906873
<div class="text-gray-600 text-sm">Lun - Ven : 9h - 18h</div>
907874
</div>
@@ -924,17 +891,7 @@ <h2 class="text-3xl sm:text-4xl font-bold mb-4">Contactez-moi</h2>
924891
Développeur freelance passionné qui débute son activité. Je crée des applications web sur mesure avec engagement, transparence et attention aux détails.
925892
</p>
926893
<div class="flex gap-4">
927-
<a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition">
928-
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
929-
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
930-
</svg>
931-
</a>
932-
<a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-secondary transition">
933-
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
934-
<path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
935-
</svg>
936-
</a>
937-
<a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition">
894+
<a href="https://www.linkedin.com/in/cedric-aguettaz" target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition" aria-label="LinkedIn">
938895
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
939896
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
940897
</svg>
@@ -974,7 +931,7 @@ <h4 class="font-semibold mb-4">Entreprise</h4>
974931
<div class="flex gap-6 text-sm text-gray-400">
975932
<a href="#" class="hover:text-primary transition">Mentions légales</a>
976933
<a href="#" class="hover:text-primary transition">RGPD</a>
977-
<a href="#" class="hover:text-primary transition">Politique de confidentialité</a>
934+
<a href="politique-confidentialite.html" class="hover:text-primary transition">Politique de confidentialité</a>
978935
</div>
979936
</div>
980937
</div>

0 commit comments

Comments
 (0)