-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·158 lines (141 loc) · 5.45 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adelie Plumasseau</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<style>
/* General Reset */
body, html {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
color: #fff;
background-color: #1a1a1a; /* Dark background */
}
/* Container */
.container {
max-width: 900px;
margin: 0 auto;
padding: 20px;
}
/* Header */
.header {
text-align: center;
padding: 20px 0;
}
.name {
font-family: 'Playfair Display', serif;
font-size: 2.5rem;
color: #e1c4f5; /* Elegant purple */
}
.tagline {
font-size: 1.2rem;
font-weight: 300;
color: #f2a4e3; /* Soft pink */
}
/* About Section */
.about h2 {
font-family: 'Playfair Display', serif;
color: #e1c4f5;
font-size: 1.8rem;
margin-bottom: 10px;
}
.about p {
line-height: 1.6;
font-size: 1rem;
color: #d3d3d3; /* Light gray for readability */
}
/* Download Section */
.download h2 {
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
color: #e1c4f5;
}
.download .btn {
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
background: linear-gradient(45deg, #e1c4f5, #f2a4e3);
color: #1a1a1a;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background 0.3s ease;
}
.download .btn:hover {
background: linear-gradient(45deg, #f2a4e3, #e1c4f5);
color: #fff;
}
/* Footer */
.footer {
text-align: center;
padding: 20px 0;
font-size: 0.9rem;
border-top: 1px solid #333;
margin-top: 20px;
}
.social-links {
margin-top: 10px;
}
.link {
color: #e1c4f5;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
.link:hover {
color: #f2a4e3;
}
.profile-pic {
width: 150px; /* Adjust width as needed */
height: 150px; /* Keep height the same as width for a perfect circle */
border-radius: 50%; /* Makes the image circular */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Adds a shadow */
margin: 20px auto; /* Centers the image */
display: block; /* Ensures proper alignment */
border: 3px solid #f2a4e3; /* Optional: Border matching your theme */
object-fit: cover; /* Ensures the image scales well within the circle */
}
</style>
</head>
<body>
<div class="container">
<header class="header">
<img src="adelieplum.jpeg" alt="Adelie Plumasseau" class="profile-pic">
<h1 class="name">Adelie Plumasseau</h1>
<p class="tagline">Redifining the Art of Possibilities</p>
</header>
<main class="main-content">
<section class="about">
<h2>About Me</h2>
<p>
Bonjour! I'm Adelie, a creative and hardworking individual with a passion for blending technology, design, and human connection.
As a lifelong learner, I thrive at the intersection of innovation and creativity, bringing bold ideas to life with determination and skill. ✨
</p>
<p>
Currently pursuing my master’s in Information Systems, I’m also proud to serve as the Vice President of Mentorship in the Women in Business club,
where I empower and support others in achieving their goals. My mission is simple: to inspire, solve challenges, and leave a lasting impact. 💡
</p>
<p>
Beyond my love for technology, I find joy in exploring art 🎨, connecting with people 🌟, and building communities.
Fashion is another creative outlet that fuels my imagination, and drawing allows me to bring my ideas to life on paper.
Whether it’s crafting elegant solutions or brainstorming innovative ideas, I aim to bring energy, curiosity, and purpose to everything I do.
</p>
</section>
<section class="download">
<h2>Download my CV</h2>
<a href="PlumasseauAdelie.pdf" target="_blank" class="btn">Download CV</a>
</section>
</main>
<footer class="footer">
<p>Connect with me on:</p>
<div class="social-links">
<a href="https://github.com/adeliepl" target="_blank" class="link">GitHub</a> |
<a href="https://www.linkedin.com/in/adelie-plumasseau/" target="_blank" class="link">LinkedIn</a>
</div>
</footer>
</div>
</body>
</html>