-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·153 lines (125 loc) · 9.14 KB
/
index.html
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
<!doctype html>
<html lang="en">
<head>
<title>GAVIN PILI :: JUNIOR WEB DEVELOPER</title>
<!-- Required meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/index.css">
<!-- W3 CSS Modal -->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!-- W3 CSS Color Libraries -->
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-highway.css">
<!-- Google Font API -->
<link href="https://fonts.googleapis.com/css2?family=Capriola&family=Syne&Lato:wght@100;300&display=swap" rel="stylesheet">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Go To Top Button CSS -->
<link rel="stylesheet" href="css/topbutton.css">
</head>
<body>
<!-- Scroll to top button -->
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<div class="bgimg-1">
<div class="caption">
<span id="logo">g<b>p</b></span>
</div>
</div>
<div id="greeting">
<h3 style="font-size: 60px;">Hello :)</h3>
<h3 style="font-size: 40px;">I'm Gavin, a Junior Web Developer from Sydney.</h3>
</div>
<div class="bgimg-2">
<div class="caption">
<span class="border">I design websites, graphics and objects.</span>
</div>
</div>
<div style="position:relative;">
<div style="color:whitesmoke;background-color:rgb(88, 88, 88);text-align:center;padding:50px 80px; text-align: left; word-wrap: break-word;">
<p>To be yourself is to carve yourself out of stone. I like to find ways on how to make things simple, yet intuitive to use. I also look for opportunities to tell a story on the objects that I create. My design heroes are Dieter Rams, Arne Jacobsen, Ludwig Mies van der Rohe, Joseph Eichler and Jony Ive.</p>
<p>I have recently graduated from the Junior Web Development Program at Generation Australia in collaboration with Academy Xi. The program is backed by Verizon, Macquarie Bank and McKinsey & Company, to name a few. The course taught me programming languages like HTML5, CSS3, JavaScript, Bootstrap, use of Git, GitHub and Agile Software Development. I have learned about the practice and importance of behavioural skills and mindsets in software development. The soft skills training is in communication, proactiveness, adaptability, persistence, growth mindset, personal responsibility and future orientation. As a result, I have created a weather web app as a solo project and a task planner web app as a collaborative project. Both projects received accolades from the instructors and students for its beautiful UI design and parts of its UX Design.</p>
<p>I have a Bachelor's Degree with Honours in Fine Arts at UNSW Art & Design, awarded with Second Class Honours, Division 1. My majors are Photomedia and Jewellery & Object Design. My course electives allowed me to gain knowledge and understanding of how a designer can use the software as part of the creative practice. These include Web and Graphic Design, use of Adobe Creative Suite, Generative Design using Processing and 3D Design using FormZ. I have collaborated with other Design students on a new Vespa design, its printed catalogue and advertising posters and were awarded High Distinction marks. I have participated, engaged and exhibited artworks in galleries around Sydney since 2008. The launch of #SnapSydney in November 2017 saw my photomedia works featured on an article titled "Picturing Fresh Views of the City" on the print and digital version of The Daily Telegraph in Sydney.</p>
<p>Becoming a web developer was a dream come true. I am very excited to bring my web development, design and collaborative skills to future projects. I also dream of becoming a coach, mentor or educator in Web Development alongside becoming a full-stack developer. My biggest goal is to become a motivational speaker and author at the same time.</p>
<p>I believe that to realise your potential, you must learn how to give back. If I could help one person learn a skill, then that person can teach two other people, and so on. I want to have a legacy anchored by gratitude and built on continuity with a positive impact on the community. My work ethic is centred around efficiency, honesty and self-development to give back to the community by delivering enriching and meaningful experiences.</p>
</div>
</div>
<div class="bgimg-3">
<div class="caption">
<span class="border">Check out my works via links.</span>
</div>
</div>
<div style="position:relative;">
<div style="color:whitesmoke;background-color:rgb(88, 88, 88);text-align:center;padding:50px 80px;">
<p><a href="https://github.com/gavinpwd" target="_blank"><i class="fa fa-github"></i> GitHub Repository</a></p>
<p><a href="https://www.instagram.com/gavinpili/" target="_blank"><i class="fa fa-instagram"></i> Instagram</a></p>
<p><button onclick="myFunction('Demo1')" class="w3-btn w3-block w3-center-align"><i class="fa fa-file-image-o"></i> Exhibition History & Articles</button></p>
<div id="Demo1" class="w3-container w3-hide w3-small w3-left-align">
<ul>2020</ul>
<li>Publication: Forty Years of DLSMHSI College of Medicine, as Editor, Blurb Inc, San Francisco, USA</li>
<ul>2019</ul>
<li>Publication: JMGA-NSW and Australian Design Centre, Profile '19, as Graphic Designer, Paddington</li>
<ul>2018</ul>
<li>Annual '18, UNSW Galleries, Paddington</li>
<li>ADC Makers Market @Sydney Craft Week, Australian Design Centre, Darlinghurst</li>
<ul>2017</ul>
<li>Publication: Picturing Fresh Views of the City, Featured Artist, Daily Telegraph, Sydney</li>
<li>Takeaway '17, Gaffa Gallery, Sydney</li>
<li>Snap Sydney, NewsCorp HQ, Surry Hills</li>
<li>JMGA NSW Profile '17, Gauge Gallery, Glebe</li>
<li>Spring pARTy, UNSW Art & Design Council, 107 Projects, Redfern</li>
<li>Sydney Craft Week (Jewellery and Object Explorations), UNSW Art & Design, Paddington</li>
<ul>2016</ul>
<li>Publication: Destination NSW, Vivid Sydney 2016, as Documentation Photographer, June 2016</li>
<li>Publication: Kudos Gallery, as Documentation Photographer</li>
<li>Designed By, Kudos Gallery, Paddington</li>
<li>Kudos Emerging Artist and Designer Award, Finalist, Kudos Gallery, Paddington</li>
<li>Fisher's Ghost Art Awards, Contemporary Art Prize Finalist, Campbelltown Arts Centre</li>
<ul>2015</ul>
<li>Shelter Union in collaboration with Tony Adams and the Coconut Collective,UNSW Galleries, Paddington</li>
<ul>2013</ul>
<li>Publication: AGFG Australian Good Food Guide, 2013 edition</li>
<li>COFA Photomedia Exhibition, Q Station, North Head, Manly</li>
<li>Out of PLACE, COFASpace Gallery, Paddington</li>
<li>Launch, See Street Gallery, Meadowbank</li>
<ul>2012</ul>
<li>Publication: Northern District Times, July 2012</li>
<li>Publication: Share Your Art, Ryde City Council, 2012</li>
<li>ArtLib, The Rocks Pop Up Gallery, The Rocks Sydney</li>
<li>Moving Through Time and Space, Brush Farm House, Eastwood</li>
<li>Construction, Fabrication and Installation, Pop Goes The Easel Gallery &Studio, Epping</li>
<li>Diversity: Expressions in Art, Pop Goes The Easel Gallery & Studio, Epping
</li>
<li>MCA Art Awards, See Street Gallery, Finalist, Meadowbank </li>
<li>Meadowmorphosis, See Street Gallery, Meadowbank</li>
<li>Festivus, Pop Goes The Easel Gallery & Studio, Epping</li>
<ul>2009</ul>
<li>Publication: Bead Star 2009 Annual, Interweave Press LLC, Pennsylvania, USA</li>
<li>Publication: Ethereal, Blurb Inc, San Francisco, USA</li>
<li>Explorations '09, Gaffa Gallery, Sydney</li>
<li>Explorations '09, Guildford Lane Gallery, Melbourne </li>
<li>Bead Star 2009, Honourable Mention, Santa Fe, New Mexico, USA</li>
<ul>2008</ul>
<li>Explorations '08, Gaffa Gallery, Sydney</li>
</div>
</div>
</div>
<div class="bgimg-4">
<div class="caption">
<p><span class="border">Say Hello</span></p>
<div class="w3-container w3-center">
<img src="images/memoji.jpg" alt="Avatar" class="avatar w3-round-xxlarge">
</div>
<div id="button-links" class="w3-container w3-center">
<div class="w3-bar">
<button class="w3-btn w3-round-small w3-border w3-border-blue w3-hover-blue w3-section w3-mobile"><a href="https://www.linkedin.com/in/gavin-pili/" target="_blank"><i class="fa fa-linkedin-square"></i> LinkedIn</a></button>
<button class="w3-btn w3-round-small w3-border w3-border-yellow w3-hover-yellow w3-section w3-mobile"><a href="mailto:info@gavinpili.com" target="_blank"><i class="fa fa-envelope"></i> Email</a></button>
</div>
</div>
</div>
</div>
<footer>
<small>Made at Generation :: Academy Xi || © Copyright 2020 by Gavin Pili.</small>
</footer>
<!-- JavaScript -->
<script src="js/index.js"></script>
</body>
</html>