-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_my_work.html
162 lines (123 loc) · 5.75 KB
/
index_my_work.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!doctype html>
<html long = "en">
<head>
<meta charset = "utf-8">
<meta name="viewpoint"content="width=device-width, initial-scale=1">
<!--<link href="https:cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Tomorrow&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index_my_work.css">
<link rel="stylesheet" href="mouse_cursor.css">
<title>My Work</title>
</head>
<body>
<div class="grid8">
<div class="container">
<div id="top">
<div class="myWork">
My Work
</div>
<div class="pageTitles">
<div> Welcome<br>to take<br>a look around </div>
</div>
</div>
</div>
<div class="cropped">
<video src="Fotos\0179-0233.mp4" width="120%" type="video/mp4" loop class="clip"></video>
</div>
</div>
<hl></hl>
<div class="container">
<div id="navigation">
<div class="grid1">
<div class="header-nav">
<a href="index.html">
<ul class="list">
<li class="navbar-header" data-text="home">home</li>
</ul>
</a>
</div>
<div class="header-nav">
<a href="index_about_me.html">
<ul class="list">
<li class="navbar-header" data-text="about me"> about me </li>
</ul>
</a>
</div>
<div class="header-nav">
<a href="#work.asp">
<ul class="list">
<li class="navbar-header" data-text="contact"> contact </li>
</ul>
</a>
</div>
<!--<div class="header-nav">
<a href="index_my_work.html">
<ul class="list">
<li class="navbar-header" data-text="game"> the game </li>
</ul>
</a>
</div>-->
</div>
</div>
</div>
</div>
<div class="container">
<div id="middle">
<div class="abschnitt">
<a href="index_ux_design.html">
<h3> web design </h3>
<p> I've been learning about User Experience Design for the past two years now. I've finnisched a Google UX and UI Designing course and graduated from it with a Certificate.
<br>
Here you can find some of my first Webdesigns, the work processes from first sketches till the final product and their case studies. Some of the projects are not completely finished, where some of them actually got public and are active web pages.
</p>
<div class="grid4">
<img src="Fotos\Design ohne Titel(1).png" alt="WebSite" width="400px"></img>
<img src="Fotos\Design ohne Titel(2).png" alt="MobilApp" width="400px"></img>
</div>
</a>
</div>
<div class="abschnitt">
<a href="index_animation.html">
<h4> Animation and Modeling</h4>
<p class="pLeft"> At the end of High school, I was obsessed with motion animation, mostly in 2d animation. Later, when I discovered Blender and the whole work process become so much easier, I tried myself in 3D modeling. I wish I would have more time to do and experiment more. Animating is very time-consuming, and is very hard, spacial for new beginners who are depended on support of other artists, that share their knowledge through videos and courses.
<br>
So here are some of my mostly unfinished projects and character models.
</p>
<div class="grid3">
<img src="Fotos\0132.png" alt="Beast" width="230px" ></i>
<img src="Fotos\0008.png" alt="Beast" width="250px" ></i>
<!--<i href="C:\Users\Tina\Desktop\#code\portfolio.html\monsta frau5.png"><img src="monsta frau5.png" alt="godess" width="450px"></i>-->
</div>
</a>
</div>
<div class="abschnitt">
<a href="index_graphicdesign.html">
<h5> Graphic design </h5>
<p> I've made my first visual designing work for my parents' restaurant, with designing menus, simple flyers and coupon cards. I've been doing that for about 5 years now, and it's interesting to see the progress, with every project, getting better. Lately, I've been creating more daring invitations and flyers for mine and my friends Birthday parties.
I'm having so much fun with them, so go take a look.
</p>
<div class="grid2">
<img src="Fotos\Nike02.png" alt="Aperitivo" width="200px"></i>
<img src="Fotos\Harry Styles01.png" alt="Aperitivo" width="200px"></i>
<img src="Fotos\Mercedes03.png" alt="Aperitivo" width="200px"></i>
</div>
</a>
</div>
</div>
</div>
<script>
const clip = document.querySelectorAll(".clip");
for (let i=0; i<clip.length; i++){
clip[i].addEventListener("mouseenter",
function(e){
clip[i].play()
})
clip[i].addEventListener("mouseout",
function(e){
clip[i].pause()
})
}
document.querySelector('video').playbackRate = 0.5;
</script>
</body>