gir pull

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

assets/mail/contact_me.js

@@ -24,7 +24,7 @@ $(function () {
             var json = {name: name, phone: phone, email: email, message: message}
             $.ajax({
                 // --- CHANGE THIS LINE TO YOUR OWN API GATEWAY  -------- 
-                url: "{Insert your own AWS API Gateway Endpoint URL here}",
+                url: "https://vz9vd49a0e.execute-api.eu-west-1.amazonaws.com/default/cloud-computing-lambda",
                 // ------------------------------------------------------  
                 type: "POST",
                 data: JSON.stringify(json),

css/styles.css

@@ -10237,4 +10237,12 @@ form .row:first-child .floating-label-form-group {
 
 .copyright {
   background-color: #1a252f;
-}
+}
+
+.avatar-container {
+  width: 300px; /* Adjust the size as needed */
+  height: 300px; /* Adjust the size as needed */
+  overflow: hidden;
+  border-radius: 100%;
+  margin: 0 auto; /* Center the container */
+}

index.html

@@ -8,7 +8,7 @@
         <! --The html code below is used to set the text on the web page tab -->
         <! --You can set this to whatever you want -->
         <! --For example: {Your name - Portfolio Type} -->
-        <title>Explore Data Science Academy - Serverless Student Portfolio Web page</title>
+        <title>Ashmiyu Musa's Project-Portfolio - Serverless Project Portfolio Web page</title>
         <!-- Favicon-->
         <link rel="icon" type="image/x-icon" href="assets/img/Untitled.ico" />
         <!-- Font Awesome icons (free version)-->
@@ -23,7 +23,7 @@
         <!-- Navigation-->
         <nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">
             <div class="container">
-                <a class="navbar-brand js-scroll-trigger" href="#page-top">Data Science Portfolio</a>
+                <a class="navbar-brand js-scroll-trigger" href="#page-top">Data Engineering and Science Portfolio</a>
                 <button class="navbar-toggler navbar-toggler-right text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                     Menu
                     <i class="fas fa-bars"></i>
@@ -37,16 +37,14 @@
                 </div>
             </div>
         </nav>
+
+
+
+
         <!-- Masthead-->
         <header class="masthead bg-primary text-white text-center">
             <div class="container d-flex align-items-center flex-column">
-                <!-- Masthead Avatar Image-->
-                <img class="masthead-avatar mb-5" src="assets/img/avataaars.svg"  alt="" />
-                <!-- Masthead Heading-->
-                <!-- ========= CUSTOMISE SECTION =========== -->
-                <!-- You can change 'Cloud Computing Predict' to 'Your Name' -->
-                <!-- The Masthead will then read: '{Your Name} - Project Portfolio' -->
-                <h1 class="masthead-heading text-uppercase mb-0">Cloud Computing Predict - Project Portfolio</h1>
+                <h3 class="masthead-heading text-uppercase mb-0">Asimiyu Musa's - Project Portfolio</h3>
                 <!-- ======================================= -->
                 <!-- Icon Divider-->
                 <div class="divider-custom divider-light">
@@ -55,10 +53,11 @@ <h1 class="masthead-heading text-uppercase mb-0">Cloud Computing Predict - Proje
                     <div class="divider-custom-line"></div>
                 </div>
                 <!-- Masthead Subheading-->
-                <!-- ========= CUSTOMISE SECTION =========== -->
+                <!-- ========= CUSTOMIZE SECTION =========== -->
                 <!-- Change this to a list of three or four of your most relevant skills-->
-                <p class="masthead-subheading font-weight-light mb-0">Machine Learning - Time Series - Dashboarding</p>
-                <!-- ======================================= -->
+                <p class="masthead-subheading font-weight-light mb-0"> Data Engineering with AWS and GCP - Database Design, Normalization and Management </p>
+                <p class="masthead-subheading font-weight-light mb-0"> Data and Business Analytics with SQL and Python - Data Visualization with Streamlit and Power BI</p>
+                                        <!-- ======================================= -->
             </div>
         </header>
         <!-- Portfolio Section-->
@@ -152,7 +151,7 @@ <h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">
         <!-- About Section-->
         <section class="page-section bg-primary text-white mb-0" id="about">
             <div class="container">
-                <!-- About Section Heading-->
+                <!-- Masthead Heading-->
                 <h2 class="page-section-heading text-center text-uppercase text-white">About</h2>
                 <!-- Icon Divider-->
                 <div class="divider-custom divider-light">
@@ -162,21 +161,34 @@ <h2 class="page-section-heading text-center text-uppercase text-white">About</h2
                 </div>
                 <!-- About Section Content-->
                 <div class="row">
-                    <!-- ========= CUSTOMISE SECTION =========== -->
-                    <!-- You can replace the About Section content below to better fit the feel of your portfolio website -->
-                    <div class="col-lg-4 ml-auto"><p class="lead">EXPLORE is a next generation learning institution that teaches students the skills of the future. From Data Science to Data Engineering, from Machine Learning to Deep Learning we deliver cutting edge courses to satisfy your hunger to learn.</p></div>
-                    <div class="col-lg-4 mr-auto"><p class="lead">Our philosophy is to teach our students how to solve problems in the real world. We emphasise teamwork, collaboration and working within constraints, under deadlines … while understanding context, audience and implementation challenges.</p></div>
-                    <!-- ======================================= -->
-                </div>
-                <!-- About Section Button-->
-                <div class="text-center mt-4">
-                    <a class="btn btn-xl btn-outline-light" href="https://github.com/Explore-AI">
-                        <i class="fas fa-download mr-2"></i>
-                        Link to My GitHub Repo :D
-                    </a>
+                    <!-- Image Section -->
+                    <div class="col-lg-4 ml-auto">
+                        <!-- Masthead Avatar Image in a Circular Container-->
+                        <div class="avatar-container">
+                            <img class="img-fluid rounded-circle" src="assets/img/portfolio/musa.jpeg" alt="" />
+                        </div><br>
+                    </div>
+                    <!-- Text Section -->
+                    <div class="col-lg-6 mr-auto">
+                        <p class="lead">
+                            <b>Meet Asimiyu Musa:</b> A passionate and experienced Data Engineer with a proven track record of designing, implementing, and optimizing scalable and reliable data solutions. Expertise in ETL processes, data warehousing, and database management, ensuring data quality and integrity across the organization.
+                        </p>
+                        <p class="lead">
+                            He has a proven ability to collaborate effectively with cross-functional teams to deliver impactful data initiatives. Also, he excels at utilizing programming skills and analytical thinking to tackle complex data challenges and contribute to the success of data-driven decision-making.
+                        </p>
+                        <!-- About Section Button-->
+                        <div class="text-center mt-4">
+                            <a class="btn btn-xl btn-outline-light" href="https://github.com/asimiyu-musa">
+                                <i class="fas fa-download mr-2"></i>
+                                Link to My GitHub Repo
+                            </a>
+                        </div>
+                    </div>
                 </div>
             </div>
         </section>
+
+
         <!-- Contact Section-->
         <!-- ========= !DO NOT MODIFY THIS SECTION! =========== -->
         <section class="page-section" id="contact">
@@ -240,9 +252,9 @@ <h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">
                     <div class="col-lg-4 mb-5 mb-lg-0">
                         <h4 class="text-uppercase mb-4">Location</h4>
                         <p class="lead mb-0">
-                            12th Floor, Rennie House, 19 Ameshoff St
+                            1 kings Street Off Benin- Auchi Road
                             <br />
-                            Johannesburg, 2001
+                            Ikpoba-Hills, Benin-City
                         </p>
                     </div>
                     <!-- ======================================= -->
@@ -251,19 +263,19 @@ <h4 class="text-uppercase mb-4">Location</h4>
                         <h4 class="text-uppercase mb-4">Around the Web</h4>
                         <!-- ========= CUSTOMISE SECTION =========== -->
                         <!-- Update the URL strings placed within the href field in order to link your website to your social media accounts-->
-                        <a class="btn btn-outline-light btn-social mx-1" href="https://www.facebook.com/explore.datascience/"><i class="fab fa-fw fa-facebook-f"></i></a>
-                        <a class="btn btn-outline-light btn-social mx-1" href="https://twitter.com/data_explore?lang=en"><i class="fab fa-fw fa-twitter"></i></a>
-                        <a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-linkedin-in"></i></a>
+                        <a class="btn btn-outline-light btn-social mx-1" href="https://www.facebook.com/musaashmiyu/"><i class="fab fa-fw fa-facebook-f"></i></a>
+                        <a class="btn btn-outline-light btn-social mx-1" href="https://twitter.com/AshmiyuMussa"><i class="fab fa-fw fa-twitter"></i></a>
+                        <a class="btn btn-outline-light btn-social mx-1" href="https://www.linkedin.com/in/asimiyu-musa-mba-38a65985/"><i class="fab fa-fw fa-linkedin-in"></i></a>
                         <a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-dribbble"></i></a>
                         <!-- ======================================= -->
                     </div>
                     <!-- Footer About Text-->
                     <!-- ========= CUSTOMISE SECTION =========== -->
                     <!-- You may wish to modify this text to align with your personal portfolio website -->
                     <div class="col-lg-4">
-                        <h4 class="text-uppercase mb-4">Explore AI Cloud Computing Predict</h4>
+                        <h4 class="text-uppercase mb-4">A & M Consulting</h4>
                         <p class="lead mb-0">
-                            Create your own data science portfolio with an intelligent NPL bot handling enquiries for you.</a>
+                            Data Facilitator and Broker</a>
                         </p>
                     </div>
                     <!-- ======================================= -->
@@ -272,7 +284,7 @@ <h4 class="text-uppercase mb-4">Explore AI Cloud Computing Predict</h4>
         </footer>
         <!-- Copyright Section-->
         <div class="copyright py-4 text-center text-white">
-            <div class="container"><small>Copyright © Your Website 2021</small></div>
+            <div class="container"><small>Copyright © A & M 2023</small></div>
         </div>
         <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes)-->
         <div class="scroll-to-top d-lg-none position-fixed">
@@ -294,7 +306,7 @@ <h4 class="text-uppercase mb-4">Explore AI Cloud Computing Predict</h4>
                                 <div class="col-lg-8">
                                     <!-- Portfolio Piece - Title-->
                                     <!-- Modify the title of the first portfolio project here -->
-                                    <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal1Label">Credit Fraud Detector</h2>
+                                    <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal1Label">ELT-Data Pipeline</h2>
                                     <!-- Icon Divider-->
                                     <div class="divider-custom">
                                         <div class="divider-custom-line"></div>
@@ -303,10 +315,15 @@ <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfol
                                     </div>
                                     <!-- Portfolio Piece - Image-->
                                     <!-- Modify the image of the first portfolio project here-->
-                                    <img class="img-fluid rounded mb-5" src="assets/img/portfolio/ales-nesetril-ex_p4AaBxbs-unsplash.jpg" alt="" />
+                                    <a href="https://github.com/asimiyu-musa/ELT-Data-Pipeline-using-Airbyte-and-BigQuery" target="_blank">
+                                        <img class="img-fluid rounded mb-5" src="assets/img/portfolio/data-pipeline.jpg" alt="" />
+                                    </a>
+
+
                                     <!-- Portfolio Piece - Text-->
                                     <!-- Modify the description of the first portfolio project here-->
-                                    <p class="mb-5">Built a credit card fraud detection system for one of South Africas big four banks</p>
+                                    <p class="mb-5">Designed and built a scalable data pipeline that ensured that raw data is extracted, loaded and transformed using airbyte, big-query and dagster </p>
+
                                     <button class="btn btn-primary" data-dismiss="modal">
                                         <i class="fas fa-times fa-fw"></i>
                                         Close Window
@@ -335,7 +352,7 @@ <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfol
                                 <div class="col-lg-8">
                                     <!-- Portfolio Piece - Title-->
                                     <!-- Modify the title of the second portfolio project here -->
-                                    <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal2Label">Rock Formation Classifier</h2>
+                                    <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal2Label">ETL- Data Pipeline</h2>
                                     <!-- Icon Divider-->
                                     <div class="divider-custom">
                                         <div class="divider-custom-line"></div>
@@ -344,10 +361,12 @@ <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfol
                                     </div>
                                     <!-- Portfolio Piece - Image-->
                                     <!-- Modify the image of the second portfolio project here-->
-                                    <img class="img-fluid rounded mb-5" src="assets/img/portfolio/sebastian-pichler-oqFHLfLFtmc-unsplash.jpg" alt="" />
+                                    <a href="https://github.com/asimiyu-musa/ETL-Data-Pipeline-Using-Pyspark" target="_blank">
+                                        <img class="img-fluid rounded mb-5" src="assets/img/portfolio/etl1.jpg" alt="" />
+                                    </a>
                                     <!-- Portfolio Piece - Text-->
                                     <!-- Modify the description of the second portfolio project here-->
-                                    <p class="mb-5">Designed and built a PoC rock formation density classifier to aid engineers in the preliminary building design phase</p>
+                                    <p class="mb-5">Designed and built a data pipeline that can extract, transform and load data into a database using Apache Pyspark as the drivers program</p>
                                     <button class="btn btn-primary" data-dismiss="modal">
                                         <i class="fas fa-times fa-fw"></i>
                                         Close Window