estia-1a/DevWebStatique/trombinoscope/front/resumes/alice-martin.html

153 lines
No EOL
5.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alice Martin - Resume</title>
<link rel="stylesheet" href="../styles.css">
<style>
.resume-container {
max-width: 800px;
margin: 2rem auto;
background: white;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.resume-header {
text-align: center;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #667eea;
}
.resume-photo {
width: 150px;
height: 150px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 1rem;
border: 4px solid #667eea;
}
.back-link {
display: inline-block;
margin-bottom: 1rem;
color: #667eea;
text-decoration: none;
font-weight: 500;
}
.back-link:hover {
text-decoration: underline;
}
.section {
margin-bottom: 2rem;
}
.section h3 {
color: #2c3e50;
border-bottom: 2px solid #ecf0f1;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
.experience-item,
.education-item {
margin-bottom: 1rem;
padding-left: 1rem;
border-left: 3px solid #667eea;
}
.skills-list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.skill-tag {
background: #667eea;
color: white;
padding: 0.3rem 0.8rem;
border-radius: 20px;
font-size: 0.9rem;
}
</style>
</head>
<body>
<div class="container">
<a href="../index.html" class="back-link">← Back to Student Directory</a>
<div class="resume-container">
<div class="resume-header">
<img src="../img/alice-martin.jpg" alt="Alice Martin" class="resume-photo">
<h1>Alice Martin</h1>
<h2>Computer Science Student</h2>
<p>Email: alice.martin@school.edu | Phone: +33 6 12 34 56 78</p>
</div>
<div class="section">
<h3>About Me</h3>
<p>Passionate computer science student with a strong foundation in software development and
artificial intelligence. Dedicated to creating innovative solutions and contributing to
cutting-edge technology projects.</p>
</div>
<div class="section">
<h3>Education</h3>
<div class="education-item">
<h4>École d'Ingénieurs - Computer Science</h4>
<p><strong>3rd Year</strong> | 2023 - 2026</p>
<p>Specialization in Artificial Intelligence and Machine Learning</p>
<p>GPA: 16.5/20</p>
</div>
</div>
<div class="section">
<h3>Experience</h3>
<div class="experience-item">
<h4>Software Development Intern</h4>
<p><strong>TechCorp</strong> | Summer 2024</p>
<p>Developed a web application using React and Node.js, improving user engagement by 25%</p>
</div>
<div class="experience-item">
<h4>Research Assistant</h4>
<p><strong>University AI Lab</strong> | 2024 - Present</p>
<p>Contributing to machine learning research on natural language processing</p>
</div>
</div>
<div class="section">
<h3>Skills</h3>
<div class="skills-list">
<span class="skill-tag">Python</span>
<span class="skill-tag">JavaScript</span>
<span class="skill-tag">React</span>
<span class="skill-tag">Node.js</span>
<span class="skill-tag">Machine Learning</span>
<span class="skill-tag">SQL</span>
<span class="skill-tag">Git</span>
<span class="skill-tag">Docker</span>
</div>
</div>
<div class="section">
<h3>Projects</h3>
<div class="experience-item">
<h4>Smart Campus App</h4>
<p>Developed a mobile application for campus navigation using Flutter and Firebase</p>
</div>
<div class="experience-item">
<h4>AI Chatbot</h4>
<p>Created an intelligent chatbot using NLP techniques and deployed it on AWS</p>
</div>
</div>
</div>
</div>
</body>
</html>