-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (101 loc) · 3.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-4VN413SB1C"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-4VN413SB1C");
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Jay Stewart - Backend developer with 8+ years of experience building high-impact web applications."
/>
<title>Jay Stewart</title>
<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=Alata&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
</head>
<body class="bg-gray-100 playwrite-gb-s-fun">
<header
class="bg-cover bg-center py-12"
style="background-image: url('images/banner-image-site.jpg')"
aria-label="Banner image"
>
<div class="container mx-auto text-center text-white max-w-4xl">
<h1 class="text-5xl font-bold mb-4">Hey, I'm Jay.</h1>
<p class="text-4xl">Crafting Code.</p>
</div>
</header>
<main class="container mx-auto py-12 px-4 max-w-4xl">
<section class="mb-4 px-4 text-center">
<div class="w-full mx-auto pb-12">
<div class="relative w-full h-96 overflow-hidden rounded-lg">
<img
src="images/jay-picture.jpg"
alt="Jay Stewart"
class="absolute inset-0 object-cover w-full h-full"
/>
</div>
</div>
<p class="text-gray-700 leading-relaxed lg:text-3xl text-justify">
I'm a full-stack developer with 8+ years of experience building
high-impact web applications with a focus on performance and
scalability. I thrive in startup environments, where I can leverage my
expertise to create seamless and engaging user experiences that drive
results. I'm passionate about optimizing applications for speed and
efficiency, and I'm constantly exploring new technologies to achieve
this. Currently, I'm diving deep into Next.js and AWS Amplify to build
cutting-edge solutions. I'm always eager to contribute to projects
that push the boundaries of what's possible in web development.
</p>
</section>
<section class="mb-4">
<div
class="flex flex-col md:flex-row justify-center items-center text-center"
>
<a
href="https://github.com/jaystewartcouk"
class="m-2 text-blue-500 hover:underline text-3xl"
>GitHub</a
>
<a
href="https://www.linkedin.com/in/jaystewartcouk/"
class="m-2 text-blue-500 hover:underline text-3xl"
>LinkedIn</a
>
</div>
<div class="text-center">
<p class="lg:text-4xl">[email protected]</p>
</div>
</section>
</main>
<footer class="bg-gray-800 text-white py-6">
<div class="container mx-auto text-center">
<p>© 2024 Jay Stewart</p>
</div>
</footer>
</body>
</html>