-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvisionboard.html
124 lines (91 loc) · 4.58 KB
/
visionboard.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
<html>
<head>
<title>... tastes like strawberries</title>
<link rel="stylesheet" href="css.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
</head>
<body>
<div id="menu" value="button" >
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<nav class="dropdown-content">
<ul>
<li><a href="diary.html">Diary</a></li>        
<li><a href="portfolio.html">Portfolio</a></li>      
<li><a href="visionboard.html">Vision Board</a></li>      
<li><a href="about.html">About</a></li>      
</ul>
</nav>
<div class="headContainer">
<div id="headline"><a href="index2.html">... tastes like <span><b>strawberries</b></span></a></div>
<div class="headlineTextPages">Vision <span><b>Board</b></span></div>
</div>
<div class="visionBoardContainer">
<div class='vbContainerText'>
<b><span class="tasteslike">... tastes like <span class="strawberries">strawberries</span></span></b> is inspired by music,
literature and popular culture. Retro aesthetics, the 60's nostalgia, 80's glam and the stylistic fusion in the postmodern context. <br><br>
The imagined concept of my work is a visual narrative - to be able to tell a story, to capture a feeling or a mood of a certain place or time.
Butterflies in your stomach, looking at the raindrops on the car window at twilight, the loneliness of a Sunday afternoon or the uncertainty of
the late summer. The possibilities yet unexplored. But, most importantly, it's about Love, the lust for freedom and those rare moments in life
when the stars align and ... magic happens.<br><br>
Below is a board of images from various sources and authors that, to me, bring that emotion to life, along with the music that resonates with it.
It's what continues to inspire me every day.
</div>
<br>
<div class="vbImageContainer">
<div class="VbImageItem">
<figcaption>The American Dream</figcaption>
<img class="vbImage" src="/assets/vb/nugget.jpg" alt='americandream'></img> <br>
♫ <span>Frank Zappa - Bobby Brown</span>
</div>
<div class="VbImageItem">
<figcaption>The Queen of Hearts</figcaption>
<img class="vbImage" src="/assets/vb/rabbit.jpg" alt='queenofhearts'></img> <br>
♫ <span>Jeff. Airplane - White Rabbit</span>
</div>
<div class="VbImageItem">
<figcaption>The Dotted Line</figcaption>
<img class="vbImage" src="/assets/vb/lolitared2.webp" alt='dottedline'></img> <br>
♫ <span>E. M. - Love In The Morning </span>
</div>
<div class="VbImageItem">
<figcaption>Weekend Lover</figcaption>
<img class="vbImage" src="/assets/vb/cigarettes.jpg" alt='weekendlover'></img> <br>
♫ <span>Prince - Purple Rain</span>
</div>
<div class="VbImageItem">
<figcaption>War in my Mind</figcaption>
<img class="vbImage" src="/assets/vb/kissing.jpg" alt='warinmymind'></img> <br>
♫ <span>Lana del Rey - Ride</span>
</div>
<div class="VbImageItem">
<figcaption>Gonna Make You Notice</figcaption>
<img class="vbImage" src="/assets/vb/fBmWh0.jpg" alt='gonnamakeunotice'></img> <br>
♫ <span>Pretenders - Brass in Pocket</span>
</div>
<div class="VbImageItem">
<figcaption>64 Squares</figcaption>
<img class="vbImage" src="/assets/vb/harmon.jpg" alt='64squares'></img> <br>
♫ <span>Shocking Blue - Venus</span>
</div>
<div class="VbImageItem">
<figcaption>Possibility</figcaption>
<img class="vbImage" src="/assets/vb/possibility.jpg" alt='possibility'></img> <br>
♫ <span>Bronski Beat - Smalltown Boy</span>
</div>
<div class="VbImageItem">
<figcaption>the ocean blues</figcaption>
<img class="vbImage" src="/assets/vb/freckles.jpg" alt='oceanblues'></img> <br>
♫ <span>S. Garden - Moon and Back</span>
</div>
</div>
<script src="script.js"></script>
</body>
</html>