-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
139 lines (127 loc) · 6.42 KB
/
index.php
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
<!DOCTYPE html>
<html lang="en" class="lenis">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>paul aries - home</title>
<link rel="stylesheet" href="./style.css?v=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Rubik:ital,wght@0,300..900;1,300..900&family=Wix+Madefor+Display:[email protected]&display=swap"
rel="stylesheet">
<link rel="canonical" href="./index">
<link rel="icon" href="./icons/ui/logo-big.svg">
<link rel="apple-touch-icon" href="../media/apple-touch-icon.png">
<!-- HTML Meta Tags -->
<meta name="description"
content="hey there, i'm paul aries! i'm a creative, user-centered front-end developer and ux/ui designer. explore my portfolio, view my work, and connect with me!">
<meta name="author" content="Paul Aries">
<meta name="keywords"
content="Paul Aries, front-end developer, UX/UI designer, portfolio, web development, user experience, user interface design">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://www.paularies.ca">
<meta property="og:type" content="website">
<meta property="og:title" content="paul aries - front-end developer & ux/ui designer">
<meta property="og:description"
content="hey there, i'm paul aries! i'm a creative, user-centered front-end developer and ux/ui designer. explore my portfolio, view my work, and connect with me!">
<meta property="og:image" content="https://www.paularies.ca/media/og-image.jpg">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="paularies.ca">
<meta property="twitter:url" content="https://www.paularies.ca">
<meta name="twitter:title" content="paul aries - front-end developer & ux/ui designer">
<meta name="twitter:description"
content="hey there, i'm paul aries! i'm a creative, user-centered front-end developer and ux/ui designer. explore my portfolio, view my work, and connect with me!">
<meta name="twitter:image" content="https://www.paularies.ca/media/og-image.jpg">
<?php include './components/metadata.php'; ?>
</head>
<?php include './components/initials.php' ?>
<body>
<div class="cursor"></div>
<div class="scroll-progress-container">
<div class="scroll-progress"></div>
</div>
<?php include './components/header.php'; ?>
<div class="hero-wrapper">
<div class="hero parallax flex col aic jcc">
<hgroup class="grid col-12-8-4 hero-text">
<h2 class="hero-greeting span-lg">
<span class="reveal">hey there!</span><br>
<span class="reveal indent">my name is:</span>
</h2>
<div class="hero-name-container reveal span-lg">
<h1 id="hero-name">
paul aries
</h1>
</div>
<div class="align-right span-lg">
<h2 class="hero-description">
<span class="reveal">a creative, user-centered</span>
</h2>
</div>
<div class="align-right span-lg">
<h2 class="flex aic jcr gap-8 wrap">
<span class="reveal btn green">
<img src="./icons/ui/white-star.svg" alt="star icon." draggable="false">
front-end developer
</span>
<span class="reveal btn blue">
<img src="./icons/ui/white-target.svg" alt="target icon." draggable="false">
ux/ui designer
</span>
</h2>
</div>
<div class="arrow-container span-lg flex aic jcc">
<a href="#intro">
<img class="reveal arrow-down" src="./icons/ui/black-arrow-down.svg" alt="arrow icon."
draggable="false">
</a>
</div>
</hgroup>
</div>
</div>
<main class="flex col aic jcc">
<section id="intro" class="grid col-12-8-4 gap-48">
<div class="intro cell span-lg flex jcsb gap-24">
<img class="picture" src="./media/paul-1.jpg" alt="headshot of paul aries." draggable="false">
<div class="flex col gap-16">
<p class="quote">my passion for both art and tech has always driven me to merge the two
creatively.
</p>
<p>that's why i love the world of <strong>front-end development</strong> and <strong>ux/ui
design</strong>—i can
create innovative solutions and help users navigate the digital world in a satisfying and
refreshing way.
</p>
<a class="secondary btn" href="./about">
learn more
</a>
</div>
</div>
<div class="project-cards list span-lg">
<h2 class="span-lg">featured work</h2>
<?php include './components/project-cards/guy-card.php'; ?>
<?php include './components/project-cards/tempo-card.php'; ?>
<div class="flex jcr gap-16 span-lg more">
<a class="secondary btn" href="./work">
all projects
</a>
</div>
</div>
<div class="flex col gap-16 span-lg">
<?php include './components/testimonial-cards/masha.php'; ?>
<?php include './components/testimonial-cards/emma.php'; ?>
<div class="flex flex-toggle gap-16">
<?php include './components/testimonial-cards/jayden.php'; ?>
<?php include './components/testimonial-cards/nicole.php' ?>
</div>
</div>
</section>
</main>
<?php include './components/footer.php'; ?>
<script src="./dist/vendors.js"></script>
<script src="./dist/global.js"></script>
<script src="./dist/home.js"></script>
</body>
</html>