-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
235 lines (208 loc) · 9.87 KB
/
Copy pathindex.html
File metadata and controls
235 lines (208 loc) · 9.87 KB
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--💡UPDATE: Change the title to your name-->
<title>Jane Doe | Data Analysis Portfolio</title>
<!--💡UPDATE: Add your favicon here. You can generate one at realfavicongenerator.net-->
<link rel="icon" type="image/png" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/favicon-32x32.png">
<!-- Google Fonts for Elegant Typography -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@500;700&display=swap" rel="stylesheet">
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<!-- Your Stylesheet -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- HEADER SECTION -->
<header>
<div class="container">
<!--💡UPDATE: Change to your name and title-->
<h1>Jane Doe</h1>
<p>Data Analyst | Power BI Developer | Data Scientist</p>
<div class="social-links">
<!--💡UPDATE: Add your social media links and CV file-->
<a href="https://uk.linkedin.com/in/precious-isioma-andrew-b935a9137" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="[YOUR_GITHUB_URL]" target="_blank" title="GitHub"><i class="fab fa-github"></i></a>
<a href="[YOUR_YOUTUBE_URL]" target="_blank" title="YouTube"><i class="fab fa-youtube"></i></a>
<a href="assets/Sample CV.pdf" download title="Download CV"><i class="fas fa-file-arrow-down"></i></a>
</div>
</div>
</header>
<!-- NAVIGATION -->
<nav>
<div class="container">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<!-- ABOUT SECTION -->
<section id="about" class="section">
<div class="container">
<h2>About Me</h2>
<div class="about-content">
<!--💡UPDATE: Change the image to your own profile photo in assets/images/-->
<img src="assets/images/profile-placeholder.jpg" alt="Your Name" class="profile-photo">
<div class="about-text">
<!--💡UPDATE: Write your own 'About Me' text here-->
<p> I'm a data professional with expertise in transforming complex datasets into actionable insights. My work focuses on creating interactive visualizations and data-driven stories that help organizations make informed decisions.</p>
<p>With experience in Power BI, SQL, and data modeling, I specialize in developing comprehensive reports that reveal hidden patterns and trends in data. This portfolio showcases my projects across various sectors.</p>
</div>
</div>
</div>
</section>
<!-- PROJECTS SECTION -->
<section id="projects" class="section">
<div class="container">
<h2>My Projects</h2>
<div class="projects-grid">
<!--💡UPDATE: Replace this with your own project. Add as many as you like!-->
<!-- Project 1 -->
<div class="project-card">
<!--💡UPDATE: Add a preview image of your project to assets/images/ -->
<img src="assets/images/project-placeholder-1.jpg" alt="Project One Preview">
<div class="project-card-content">
<h3>Analysis</h3>
<p>Analysing data</p>
<div class="project-buttons">
<!--💡UPDATE: Add link to your project's code/documentation on GitHub-->
<a href="[YOUR_GITHUB_PROJECT_URL]" target="_blank" class="btn">Documentation</a>
<!--💡UPDATE: Add link to your live dashboard (e.g., Power BI, Tableau Public)-->
<a href="[YOUR_LIVE_DASHBOARD_URL]" target="_blank" class="btn btn-secondary">View Dashboard</a>
</div>
</div>
</div>
<!-- Project 2 -->
<div class="project-card">
<img src="assets/images/project-placeholder-2.jpg" alt="Project Two Preview">
<div class="project-card-content">
<h3>Project Title Two</h3>
<p>A brief, one or two-sentence description of your project, what it does, and the tools you used.</p>
<div class="project-buttons">
<a href="[YOUR_GITHUB_PROJECT_URL]" target="_blank" class="btn">Documentation</a>
<a href="[YOUR_LIVE_DASHBOARD_URL]" target="_blank" class="btn btn-secondary">View Dashboard</a>
</div>
</div>
</div>
<!-- Project 3 -->
<div class="project-card">
<img src="assets/images/project-placeholder-3.jpg" alt="Project Three Preview">
<div class="project-card-content">
<h3>Project Title Three</h3>
<p>A brief, one or two-sentence description of your project, what it does, and the tools you used.</p>
<div class="project-buttons">
<a href="[YOUR_GITHUB_PROJECT_URL]" target="_blank" class="btn">Documentation</a>
<a href="[YOUR_LIVE_DASHBOARD_URL]" target="_blank" class="btn btn-secondary">View Dashboard</a>
</div>
</div>
</div>
<!-- Project 4 -->
<div class="project-card">
<img src="assets/images/project-placeholder-4.jpg" alt="Project Four Preview">
<div class="project-card-content">
<h3>Project Title Four</h3>
<p>A brief, one or two-sentence description of your project, what it does, and the tools you used.</p>
<div class="project-buttons">
<a href="[YOUR_GITHUB_PROJECT_URL]" target="_blank" class="btn">Documentation</a>
<a href="[YOUR_LIVE_DASHBOARD_URL]" target="_blank" class="btn btn-secondary">View Dashboard</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SKILLS SECTION -->
<section id="skills" class="section">
<div class="container">
<h2>Technical Skillset</h2>
<div class="skills-table">
<!--💡UPDATE: Customize your skills in each category-->
<!-- Column 1: Data Visualization -->
<div class="skill-column">
<div class="skill-header">
<i class="fas fa-chart-pie"></i>
<h3>Data Visualization</h3>
</div>
<ul class="skill-list">
<li>Power BI</li>
<li>Tableau</li>
<li>Looker Studio</li>
<li>Excel Dashboards</li>
</ul>
</div>
<!-- Column 2: Data Analysis -->
<div class="skill-column">
<div class="skill-header">
<i class="fas fa-search-plus"></i>
<h3>Data Analysis</h3>
</div>
<ul class="skill-list">
<li>SQL</li>
<li>Advanced Excel</li>
<li>Python (Pandas)</li>
<li>Google Sheets</li>
</ul>
</div>
<!-- Column 3: Data Modeling & ETL -->
<div class="skill-column">
<div class="skill-header">
<i class="fas fa-cogs"></i>
<h3>Data Modeling & ETL</h3>
</div>
<ul class="skill-list">
<li>Power Query (M)</li>
<li>DAX</li>
<li>Star Schema Design</li>
<li>ETL Processes</li>
</ul>
</div>
</div>
</div>
</section>
<!-- CONTACT FORM SECTION -->
<section id="contact" class="section">
<div class="container">
<h2>Send me a message</h2>
<!--💡UPDATE: Go to formsubmit.co and replace the email with your own-->
<form action="https://formsubmit.co/your-email@example.com" method="POST" class="contact-form">
<p> Interested in collaborating or have questions about my work? I'd love to hear from you!</p>
<!-- Form Fields -->
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Your name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="Your email" required>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject" placeholder="Subject" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6" placeholder="Your message" required></textarea>
</div>
<!-- Submit Button -->
<button type="submit" class="btn">Send Message</button>
</form>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="container">
<!--💡UPDATE: Change the year and your name-->
<p>© 2025 Jane Doe. All rights reserved.</p>
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>