-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
153 lines (136 loc) · 4 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portofolio - Valentin.S / valmax72</title>
<meta name="description" content="Portofolio de Valentin.S / valmax72"/>
<meta name="keywords"
content="portofolio, valentin, pierre, valmax, 72, valmax72, graphisme, 2d, 3d"/>
<meta name="author" content="VandP"/>
<link rel="shortcut icon" href="img/fav.ico">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="parallax">
<div class="ParallaxG scene">
<div class="ParallaxLayer p10"></div>
<div class="ParallaxLayer p92"></div>
<div class="ParallaxLayer p9"></div>
<div class="ParallaxLayer p8"></div>
<div class="ParallaxLayer p7"></div>
<div class="ParallaxLayer p6"></div>
<div class="ParallaxLayer p5"></div>
<div class="ParallaxLayer p4"></div>
<div class="ParallaxLayer p3"></div>
<div class="ParallaxLayer p2"></div>
<div class="ParallaxLayer p1"></div>
</div>
<div class="ParallaxG" style="background: #1C1C1C; z-index: 10">
<div class="ParallaxLayer ParallaxBase">
<div class="work">
<h1>Work</h1>
</div>
<div id="DiamondGrid">
<a class="w1 diamond"></a>
<a class="w2 diamond"></a>
<a class="w3 diamond t1">
<div>
<h3>Ylinor</h3>
</div>
</a>
<a class="w4 diamond t2"></a>
<a class="w5 diamond t3"></a>
<a class="w6 diamond t4">
<div>
<h3>Proelium</h3>
</div>
</a>
<a class="w7 diamond t4">
<div>
<h3>Autres</h3>
</div>
</a>
</div>
<div class="transition">
<img src="img/transition.png">
</div>
</div>
</div>
<div class="ParallaxG" style="z-index: -2">
<div class="ParallaxLayer ParallaxBase content">
<div class="services">
<h1>Mes services</h1>
<p>Je suis capable de réaliser :</p>
<div class="content BS">
<div class="losange l1">
<div>
<h3>Logos</h3>
</div>
</div>
<div class="losange l2">
<div>
<h3>Bannières</h3>
</div>
</div>
<div class="losange l3">
<div>
<h3>Miniatures</h3>
</div>
</div>
<div class="losange l4">
<div>
<h3>Sites web</h3>
</div>
</div>
<div class="losange l5">
<div>
<h3>Bien plus...</h3>
</div>
</div>
<div class="losange l6">
<div>
<h3>Identité<br>visuelle</h3>
</div>
</div>
</div>
</div>
</div>
<div class="ParallaxLayer servicesB">
<div class="ParallaxLayer ParallaxBack content" style="padding: inherit;">
<div class="planete"></div>
</div>
</div>
</div>
<div class="ParallaxG Moi" style="transform-style:inherit;">
<div class="ParallaxLayer ParallaxBase content">
<img src="img/logo.png">
<p>
Je me présente, je m'apelle <span>Henri</span>
</p>
</div>
</div>
<div class="ParallaxG contactB" style="transform-style:inherit;">
<div class="ParallaxLayer ParallaxBase content contact">
<h1>Contact</h1>
<div class="contactT">
<p>
<<span> </span>/ Skype : <a target="_blank" href="skype:val-max72?call">val-max72</a> >
</p>
<p>
<<span> </span>/ Dicord : <a target="_blank" href="https://discord.gg/knquFKh">knquFKh</a> >
</p>
<p>
<<span> </span>/ Twitter : <a target="_blank" href="https://twitter.com/valentin_SLD_">@valentin_SLD_</a> >
</p>
</div>
</div>
</div>
<div class="ParallaxG" style="min-height: 34px;">
<div class="ParallaxLayer ParallaxBase Footer">
<h3>Site by valentin.S / valmax72</h3>
</div>
</div>
</div>
</body>
</html>