IssyyA.github.io/index.html at main · IssyyA/IssyyA.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Precious Andrew | Data Analysis Portfolio</title>
      <!-- 👇 ADD THESE TWO LINES FOR YOUR FAVICON 👇 -->
    <link rel="icon" type="image/png" href="/favicon-32x32.png">
    <link rel="apple-touch-icon" href="/favicon-32x32.png">
    <!-- 👆 END OF FAVICON LINES 👆 -->

    <!-- 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">
        <h1>Precious Andrew</h1>
        <p>Data Analyst | Power BI Developer | Data Storyteller</p>
        <div class="social-links">
            <!-- CORRECTED LINKS -->
            <a href="https://www.linkedin.com/in/precious-isioma-andrew-b935a9137/" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
            <a href="https://github.com/IssyyA" target="_blank" title="GitHub"><i class="fab fa-github"></i></a>
            <a href="https://www.youtube.com/@IssyBI" target="_blank" title="YouTube"><i class="fab fa-youtube"></i></a>
            <a href="assets/Precious_Andrew_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">
            <img src="assets/images/profile-image.jpg" alt="Precious Andrew" class="profile-photo">
            <div class="about-text">
                <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 including healthcare and energy.</p>
            </div>
        </div>
    </div>
</section>

<!-- PROJECTS SECTION -->
<section id="projects" class="section">
    <div class="container">
        <h2>My Projects</h2>
        <div class="projects-grid">

            <!-- Project 1: Healthcare -->
             <div class="project-card">
                <img src="assets/images/nhs.png" alt="NHS Healthcare Dashboard">
                <div class="project-card-content">
                    <h3>NHS-Accidents-Emergency-Performance-Analysis</h3>
                    <p>This project analyzes Accident & Emergency (A&E) performance data across the NHS in England from January 2021 to January 2025.</p>
                    <div class="project-buttons">
                        <a href="https://github.com/IssyyA/NHS-Accidents-Emergency-Performance-Analysis" class="btn">Documentation</a>
                        <a href="https://app.powerbi.com/view?r=eyJrIjoiM2RlN2U5NjctOTM3Yi00NDZhLThlNDMtMmRkNGM1N2Y5ZTY3IiwidCI6IjM0YzAxYWRhLTc5MDItNGQ2My04MjgyLThkYzRiZjhmNTUxZCJ9" target="_blank" class="btn btn-secondary">View Dashboard</a>
                    </div>
                </div>
            </div>
            <div class="project-card">
                <img src="assets/images/Hospitalperformance.png" alt="Healthcare Dashboard">
                <div class="project-card-content">
                    <h3>Healthcare Performance Analysis</h3>
                    <p>Comprehensive analysis of patient admissions, billing, and demographics across US hospitals.</p>
                    <div class="project-buttons">
                        <a href="https://github.com/IssyyA/Healthcare-Analysis" class="btn">Documentation</a>
                        <a href="https://app.powerbi.com/view?r=eyJrIjoiNWNjNTZmN2EtYjJhMC00MjMzLTlmYWUtOGZlNGNkYjEzNmMwIiwidCI6IjM0YzAxYWRhLTc5MDItNGQ2My04MjgyLThkYzRiZjhmNTUxZCJ9" target="_blank" class="btn btn-secondary">View Dashboard</a>
                    </div>
                </div>
            </div>

            <!-- Project 3: US Electricity -->
            <div class="project-card">
                <img src="assets/images/US-Elec.png" alt="US Electricity Dashboard">
                <div class="project-card-content">
                    <h3>US Electricity Generation Analysis</h3>
                    <p>Examination of electricity generation patterns and CO2 emissions across US states from 2001-2023.</p>
                    <div class="project-buttons">
                        <a href="https://github.com/IssyyA/US-Electricity-Generation-Emissions-Analysis" class="btn">Documentation</a>
                        <a href="https://app.powerbi.com/view?r=eyJrIjoiZjViYjA0YTUtOTA1Yi00ODU3LTgwN2ItNWQyZWMwYTVjNDAzIiwidCI6IjM0YzAxYWRhLTc5MDItNGQ2My04MjgyLThkYzRiZjhmNTUxZCJ9" target="_blank" class="btn btn-secondary">View Dashboard</a>
                    </div>
                </div>
            </div>

            <!-- Project 4: Renewable Energy -->
            <div class="project-card">
                <img src="assets/images/US-Renewable.png" alt="Renewable Energy Dashboard">
                <div class="project-card-content">
                    <h3>Renewable Energy Consumption</h3>
                    <p>Analysis of US renewable energy trends from 1970 to present, by source and consumption sector.</p>
                    <div class="project-buttons">
                        <a href="https://github.com/IssyyA/Renewable-Energy-Consumption-Analysis-USA-" class="btn">Documentation</a>
                        <a href="https://app.powerbi.com/view?r=eyJrIjoiYmE3ODliMjYtOTI2MC00ZmY0LWFiZDUtOWI3Mjc0ZDk2MWExIiwidCI6IjM0YzAxYWRhLTc5MDItNGQ2My04MjgyLThkYzRiZjhmNTUxZCJ9" target="_blank" class="btn btn-secondary">View Dashboard</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<!-- ======================================================================
     NEW TABULAR SKILLS SECTION
     ====================================================================== -->
<section id="skills" class="section">
    <div class="container">
        <h2>Technical Skillset</h2>
        <div class="skills-table">

            <!-- 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>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>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>
              <!--      <li>Data Warehousing Concepts</li> -->
                </ul>
            </div>

        </div>
    </div>
</section>
<!-- CONTACT FORM SECTION - CORRECTED AND CLEANED -->
<section id="contact" class="section">
    <div class="container">
        <h2>Send me a message</h2>
        <form action="https://formsubmit.co/preciousiandrew@gmail.com" method="POST" class="contact-form">
        <p> Interested in collaborating or have questions about my work? Kindly reach out! </p>

            <!-- 🚨 IMPORTANT: Replace with your actual Access Key from Web3Forms -->
            <input type="hidden" name="access_key" value="6f007fe2-240e-422a-97f1-c34ffd71aa11">

            <!-- 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>

            <!-- Honeypot Spam Protection (Optional but Recommended) -->
            <input type="checkbox" name="botcheck" class="hidden" style="display: none;">

            <!-- Submit Button -->
            <button type="submit" class="btn">Send Message</button>

        </form>
    </div>
</section>

<!-- FOOTER -->
<footer>
    <div class="container">
        <p>&copy; 2024 Precious Andrew. All rights reserved.</p>
    </div>
</footer>

<script src="assets/js/main.js"></script>

</body>
</html>