-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
47 lines (47 loc) · 2.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="description" content="Freelance website designer and developer skilled in HTML, CSS, Sass, Bootstrap, Foundation, TailwindCSS, JavaScript, jQuery, PHP, Composer, PHPOffice, Laravel, Livewire, WordPress, Elementor, MySQL, Python, CSharp, and Java.">
<meta name="keyword" content="Freelance, Contractor, HTML, HyperText Markup Language, CSS, Cascading Stylesheets, Sass, Bootstrap, Foundation, TailwindCSS, JavaScript, jQuery, PHP, PHP: Hypertext Preprocessor, Composer, PHPOffice, PHPWord, PhpSpreadsheet, Laravel, Livewire, Docker, WordPress, Custom Themes, Custom Plugins, Elementor, MySQL, Python, Django, Heroku, CSharp, Java, VB, Visual Basic, Web Design, Website Design, Web Dev, Website Dev, Web Development, Website Development, Microsoft Word, Microsoft Excel, Microsoft Access, Red Diamond IT, The Hatch, MonkeyFish Marketing, Flying Boat Media, Hopeful Studio, Studio Coact, HTS Engineering, ATEXInspect, I-Ingenuity">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scott Sewards - PHP and Laravel Developer</title>
<link rel="shortcut icon" href="favicon.webp">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap" rel="stylesheet">
<style media="screen">
*, *::before, *::after { box-sizing: border-box; }
body {
background: #FACEB0;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
height: 100vh;
animation: fadein 0.2s ease-in forwards;
font-family: "Poppins", sans-serif;
font-size: 16px;
opacity: 0;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
main {
padding: 1rem;
text-align: center;
}
h1, p, a {
color: #222;
margin: 0.5rem auto;
font-weight: 400;
}
</style>
</head>
<body>
<main>
<h1>Scott Sewards</h1>
<p><a href="mailto:[email protected]">Click here to bother me</a></p>
</main>
</body>
</html>