From fb0f87fe0c97ea7e15dc92cc6bf82f33b5fc9d09 Mon Sep 17 00:00:00 2001
From: rpet064 <93119631+rpet064@users.noreply.github.com>
Date: Sun, 23 Jun 2024 20:24:39 +1200
Subject: [PATCH] Refactor HTML

Remove JQuery (not used)
Adjust content to match the information in CV / remove lorem ispum
Remove unused <p> and headers from body and footer
Adjust headers in work experience section
---
 index.html | 150 +++++++++++++++++++++--------------------------------
 1 file changed, 60 insertions(+), 90 deletions(-)

diff --git a/index.html b/index.html
index 1a94052..2508896 100644
--- a/index.html
+++ b/index.html
@@ -5,9 +5,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Andrew Rainham</title>
   
-  <!-- jQuery -->
-  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
   <!-- CSS Stylesheets -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
   <link rel="stylesheet" href="./assets/css/styles.css">
@@ -28,10 +25,11 @@
     <div id="navbar">
       <div id="logo" title="Logo">
         <div>
-          <h1 id="logo-header" onclick="logoClick()"><a class="navbar-brand">AR</a></h1>
+          <h1 id="logo-header"><a class="navbar-brand">AR</a></h1>
         </div>
         <div>
-          <p id="download-cv" title="download CV"><a class="navbar-brand" href="https://andrewrainhambucket.s3.amazonaws.com/Andrew-Rainham-CV.pdf">Download CV</a></p>
+          <p id="download-cv" title="download CV"><a class="navbar-brand" 
+            href="https://andrewrainhambucket.s3.amazonaws.com/Andrew-Rainham-CV.pdf" target="_blank"><u>Download CV</u></a></p>
       </div>
       </div>
     </div>
@@ -42,11 +40,10 @@ <h1 id="logo-header" onclick="logoClick()"><a class="navbar-brand">AR</a></h1>
         <div>
           <img class="main-img" src="https://andrewrainhambucket.s3.amazonaws.com/images/1.jpeg">
           <h1 class="large-heading">Andrew Rainham</h1>
-          <h5>Managing Director, Sales Director, Consultant, Football Fanatic</h5>
+          <h5>Sales and Marketing leader | Consultant | Football Fanatic</h5>
         </div>
         <div class="intro-icon-container">
-          <a href="mailto: ar.trevez@gmail.com" title="Gmail"><span class="fab icon-gmail fa-2x"></span></a>
-          <a title="Weixin" href="weixin://dl/chat?andrew_parrs"><i id="wechat-icon" class="fab fa-weixin" title="Wechat"></i></a>
+          <a href="mailto: ar.trevez@gmail.com" title="Gmail"><img src="./assets/images/gmail.jpeg" id="gmail-icon"></img></a>
           <a href="https://www.linkedin.com/in/andrew-rainham-0759a489/" title="Linkedin"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
         </div>
       </div>
@@ -57,7 +54,7 @@ <h5>Managing Director, Sales Director, Consultant, Football Fanatic</h5>
     <h3 class="section-header">Andrew Rainham</h3>
     <h2 classname="section-subheader">Behind every great company is a great leader</h2>
     <p>
-     Experienced Sales & Marketing Leader with proven skills in overseeing the development and execution of profitable and sustainable cross-border, multi- national trade across the beauty, wellbeing and lifestyle product categories
+     Expert Sales & Marketing Leader with proven skills in overseeing the development and execution of profitable and sustainable cross-border, multi- national trade across the beauty, wellbeing and lifestyle product categories.
     </p>
     <button title="Get in touch" onclick="location.href='mailto: ar.trevez@gmail.com>';">Get in Touch</button>
   </container>
@@ -81,47 +78,53 @@ <h3 classname="section-subheader">Resilient</h3>
   <container id="experience">
     <h3 class="section-header">Work History</h3>
     <div>
-      <h2 classname="section-subheader">Paars            Managing Director</h2>
-      <h4 classname="section-subsubheader">Janurary 1992     -     Present</h4>
+      <h2 classname="section-subheader">Self-Employed           Business Development Consultant</h2>
+      <h4 classname="section-subsubheader">January 2024    -     Present</h4>
       <p>
-        Director responsible for oversight of the Sales, Marketing & Human Resources functions
-      </p>
-      <img src="./assets/images/paars.jpg" /> 
+        Identifying and pursuing new business opportunities, developing strategic partnerships, and implementing growth strategies to expand a company's market presence and increase revenue.      </p>
     </div>
     <div>
-      <h2 classname="section-subheader">Paars            Managing Director</h2>
-      <h4 classname="section-subsubheader">Janurary 1992     -     Present</h4>
+      <h2 classname="section-subheader">Sales, Marketing & Humand Resources Director</h2>
+      <h4 classname="section-subsubheader">Paars Products Ltd</h4>
+      <h5 classname="section-subsubheader">April 2019     -     December 2023</h5>
       <p>
         Cross-functional Senior Management Role reporting to the Board of Directors, leading the Sales, Business Development & Marketing strategies across all of the onshore and offshore brands and businesses. Inspiring a team of Sales People, Marketers and Distributors/ Sales Agencies
       </p>
+      <img src="./assets/images/work-1.jpg" /> 
     </div>
     <div>
-      <h2 classname="section-subheader">Paars            Managing Director</h2>
-      <h4 classname="section-subsubheader">Janurary 1992     -     Present</h4>
+      <h2 classname="section-subheader">Area Sales Manager</h2>
+      <h4 classname="section-subsubheader">Carilac Co Ltd </h4>
+      <h5 classname="section-subsubheader">April 2019     -     December 2023</h5>
       <p>
-        Specialist advisor to the Executive Director and Management Team on Sales, Marketing & Business Planning to support overall business profitability and return of investment for Shareholders
-      </p>
+      Specialist advisor to the Executive Director and Management Team on Sales, Marketing & Business Planning to support overall business profitability and return of investment for Shareholders
+    </p>
+    <img src="./assets/images/work-2.png" /> 
     </div>
     <div>
-      <h2 classname="section-subheader">Paars            Managing Director</h2>
-      <h4 classname="section-subsubheader">Janurary 1992     -     Present</h4>
+      <h2 classname="section-subheader">Business Development & Marketing Manager</h2>
+      <h4 classname="section-subsubheader">Paars Products Ltd</h4>
+      <h5 classname="section-subsubheader">July 2016     -     April 2019 </h5>
       <p>
         Responsible for leading the Internationalisation and Marketing of the business through Direct Sales, Distributors and Independent Marketing Agencies across the Asia-Pacific Region
       </p>
     </div>
     <div>
-      <h2 classname="section-subheader">Paars            Managing Director</h2>
-      <h4 classname="section-subsubheader">Janurary 1992     -     Present</h4>
-      <p>
+      <h2 classname="section-subheader">Area Sales Manager</h2>
+      <h4 classname="section-subsubheader">Paars Products Ltd</h4>
+      <h5 classname="section-subsubheader">April 2013     -     July 2016</h5>
+        <p>
         Account and Territory Management with a focus on travel retail and export focused retail/distributors onshore and in Australia
       </p>
     </div>
     <div>
-      <h2 classname="section-subheader">Paars            Managing Director</h2>
-      <h4 classname="section-subsubheader">Janurary 1992     -     Present</h4>
+      <h3 classname="section-subheader">Team Leader - Gift & Souvenir</h2>
+      <h4 classname="section-subsubheader">AWPL Retail Solutions</h4>
+      <h5 classname="section-subsubheader">March 2010    -     April 2013</h5>
       <p>
         Retail Store Management for the groups largest-by-turnover outlet at Auckland International Airport
       </p>
+      <img src="./assets/images/work-3.png" /> 
     </div>
   </container>  
 
@@ -132,61 +135,58 @@ <h3 class="section-header">Education</h3>
       <h2 classname="section-subheader">Southern Institute of Technology</h2>
       <h4 classname="section-subsubheader">Invercargill, New Zealand</h4>
       <h4 classname="section-subsubheader">2017 - Present</h4>
-      <img src="./assets/images/massey.jpg" /> 
-      <p>
-        Nam ac neque ipsum. Aliquam consequat pretium mi non tincidunt. 
-        Aliquam quis purus vel libero pharetra sagittis. 
-        Nullam viverra nibh ex, eget hendrerit ante ultrices eu. 
-      </p>
+      <img src="./assets/images/education-1.jpeg" /> 
+      <!-- No information was supplied for this education -->
     </div>
     <div class="educaton-massey-div2">
       <h2 classname="section-subheader">Open Polytechnic of New Zealand</h2>
       <h4 classname="section-subsubheader">Lower Hutt, New Zealand</h4>
       <h4 classname="section-subsubheader">2012 - 2015</h4>
-      <p>
-        Nam ac neque ipsum. Aliquam consequat pretium mi non tincidunt.
-        Aliquam quis purus vel libero pharetra sagittis. 
-        Nullam viverra nibh ex, eget hendrerit ante ultrices eu. 
-      </p>
-      <img src="./assets/images/massey2.jpg" /> 
+      <li>
+        Double Major in Psychology & Business Communications
+      </li>
+      <img src="./assets/images/education-2.png" /> 
     </div>
   </container>
 
   <!-- Highlights -->
   <container id="highlights">
     <h3 class="section-header">Highlights</h3>
-      <h2 classname="section-subheader">Managing Director of Happy Bobs</h2>
-      <h4 classname="section-subsubheader">Janurary 2020 - December 2022</h4>
+    <div>
+      <h4 classname="section-subheader">Auckland Airport Employee of the year (finalist)</h2>
+      <h5 classname="section-subsubheader">2012</h4>
+      <!-- No information was supplied for this education -->
       <p>
-        Nam ac neque ipsum. Aliquam consequat pretium mi non tincidunt. 
-        Aliquam quis purus vel libero pharetra sagittis. 
-        Nullam viverra nibh ex, eget hendrerit ante ultrices eu. 
       </p>
+      <img src="./assets/images/highlight-1.jpeg" /> 
+    </div>
+
+    <div>
+        <h4 classname="section-subheader">Rotary Prize for Outstanding Leadership in the School Community</h2>
+        <h5 classname="section-subsubheader">2009</h4>
+      <!-- No information was supplied for this education -->
+      <p>
+      </p>
+      </div>
     </container>
 
   <!-- Call to Action -->
   <container id="cta">
-    <h3 class="section-header">Interested? let's get in touch</h3>
-      <p>
-        Nam ac neque ipsum. Aliquam consequat pretium mi non tincidunt. 
-        Aliquam quis purus vel libero pharetra sagittis. 
-        Nullam viverra nibh ex, eget hendrerit ante ultrices eu. 
-      </p>
-      <button onclick="location.href='mailto: ar.trevez@gmail.com>';">Get in Touch</button>
+    <h2 class="section-header">Unlock your business's full potential </h3>
+    <p>Schedule a consultation to explore innovative strategies for growth and success</p>
+      <!-- No information was supplied for this education -->
+      <button title="Get in touch" onclick="location.href='mailto: ar.trevez@gmail.com>';">Get in Touch</button>
     </container>  
 
   <!-- Footer -->
   <footer id="footer">
     <!-- left side of footer for customer -->
     <div class="footer-social-media">
-      <h5>Social Media</h5>
+      <p>©Andrew Rainham  <script>document.write(new Date().getFullYear())</script></p>
       <div class="footer-icon-container">
-        <button title="Email" id="footer-emailto-btn" onclick="location.href='mailto: ar.trevez@gmail.com>';"><i class="far fa-envelope"></i></button>
-        <a title="Weixin" href="weixin://dl/chat?andrew_parrs"><i class="fab fa-weixin"></i></a>
+        <a title="Get in touch" href="mailto: ar.trevez@gmail.com"><i class="far fa-envelope"></i></a>
         <a title="Linkedin" href="https://www.linkedin.com/in/andrew-rainham-0759a489/"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
       </div>
-      <p>©Andrew Rainham  <script>document.write(new Date().getFullYear())</script>
-      </p>
     </div>
   </div>
     
@@ -199,16 +199,15 @@ <h5>Navigation</h5>
         <a  title="Skills" href="#skills">Skills</a>
       </div>
       <div class="row2">
-        <a  title="Education" href="#education">Education</a>
-        <a  title="Experience" href="#experience">Experience</a>
-        <a  title="Highlights"  href="#highlights">Highlights</a>
+        <a title="Education" href="#education">Education</a>
+        <a title="Experience" href="#experience">Experience</a>
+        <a title="Highlights"  href="#highlights">Highlights</a>
       </div>
     </div>
 
     <!-- Right side of footer for developer advertising -->
     <div class="about-app">
-      <h5>About This App</h5>
-      <p>Created by robertpether.digital</p>
+      <p class="rob-site-link">Created by robertpether.digital</p>
       <div class="footer-icon-container">
         <a title="Github" href="https://github.com/rpet064"><i class="fab fa-github"></i></a>
         <a title="Linkedin" href="https://www.linkedin.com/in/robert-pether-ba9968113"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
@@ -216,35 +215,6 @@ <h5>About This App</h5>
       </div>
    </div>
   </footer>
-
-  <script>
-    // logo easter egg
-    let logoCSSTracker = 0;
-    function logoClick(){
-      var element = document.getElementById("logo-header");
-      switch (logoCSSTracker) {
-        case 3:
-        logoCSSTracker++;
-        element.style.fontFamily = "Rubik Storm";
-        break;
-        case 6:
-        element.style.fontFamily = "Rubik Gemstones";
-        logoCSSTracker++;
-        break;
-        case 9:
-        element.style.fontFamily = 'Sacramento';
-        logoCSSTracker++;
-        break;
-        case 12:
-        element.style.fontFamily = "Bungee Outline";
-        logoCSSTracker++;
-        break;
-        case 15:
-        element.style.fontFamily = "Pacifico";
-        logoCSSTracker = 0;
-        break;
-      }
-    }
   </script>
 </body>