CoderAcademy-ALL · RoryEvers · Apr 6, 2021 · Apr 7, 2021 · Apr 7, 2021 · Apr 7, 2021
diff --git a/README.md b/README.md
@@ -1 +1,4 @@
-# portfolio-site
+# portfolio-site
+
+
+# testing git branch document
diff --git a/about.html b/about.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <title>About Me</title>
+</head>
+<body>
+
+
+<header>
+    <nav>
+        <div class="dropdown">
+            <button class="dropbtn">&#9776;</button>
+            <div class="dropdown-content">
+            <a href="./index.html">Home</a>
+            <a href="./about.html">About</a>
+            <a href="./projects.html">Projects</a>
+            <a href="./contact.html">Contact</a>
+            </div>
+          </div>
+    </nav>
+</header>
+ <main class="about-page">
+     <section class="about-top">
+        <h1 class="about-heading">How I can help you</h1>
+        <article class="about-text">
+           <span class="quote">Learning to code will better enable me to help your team build valuable tools and products.</span> 
+            <p class = about-text-p1>My past experiences outside of coding demonstrate the value I can add in many areas:</p>  
+            <ul class="skillslist">
+                <li>Accounting and Banking Industry - 5 years</li>
+                <li>Co-Management of a Renovations Business - 5 years</li>
+                <li>Bachelor of Science/Bachelor of Arts - Neuroscience and Psychology</li>
+                <li>Film and Media Industry - 2.5 years</li>
+                <li>E-Commerce Freelancing - 2 years</li>
+
+            </ul> 
+            <p class="about-text-p2"></p>Throughout this site these have been divided into three streams: <span class="coding-span">Coding and Technology</span>, <span class="bus-span">Business</span>, and <span class="arts-span">Arts and Humanities</span>. I believe each area is important, and my ability to apply lessons from these contrasting experiences will be an asset across every project you are considering.</p> 
+
+
+        </article>
+    </section>
+    <h2 class="resume-heading">Education & Experience</h2>
+        <section class="about-info">
+
+            <!-- Single card -->
+            <article class="card">
+              <p class="res-h">Coder Academy</p>
+              <p class="res-date">2021</p>
+              <p class="res1">Diploma of Information Technology</p>
+              <p class="res2">HTML, CSS, Ruby, Rails, Git, JavaScript, APIs, React.</p>
+              <p class="res3">1 Month Internship. Networking with current and former students. Practical focus to become hireable immediately. </p>
+              <p class="res4">Design, Collaboration, Communication, Purpose.</p>
+
+            </article>
+            <!-- End of Single card -->
+            <!-- Single card -->
+            <article class="card">
+                <p class="res-h">E-Commerce Freelancing</p>
+                <p class="res-date">2019 - Present</p>
+                <p class="res1">Broad skill set.</p>
+                <p class="res2">Wordpress, Shopify, Hosting, SEO, Pricing Software, Amazon API, Product Catalogues.</p>
+                <p class="res3">Pitching to clients, Planning website build schedules, Advertising, Accounting, Copywriting, Social media. </p>
+                <p class="res4">Website design, Understanding customer needs, Tea Shop, Book Shop, Yoga Accessories.</p>
+
+              </article>
+              <!-- End of Single card -->
+            <!-- Single card -->
+            <article class="card">
+                <p class="res-h">Regional Australia Bank</p>
+                <p class="res-date">2017-2019</p>
+                <p class="res1">Operations Support, Credit Control.</p>
+                <p class="res2">Unix, PnR, General office hardware and software. Other staff members and customers required my department for more advanced applications within bank software.</p>
+                <p class="res3">Understanding the needs of a bank, Corporate workplace, Negotiating with clients.</p>
+                <p class="res4">Empathy and compassion when negotiating and clear communication with stakeholders at all levels.</p>
+
+              </article>
+              <!-- End of Single card -->
+            <!-- Single card -->
+            <article class="card">
+                <p class="res-h">University of New England</p>
+                <p class="res-date">2016-2020</p>
+                <p class="res1">Bachelor of Science/ Bachelor of Arts</p>
+                <p class="res2">R, Mathematics, Statistics, Logical thinking Philosophy electives. </p>
+                <p class="res3">Involved in testing of application using EEG designed for training cricket players.</p>
+                <p class="res4">Psychology, Philosophy, Academic Writing </p>
+
+              </article>
+              <!-- End of Single card -->
+            <!-- Single card -->
+            <article class="card">
+                <p class="res-h">Beach Bathrooms</p>
+                <p class="res-date">2011-2016</p>
+                <p class="res1">Co-manager of Family Business.</p>
+                <p class="res2">CAD, MYOB, tools with digital features, website</p>
+                <p class="res3">Leading small teams, Scheduling, Negotiations, Advertising, Council Regulations, Staffing, Invoicing, </p>
+                <p class="res4">Relationship management - family and customers, Selling an idea, Classical Design Principles regarding Simplicity and Proportion.</p>
+
+              </article>
+              <!-- End of Single card -->
+            <!-- Single card -->
+            <article class="card">
+                <p class="res-h">Film Industry (Various)</p>
+                <p class="res-date">2013-2015</p>
+                <p class="res1">Diploma of Information Technology</p>
+                <p class="res2">Final Cut Pro</p>
+                <p class="res3">Producing and organising small and large teams. Commercial work with ABC Television, Saatchi and Saatchi, and National Geographic Channel.</p>
+                <p class="res4">Structure, Balance, Purpose, The mind of the audience, Authenticity, Writing, Visuals, Audio, and Editing. </p>
+
+              </article>
+              <!-- End of Single card -->
+            <!-- Single card -->
+            <article class="card">
+                <p class="res-h">Metro Screen</p>
+                <p class="res-date">2013</p>
+                <p class="res1">Certificate IV - Screen & Media</p>
+                <p class="res2">Final Cut Pro, Canon 5D, Data Wrangling</p>
+                <p class="res3">Intensive course on all aspects of filmmaking including: Organising small teams, financing etc.</p>
+                <p class="res4">Screenwriting, producing, directing, editing, sound, cinematography</p>
+
+              </article>
+              <!-- End of Single card -->
+            <!-- Single card -->
+            <article class="card">
+                <p class="res-h">Ernst & Young</p>
+                <p class="res-date">2010 - 2011</p>
+                <p class="res1">2 Year Cadetship</p>
+                <p class="res2">GamX, Advanced applications of Excel.</p>
+                <p class="res3">Solving challenging analytical and financial problems to strict deadlines. Understanding client company operations. Communicating with key stakeholders including Chief Financial Officers. Companies such as Xstrata and Whitehaven Coal.</p>
+                <p class="res4">Meticulous attention to detail to ensure accuracy of annual reports. Writing the humour section for the newsletter</p>
+
+              </article>
+              <!-- End of Single card -->
+
+
+        </section>
+        <section class="forme">
+        <h1 class="forme-h">How you can help me</h1>
+
+
+
+
+            <h2 class="resume-heading">Hobbies & Interests</h2>     
+        <section class="hobby-area">
+            <img class="hobby" src="./img/Vipassana.jpg">
+            <img class="hobby" src="./img/Daft-Punk.jpg">
+
+
+        </section>
+
+    </section>
+
+ </main>
+
+
+
+
+
+
+
+
+
+
+ <footer>
+
+</footer>
+</body>
+
+
+</html>
+
+
+
+
+
+
+
+
+
+        <!-- <section id="profile">
+            <h1 class="title">Rory Evers</h1>
+            <div class="row container">
+                <div class="col-4 col-s-12">
+                    <img src="img/profile.jpg" alt="profile-pic">
+                </div>
+                <div class="col-8 col-s-12">
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo beatae dolores eveniet, ducimus exercitationem velit dolore eius quis incidunt aut minima, porro consequatur fugit, similique ratione tempore distinctio! Animi, earum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa possimus ducimus tempora odio veniam delectus, totam consequuntur tempore, itaque explicabo a dolorum accusantium ullam placeat reprehenderit, quo reiciendis porro necessitatibus!</p>
+                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id ipsa vel deleniti sit? Magni facilis excepturi molestias rerum aliquid. Alias facere voluptas officiis sint veniam dolorum veritatis cupiditate autem iste.</p>
+                </div>
+            </div>
+        </section>
+        <section id="projects">
+            <h1 class="title">PROJECTS</h1>
+            <div class="row container">
+                <div class="col-4 col-s-12">
+                    <div class="project">
+                        <img src="img/iot.jpeg" alt="iot">
+                        <h2>Internet Of Things</h2>
+                        <a href="/">Show More</a>
+                    </div>
+                </div>
+                <div class="col-4 col-s-12">
+                    <div class="project">
+                        <img src="img/vehicle_diagnostics.jpeg" alt="iot">
+                        <h2>vehicle diagnostics</h2>
+                        <a href="/">Show More</a>
+                    </div>
+                </div>
+                <div class="col-4 col-s-12">
+                    <div class="project">
+                        <img src="img/web-development.jpeg" alt="iot">
+                        <h2>Web development</h2>
+                        <a href="/">Show More</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section id="skills"></section>
+
+
diff --git a/blog.html b/blog.html
diff --git a/blog1.html b/blog1.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <title>Blog 1</title>
+</head>
+<body>
+
+
+<header>
+    <nav>
+        <div class="dropdown">
+            <button class="dropbtn">&#9776;</button>
+            <div class="dropdown-content">
+            <a href="./index.html">Home</a>
+            <a href="./about.html">About</a>
+            <a href="./projects.html">Projects</a>
+            <a href="./contact.html">Contact</a>
+            </div>
+          </div>
+    </nav>
+</header>
+ <main class="blog-page">
+     <section class="blog-top">
+        <h1 class="blog-heading">Blog 1</h1>
+        <h2 class="date-pub">Published 16 April 2021</h2>
+        <img class="blog-img" alt="A screenshot of this website"  src="img/Vipassana.jpg">A relevant photo.</img>
+        <article class="blog-text">
+
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos optio consequuntur fuga minima fugiat voluptates praesentium dolores aperiam, sit dolore? Pariatur quos harum quam voluptates perferendis recusandae, in ad necessitatibus? Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt, totam nobis. Impedit illum debitis nesciunt ex aliquam! Nulla, eum culpa qui, quas reiciendis, dicta officiis nemo recusandae officia sunt odit?</article>
+    </section>
+
+
+
+
+
+
+
+
+
+
+
+ </main>
+
+
+
+
+
+
+
+
+
+
+ <footer>
+
+</footer>
+</body>
+
+
+</html>
diff --git a/blog2.html b/blog2.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <title>Blog 2</title>
+</head>
+<body>
+
+
+<header>
+    <nav>
+        <div class="dropdown">
+            <button class="dropbtn">&#9776;</button>
+            <div class="dropdown-content">
+            <a href="./index.html">Home</a>
+            <a href="./about.html">About</a>
+            <a href="./projects.html">Projects</a>
+            <a href="./contact.html">Contact</a>
+            </div>
+          </div>
+    </nav>
+</header>
+ <main class="blog-page">
+     <section class="blog-top">
+        <h1 class="blog-heading">Blog 2</h1>
+        <h2 class="date-pub">Published 16 April 2021</h2>
+        <img class="blog-img" alt="A screenshot of this website"  src="img/Vipassana.jpg">A relevant photo.</img>
+        <article class="blog-text">
+
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos optio consequuntur fuga minima fugiat voluptates praesentium dolores aperiam, sit dolore? Pariatur quos harum quam voluptates perferendis recusandae, in ad necessitatibus? Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt, totam nobis. Impedit illum debitis nesciunt ex aliquam! Nulla, eum culpa qui, quas reiciendis, dicta officiis nemo recusandae officia sunt odit?</article>
+    </section>
+
+
+
+
+
+
+
+
+
+
+
+ </main>
+
+
+
+
+
+
+
+
+
+
+ <footer>
+
+</footer>
+</body>
+
+
+</html>