| 📚 Topic | 🎯 Progress |
|---|---|
| Advanced React Patterns | ⭐⭐⭐⭐☆ |
| TypeScript | ⭐⭐⭐⭐☆ |
| Web Performance Optimization | ⭐⭐⭐☆☆ |
| UI/UX Design Principles | ⭐⭐⭐⭐☆ |
- IANorth Experience - Worked on various projects that enhance web functionality and user experience.
- Full Stack Development - Building scalable web applications with modern technologies.
- Collaboration - Open to working with talented developers on innovative projects.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emily Teixeira - Web Developer</title>
<style>
.contact-banner {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 40px 20px;
border-radius: 12px;
color: white;
text-align: center;
font-family: 'Arial', sans-serif;
box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4);
}
.contact-banner h2 {
margin: 0 0 20px 0;
font-size: 28px;
font-weight: bold;
letter-spacing: 1px;
}
.contact-links {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.contact-link {
display: inline-block;
padding: 12px 24px;
background-color: rgba(255, 255, 255, 0.2);
color: white;
text-decoration: none;
border-radius: 6px;
transition: all 0.3s ease;
font-weight: 500;
border: 2px solid transparent;
}
.contact-link:hover {
background-color: rgba(255, 255, 255, 0.3);
border-color: white;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.emoji {
font-size: 20px;
margin-right: 8px;
}
</style>
</head>
<body>
<div class="contact-banner">
<h2>🌟 Get in Touch</h2>
<div class="contact-links">
<a href="https://github.com/emilyteixeira" class="contact-link">
<span class="emoji">🐙</span>GitHub
</a>
<a href="https://linkedin.com/in/emilyteixeira" class="contact-link">
<span class="emoji">💼</span>LinkedIn
</a>
<a href="mailto:[email protected]" class="contact-link">
<span class="emoji">✉️</span>Email
</a>
</div>
</div>
</body>
</html>✨ Open to collaboration and networking opportunities. Let's connect! ✨