-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (110 loc) · 5.99 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tyron Wytrykowski - Frontend Web Developer</title>
<meta name="description" content="Tyron Wytrykowski Front-end web developer portfolio. South African born, and living in London. I have a passion for all things digital and creatively solving problems.">
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/styles/main.css">
</head>
<body>
<div class="container">
<div class="row header">
<div class="col-sm-6">
<h1><a href="http://www.tyronw.com">Tyron<br/>Wytrykowski</a></h1>
</div>
<div class="col-sm-6">
<a href="contact.html" class="btn btn-default pull-right btn-lg button">Contact Me</a>
</div>
</div>
<div class="row">
<div class="col-md-12 intro text-center">
<h2><span><</span>Front-end developer<span>/></span> <br/>
<span><</span>Designer<span>/></span><span id="blink">|</span>
</h2>
<div class="social-links">
<ul>
<li><a href="https://github.com/tyronwyt"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://codepen.io/tyronw/"><i class="fa fa-codepen fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/tyronwytrykowski/"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/TyronRGB"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>
</ul>
</div>
<p>South African born, and living in London.<br/>I have a passion for all things digital and creatively solving problems.</p>
</div>
</div>
</div>
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="featured-container">
<a href="portfolio/SP-GLobal.html">
<div class="col-md-4 card" style="background-image: url('assets/images/Front-end.jpg')">
<div class="card-info">
<h4>S&P Global <i class="fa fa-angle-right" aria-hidden="true"></i></h4>
</div>
</div>
</a>
<a href="portfolio/JHA-Recruitment.html">
<div class="col-md-4 card" style="background-image: url('assets/images/JHA-Recruitment.jpg')">
<div class="card-info">
<h4>JHA Recruitement <i class="fa fa-angle-right" aria-hidden="true"></i></h4>
</div>
</div>
</a>
<a href="portfolio/Icecream.html">
<div class="col-md-4 card" style="background-image: url('assets/images/ice-cream.gif')">
<div class="card-info">
<h4>Pure HTML & CSS Ice-cream <i class="fa fa-angle-right" aria-hidden="true"></i></h4>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="row about-me">
<div class="col-md-12">
<h1>About me</h1>
<p>I was born in South Africa and love a good <a href="https://en.wiktionary.org/wiki/braai">braai <span class="glyphicon glyphicon-fire" aria-hidden="true"></span></a>.</p>
<p>I enjoy all things digital. If I am not building websites and learning new things, I am tinkering away on my 3d printer and making things.
With a strong background in design, I enjoy bringing creativity in to my development process and always passionate to learn more along the way.</p>
<p>Following my passion, I left flight school to learn web development and on the way started facilitating at a national college in South Africa.
I then moved on and joined an advertising startup where I was responsible for all the design and web work, whilst at the same time freelancing, building and deploying multiple WordPress sites.
My latest experience includes working with a global creative team developing branding and marketing and communication material for a Fortune 500 company.
</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p>© 2017 Tyron Wytrykowski | All rights reserved.</p>
<div class="social-links">
<ul>
<li><a href="https://github.com/tyronwyt"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://codepen.io/tyronw/"><i class="fa fa-codepen fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/tyronwytrykowski/"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/TyronRGB"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-100856759-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>