Skip to content

Commit

Permalink
Refactor HTML
Browse files Browse the repository at this point in the history 
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
  • Loading branch information
@rpet064
rpet064 committed Jun 23, 2024
1 parent b2819d3 commit fb0f87f
Showing 1 changed file with 60 additions and 90 deletions.
150 changes: 60 additions & 90 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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/[email protected]/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/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="./assets/css/styles.css">
Expand All @@ -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>
Expand All @@ -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: [email protected]" 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: [email protected]" 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>
Expand All @@ -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: [email protected]>';">Get in Touch</button>
</container>
Expand All @@ -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>

Expand All @@ -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: [email protected]>';">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: [email protected]>';">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: [email protected]>';"><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: [email protected]"><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>

Expand All @@ -199,52 +199,22 @@ <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>
<a title="Get in touch" href="mailto: [email protected]"><i class="far fa-envelope"></i></a>
</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>

Expand Down

0 comments on commit fb0f87f

Please sign in to comment.