-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (109 loc) · 8.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chasey's Portfolio</title>
<link rel="shortcut icon" href="Images/GEU2NSPr_400x400.jpg"/>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="JQuery/jquery.js" type="text/javascript" language="JavaScript"></script>
<script src="script.js" type="text/javascript" language="JavaScript"></script>
<script src="JQuery/Animated-Firefly-Effect/Animated-Firefly-Effect/jquery.firefly-0.7.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<!-- FONTS -->
<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=Kanit:wght@200&family=Poppins:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@100&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<a id="homeButton" title="Home" href="#home-anchor">Home</a>
<a id="projectsButton" title="Projects" href="#projects-anchor">Projects</a>
<a title="Languages" href="#languages-anchor">Languages</a>
<a title="Resume" href="resume.html">Resume</a>
</nav>
<header id="home-anchor">
<div class="introduction">
<h1 style="font-size: 70px;">Chasey Van Wie</h1>
<h3>UI Developer</h3>
</div>
<img src="Images/GEU2NSPr_400x400.jpg" title="Artist: @pixel_art_girl" class="pixelself__image" id="pixelSelfImage">
<div class="aboutme__header">
<p>Hi! 👋 Here is some background on me before you jump in!<br><br>I have been coding since I was
11 years old and was a big advocate for accessable education on technology within my schools. 🎓
Once I graduated high school I was ready to bring my skills into the workforce. My first coding job
was at an after school education center called theCoderSchool. Here I taught students how to create their own
web development projects using
a variety of languages. After that, I started interning at a non-profit organization called
DeafandHoH.com, LLC as a Web Developer. 💻 They started a new startup and transfered me over there to
lead their web development for Leap Forward.<br><br>I am currently working as a Junior UI Developer for a fortune 500 company
called Fluke. I am always ready for a new adventure in the field of technology.
My goal is to make a difference whether it be big or small and bring positive and memorable experiences
to users all over the world. 🌎</p>
</div>
</header>
<div class="body__container" id="projects-anchor">
<h2>Projects</h2>
<p>Projects I have created that are floating somewhere in the internet.</p>
<div class="projects__container">
<div class="projectsIndivid__container">
<a href="pricing-component-interior-page.html"><img class="projects__images" id="pricingComponentImage" src="Images/Pricing Component.png"></a>
<h4 id="pricingComponentTitle" style="transform:translate(0%, -240%); font-size: x-large; color: transparent;">Pricing<br>Component</h4>
</div>
<div class="projectsIndivid__container">
<a href="leapForward-interior-page.html"><img class="projects__images" id="LeapForwardImage" src="Images/leapforward.png"></a>
<h4 id="LeapForwardTitle" style="transform:translate(0%, -240%); font-size: x-large; color: transparent;">LeapForward<br>Website</h4>
</div>
<div class="projectsIndivid__container">
<a href="flower-shop-interior-page.html"><img class="projects__images" id="floristWebsiteImage" src="Images/Flower-Shop-Website.png"></a>
<h4 id="FloristTitle" style="transform:translate(0%, -240%); font-size: x-large; color: transparent;">Florist<br>Website</h4>
</div>
<div class="projectsIndivid__container">
<a href="simple-product-interior-page.html"><img class="projects__images" id="productPageImage" src="Images/Simple-Product-Page.png"></a>
<h4 id="productPageTitle" style="transform:translate(0%, -240%); font-size: x-large; color: transparent;">Product<br>Page</h4>
</div>
<div class="projectsIndivid__container">
<a href="grid-interior-page.html"><img class="projects__images" id="testimonialsGridImage" src="Images/Testemonials-Grid-PNG.png"></a>
<h4 id="testemonialsTitle" style="transform:translate(0%, -240%); font-size: x-large; color: transparent;">Testimonials<br>Grid</h4>
</div>
</div>
<span id="languages-anchor"></span>
<h2>Languages</h2>
<p>Languages that I have working proficiency or higher in.</p>
<div class="languages__container">
<div class="languageIndivid__container">
<img class="languages__images" id="HTMLImage" src="Images/HTML_Image.png">
<h4 id="HTMLTitle" style="transform:translate(0%, -420%); font-size: x-large; color: transparent;">HTML</h4>
</div>
<div class="languageIndivid__container">
<img class="languages__images" id="CSSImage" src="Images/CSS_Image.png">
<h4 id="CSSTitle" style="transform:translate(0%, -420%); font-size: x-large; color: transparent;">CSS</h4>
</div>
<div class="languageIndivid__container">
<img class="languages__images" id="JavaScriptImage" src="Images/JavaScript_Image.png">
<h4 id="JavaScriptTitle" style="transform:translate(0%, -420%); font-size: x-large; color: transparent;">JavaScript</h4>
</div>
<div class="languageIndivid__container">
<img class="languages__images" id="PythonImage" src="Images/Python_Image.png">
<h4 id="PythonTitle" style="transform:translate(0%, -420%); font-size: x-large; color: transparent;">Python</h4>
</div>
<div class="languageIndivid__container">
<img class="languages__images" id="CSharpImage" src="Images/Csharp_Image.png">
<h4 id="CSharpTitle" style="transform:translate(0%, -420%); font-size: x-large; color: transparent;">C#</h4>
</div>
</div>
<footer>
<div class="curved">
<br><br><a class="email" href="mailto:chaseyvw@gmail.com"><p>chaseyvw@gmail.com</p></a>
<h2>Check me out on socials!</h2>
<a href="https://github.com/chaseyvw"><img class="socialmedia__images" src="Images/imageedit_4_4387193297.png"></a>
<a href="https://www.linkedin.com/in/chasey-van-wie-6423a4162/"><img class="socialmedia__images" src="Images/imageedit_9_9545161421.png"></a>
<br><a href="#home-anchor" title="Back To Top!"><img class="arrow__image" src="Images/ArrowToTop_Image.png"></a>
</div>
</footer>
</div>
</body>
</html>