-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
120 lines (99 loc) · 5.26 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Jay F.</title>
<link rel="stylesheet" href="/css/styles.min.css">
<link rel="icon" type="image/png" href="/assets/icon-png's/j-loho-bracket.png">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300|Roboto&display=swap" rel="stylesheet">
</head>
<body>
<main id="swup" class="swup-transition-fade">
<div class="nav-toggle-container">
<div class="toggle-btn">
<div class="one"></div>
<div class="two"></div>
</div>
</div>
<div class="menu">
<div class="data">
<ul>
<li class="menu-title">Navigation</li>
<li><a class="menu-items" href="/index.html">Home</a></li>
<li><a class="menu-items" href="/about.html">About</a></li>
<li><a class="menu-items" href="projects.html">Projects</a></li>
<li><a class="menu-items" href="/contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="logo-container">
<a href="index.html"><img src="../assets/icon-png's/j-loho-bracket.png" class="logo"></a>
</div>
<div id="particles-js">
</div>
<!--shared content-end-->
<section id="container">
<div class="card-container">
<div class="intro-card">
<div class="card-header m16">
About Me
</div>
<div class="underline"></div>
<p class="intro-text ">
I am a Front end web developer and UX designer from Ottawa Canada. I am passionate about
modern
web design and bringing clean modern designs to life. I have knowledge of modern web
technologies such as post CSS, SASS, Web pack, Javascript, Wordpress and more. With
knowledge
of graphic design principles, I incorporate these principles to the web. To see more of my projects or just to learn more about me, check out my
social
media pages with the through the links below!
</p>
<div class="selfie-contain">
<img src="../assets/images/selfie-circle-grad.png" class="selfie">
</div>
<a class="download-link" alt="Jay Ferguson's Resume" href="../assets/images/"
download="Jay Ferguson's Resume">Download my Resumé
<img src="../assets/images/Asset [email protected]" class="CV">
</a>
</div>
<div class="social-container">
<a href="https://www.behance.net/JayF" target="_blank" class="social-link"><img
src="../assets/icon-png's/behance.png" alt="behance" class="social-icon"></a>
<a href="https://dribbble.com/" target="_blank" class="social-link"><img
src="../assets/icon-png's/dribble.png" alt="dribble" class="social-icon"></a>
<a href="https://www.instagram.com/jayxferg/?hl=en" target="_blank" class="social-link"><img
src="../assets/icon-png's/insta-logo-trns.png" alt="instagram"
class="social-icon"></a>
<a href="https://codepen.io/ferg04084" target="_blank" class="social-link"><img
src="../assets/icon-png's/code-pen-logo.png" alt="codepen" class="social-icon"></a>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>
particlesJS.load('particles-js', '../particles.json',
function () {
console.log("particles.json loaded...");
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/d3js/5.9.7/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<script src="node_modules/swup/dist/swup.min.js"></script>
<script>
const swup = new Swup();
const options ={ animationSelector: '[class*="swup-transition]'};
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
<script src="../node_modules/aos/dist/aos.js"></script>
<script src="/js/main.js">
</script>
</main>
<footer id="footer">
<div class="footer-text">Jay Ferguson™</div>
</footer>
</body>
</html>