-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (134 loc) · 4.35 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!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" />
<link rel="stylesheet" href="animate.min.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"
/>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css?family=Comfortaa:300,700"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Coda+Caption:800|Poiret+One"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Lato"
rel="stylesheet"
/>
<link
rel="shortcut icon"
type="image/png"
href="./public/favicon-32x32.png"
/>
<title>Alsia Plybeah</title>
</head>
<body>
<div class="contactNav">
<a href="mailto:[email protected]"><i class="fas fa-envelope"></i></a>
<a href="https://github.com/aplybeah"
><i class="fab fa-github-square"></i>
</a>
<a href="linkedin.com/in/alsia-plybeah-6114a5178"
><i class="fab fa-linkedin"></i
></a>
<a href="public/Resume.pdf"><i class="far fa-file"></i></a>
</div>
<div class="introText">
<h1>
My name is Alsia Plybeah. I am a full stack software developer native to
Washington D.C.
</h1>
<p class="animated bounce first-page mobile">
Scroll <i class="fas fa-angle-double-down"></i>
</p>
</div>
<div class="secondary">
<h2>
I bring the organic patterns of nature to the world of tech through
clean and simple code that focuses on the user experience.
</h2>
<p class="animated bounce next-page mobile">
Scroll <i class="fas fa-angle-double-down"></i>
</p>
</div>
<div class="projects">
<h2>
Current Projects
</h2>
<div class="cardSection">
<div class="card">
<picture class="thumbnail">
<a href="https://aplybeah.github.io/Simon-Game/">
<img src="./public/Simon Screenshot.png" alt="" />
</a>
</picture>
<div class="card-content">
<a href="https://aplybeah.github.io/Simon-Game/" class="title"
><h2>Simon</h2></a
>
<p>
A Pattern matching game made with HTML, CSS, and vanilla
Javascript.
</p>
<br />
<a href="https://github.com/aplybeah/Simon-Game"
><i class="fab fa-github-square"></i> Link to Repo
</a>
</div>
</div>
<div class="card">
<picture class="thumbnail">
<a href="https://grap3vin3.herokuapp.com/">
<img src="./public/Project2.png" alt="" />
</a>
</picture>
<div class="card-content">
<a href="https://grap3vin3.herokuapp.com/" class="title"
><h2>Grapevine</h2></a
>
<p>
A full CRUD blogging platform made with the MEHN stack.
</p>
<br />
<a href="https://github.com/aplybeah/Grapevine"
><i class="fab fa-github-square"></i> Link to Repo
</a>
</div>
</div>
<div class="card">
<picture class="thumbnail">
<a href="http://breaddit.surge.sh/">
<img class="category__01" src="./public/Project3.png" alt="" />
</a>
</picture>
<div class="card-content">
<a href="http://breaddit.surge.sh/" class="title"
><h2>Breaddit</h2></a
>
<p>
A bread-themed Reddit clone built with the MERN stack. This was a
team project. I worked on the front-end logic with React.
</p>
<br />
<a href="https://github.com/valash/Breaddit-frontend"
><i class="fab fa-github-square"></i> Link to Repo
</a>
</div>
</div>
</div>
</div>
</body>
</html>