-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (66 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="./css/normalize.css" />
<link rel="stylesheet" href="./css/main.css" />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap"
rel="stylesheet"
/>
<title>Vision Board Project</title>
</head>
<body class="page">
<div class="vision-board">
<div class="block small-block light-background left-alignment">
<p><span class="highlighter">Grow</span></p>
<p>Learn to design & <br><span class="emphasis">code websites</span></p>
</div>
<div class="block small-block">
<img class="centered-image" src="./img/flower.png" alt="closeup of a flower" />
</div>
<div class="block small-block light-background center-alignment">
<p>HTML<br />CSS<br />Javascript<br />Wordpress<br />Python</p>
</div>
<div class="block large-block left-alignment">
<p> <span class="highlighter">Freelance</span></p>
<p>
Make enough side cash to<br /><span class="emphasis"
>pay off debt</span
>
</p>
<img src="./img/piggy.png" alt="a piggy bank" />
</div>
<div class="block title-card large-block center-alignment">
<img src="./img/eye.png" alt="view of a human eye" />
<p><span class="title">2022</span> <br />Vision Board</p>
</div>
<div class="block large-block right-alignment">
<img src="./img/plane.png" alt="a plane in flight" />
<p> <span class="highlighter">Travel</span></p>
Plan a trip where I can<br /><span class="emphasis"
>work remotely</span
>
</p>
</div>
<div class="block small-block light-background center-alignment">
<p>Walk dog ++<br />Meditate<br />Yoga<br />Snuggle pup</p>
</div>
<div class="block small-block">
<img class="centered-image" src="./img/doggo.png" alt="a dog, possibly a shiba inu" />
</div>
<div class="block small-block light-background right-alignment">
<p>
<span class="highlighter">Mind & body</span></p>
<p>Exercise more <br>& find zen in <br /><span class="emphasis"
>challenge</span
>
</p>
</div>
</div>
</body>
</html>