Skip to content

Commit 4d0eb5d

Browse files
EdgarWorksEdgarWorks
authored
implementacion de la seccion de contacto
Added a contact section with availability and project types.
1 parent 6048680 commit 4d0eb5d

1 file changed

Lines changed: 292 additions & 5 deletions

File tree

‎index.html‎

Lines changed: 292 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -355,23 +355,310 @@ <h3>Projects</h3>
355355
</section>
356356

357357
<!-- seccion del pie de pagina -->
358+
<!-- ==================== CONTACT SECTION ==================== -->
359+
<section id="contacto" class="contact-section">
360+
<div class="container">
361+
<!-- Título principal -->
362+
<h2 class="contact-title">Let's Work Together</h2>
363+
<p class="contact-subtitle">Ready to turn your data into actionable insights?</p>
364+
365+
<!-- Contenedor principal de contacto -->
366+
<div class="row contact-content">
367+
368+
<!-- Columna izquierda: Información -->
369+
<div class="col-lg-6 contact-info">
370+
371+
<!-- Disponibilidad -->
372+
<div class="availability-card">
373+
<div class="card-icon">
374+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
375+
<circle cx="12" cy="12" r="10"></circle>
376+
<polyline points="12 6 12 12 16 14"></polyline>
377+
</svg>
378+
</div>
379+
<div class="card-content">
380+
<h3>Current Availability</h3>
381+
<p class="status-badge available">✓ Available for Projects</p>
382+
<ul class="availability-list">
383+
<li><strong>Full-time opportunities:</strong> Open to discuss</li>
384+
<li><strong>Freelance/Contract:</strong> Currently accepting</li>
385+
<li><strong>Part-time consulting:</strong> Available</li>
386+
</ul>
387+
</div>
388+
</div>
389+
390+
<!-- Tipos de proyectos -->
391+
<div class="projects-card">
392+
<div class="card-icon">
393+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
394+
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
395+
<polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
396+
<line x1="12" y1="22.08" x2="12" y2="12"></line>
397+
</svg>
398+
</div>
399+
<div class="card-content">
400+
<h3>Projects I'm Looking For</h3>
401+
<ul class="projects-list">
402+
<li>
403+
<span class="project-icon">📊</span>
404+
<strong>Business Intelligence Dashboards</strong>
405+
<p>Interactive Tableau/Excel dashboards for business insights</p>
406+
</li>
407+
<li>
408+
<span class="project-icon">🔍</span>
409+
<strong>Data Analysis & Reporting</strong>
410+
<p>Exploratory data analysis and automated reporting solutions</p>
411+
</li>
412+
<li>
413+
<span class="project-icon">💾</span>
414+
<strong>SQL Database Projects</strong>
415+
<p>Database queries, optimization, and data extraction</p>
416+
</li>
417+
<li>
418+
<span class="project-icon">🐍</span>
419+
<strong>Python Data Analysis</strong>
420+
<p>Data cleaning, manipulation, and visualization with Python</p>
421+
</li>
422+
<li>
423+
<span class="project-icon">📈</span>
424+
<strong>Data Migration & Cleaning</strong>
425+
<p>ETL processes and data quality improvement</p>
426+
</li>
427+
</ul>
428+
</div>
429+
</div>
430+
431+
<!-- Información de contacto directa -->
432+
<div class="contact-methods">
433+
<h3>Or Reach Out Directly</h3>
434+
<div class="contact-items">
435+
<a href="mailto:myregistersonline@gmail.com" class="contact-item">
436+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
437+
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
438+
<polyline points="22,6 12,13 2,6"></polyline>
439+
</svg>
440+
<span>myregistersonline@gmail.com</span>
441+
</a>
442+
443+
<a href="https://www.linkedin.com/in/eddataanalyst" target="_blank" class="contact-item">
444+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
445+
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
446+
</svg>
447+
<span>LinkedIn Profile</span>
448+
</a>
449+
450+
<a href="https://edgarworks.github.io/" class="contact-item">
451+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
452+
<circle cx="12" cy="12" r="10"></circle>
453+
<line x1="2" y1="12" x2="22" y2="12"></line>
454+
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
455+
</svg>
456+
<span>Portfolio Website</span>
457+
</a>
458+
</div>
459+
</div>
460+
461+
</div>
462+
463+
<!-- Columna derecha: CTA y Calendario -->
464+
<div class="col-lg-6 contact-cta">
465+
466+
<!-- Botón principal -->
467+
<div class="cta-box">
468+
<h3>Ready to Start Your Project?</h3>
469+
<p>Let's discuss how I can help you make better data-driven decisions.</p>
470+
471+
<a href="mailto:myregistersonline@gmail.com?subject=Project Inquiry - Data Analysis" class="btn-primary-large">
472+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
473+
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
474+
</svg>
475+
Hire Me for Your Project
476+
</a>
477+
478+
<p class="response-time">⚡ Typical response time: Within 24 hours</p>
479+
</div>
480+
481+
<!-- Calendario Calendly (Placeholder) -->
482+
<div class="calendar-box">
483+
<h3>Schedule a Free Consultation</h3>
484+
<p>Book a 30-minute call to discuss your data needs</p>
485+
486+
<!-- OPCIÓN 1: Botón para abrir Calendly -->
487+
<a href="https://calendly.com/tu-usuario" target="_blank" class="btn-calendar">
488+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
489+
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
490+
<line x1="16" y1="2" x2="16" y2="6"></line>
491+
<line x1="8" y1="2" x2="8" y2="6"></line>
492+
<line x1="3" y1="10" x2="21" y2="10"></line>
493+
</svg>
494+
Schedule a Call
495+
</a>
496+
497+
<!-- OPCIÓN 2: Widget embebido de Calendly -->
498+
<!-- Descomenta esto cuando tengas tu link de Calendly -->
499+
<!--
500+
<div class="calendly-inline-widget"
501+
data-url="https://calendly.com/tu-usuario/30min"
502+
style="min-width:320px;height:630px;">
503+
</div>
504+
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
505+
-->
506+
507+
<div class="calendar-placeholder">
508+
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
509+
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
510+
<line x1="16" y1="2" x2="16" y2="6"></line>
511+
<line x1="8" y1="2" x2="8" y2="6"></line>
512+
<line x1="3" y1="10" x2="21" y2="10"></line>
513+
<line x1="8" y1="14" x2="8" y2="14.01"></line>
514+
<line x1="12" y1="14" x2="12" y2="14.01"></line>
515+
<line x1="16" y1="14" x2="16" y2="14.01"></line>
516+
<line x1="8" y1="18" x2="8" y2="18.01"></line>
517+
<line x1="12" y1="18" x2="12" y2="18.01"></line>
518+
</svg>
519+
<p>Calendar widget will appear here</p>
520+
<p class="small-text">Set up your Calendly account to enable scheduling</p>
521+
</div>
522+
</div>
523+
524+
<!-- Badges de confianza -->
525+
<div class="trust-badges">
526+
<div class="badge-item">
527+
<span class="badge-icon">✓</span>
528+
<span>Certified Analyst</span>
529+
</div>
530+
<div class="badge-item">
531+
<span class="badge-icon">⚡</span>
532+
<span>Fast Response</span>
533+
</div>
534+
<div class="badge-item">
535+
<span class="badge-icon">🔒</span>
536+
<span>NDA Available</span>
537+
</div>
538+
</div>
539+
540+
</div>
541+
</div>
542+
543+
<!-- Formulario de contacto (opcional) -->
544+
<div class="row mt-5">
545+
<div class="col-12">
546+
<div class="contact-form-box">
547+
<h3>Send Me a Message</h3>
548+
<form class="contact-form" action="mailto:myregistersonline@gmail.com" method="post" enctype="text/plain">
549+
<div class="row">
550+
<div class="col-md-6">
551+
<div class="form-group">
552+
<label for="name">Your Name *</label>
553+
<input type="text" id="name" name="name" class="form-control" required placeholder="John Doe">
554+
</div>
555+
</div>
556+
<div class="col-md-6">
557+
<div class="form-group">
558+
<label for="email">Your Email *</label>
559+
<input type="email" id="email" name="email" class="form-control" required placeholder="john@example.com">
560+
</div>
561+
</div>
562+
</div>
563+
<div class="row">
564+
<div class="col-md-6">
565+
<div class="form-group">
566+
<label for="company">Company (Optional)</label>
567+
<input type="text" id="company" name="company" class="form-control" placeholder="Your Company">
568+
</div>
569+
</div>
570+
<div class="col-md-6">
571+
<div class="form-group">
572+
<label for="project-type">Project Type *</label>
573+
<select id="project-type" name="project-type" class="form-control" required>
574+
<option value="">Select project type...</option>
575+
<option value="dashboard">Dashboard Development</option>
576+
<option value="analysis">Data Analysis</option>
577+
<option value="sql">SQL Database Project</option>
578+
<option value="python">Python Analysis</option>
579+
<option value="consulting">Consulting</option>
580+
<option value="other">Other</option>
581+
</select>
582+
</div>
583+
</div>
584+
</div>
585+
<div class="form-group">
586+
<label for="message">Project Details *</label>
587+
<textarea id="message" name="message" class="form-control" rows="6" required placeholder="Tell me about your project, timeline, and budget..."></textarea>
588+
</div>
589+
<button type="submit" class="btn-submit">
590+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
591+
<line x1="22" y1="2" x2="11" y2="13"></line>
592+
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
593+
</svg>
594+
Send Message
595+
</button>
596+
</form>
597+
</div>
598+
</div>
599+
</div>
600+
601+
</div>
602+
</section>
603+
604+
<!-- ==================== FOOTER ==================== -->
605+
<footer class="pie-de-pagina" id="pie">
606+
<div class="container">
607+
<div class="row">
608+
<div class="col-md-4">
609+
<h4>Edgar Fuentes</h4>
610+
<p>Data Analyst specializing in turning complex data into actionable business insights.</p>
611+
</div>
612+
<div class="col-md-4">
613+
<h4>Quick Links</h4>
614+
<ul class="footer-links">
615+
<li><a href="#about-me">About Me</a></li>
616+
<li><a href="#skills">Skills</a></li>
617+
<li><a href="#projects">Projects</a></li>
618+
<li><a href="#contacto">Contact</a></li>
619+
</ul>
620+
</div>
621+
<div class="col-md-4">
622+
<h4>Connect</h4>
623+
<div class="social-links">
624+
<a href="https://www.linkedin.com/in/eddataanalyst" target="_blank" aria-label="LinkedIn">
625+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
626+
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
627+
</svg>
628+
</a>
629+
<a href="mailto:myregistersonline@gmail.com" aria-label="Email">
630+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
631+
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
632+
<polyline points="22,6 12,13 2,6"></polyline>
633+
</svg>
634+
</a>
635+
</div>
636+
</div>
637+
</div>
638+
<div class="footer-bottom">
639+
<p>© 2025 Edgar Fuentes. All rights reserved.</p>
640+
</div>
641+
</div>
642+
</footer>
643+
358644

645+
359646

647+
<!--
360648
<footer class="pie-de-pagina" id="pie">
361649
<div class="container text-center">
362650
&copy; 2023 Edgar Fuentes. Copyright. <br>
363651
<a href="https://www.linkedin.com/in/eddataanalyst" target="_blank">LinkedIn</a> <br>
364652
<a href="mailto:myregistersonline@gmail.com">Email</a> <br>
365653
366654
</div>
367-
</footer>
368-
<footer >
655+
</footer><footer >
656+
-->
657+
369658

370659

371660
<!-- bootstrap js -->
372-
<!--
373-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
374-
-->
661+
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> -->
375662
<script src="js/bootstrap.bundle.min.js"></script>
376663
</body>
377664
</html>

0 commit comments

Comments
 (0)