-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (101 loc) · 5.69 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
<!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" />
<title>LMCK - Digital Design & Branding Studio</title>
<meta name="description" content="Digital Designer & Art Director with a 10-year experience">
<link rel="stylesheet" href="style.css" />
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
<script src="pace.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/src/jquery.bez.js"></script>
</head>
<body>
<div id="preloader">
<div class="p">LOADING</div>
</div>
<div class="cursor"></div>
<div class="wrapper">
<div class="navigation">
<a href="https://www.stanislaswiart.com/" class="site-title title">LMCK</a>
<a href="#" class="nav-toggle">Social: BE IN FA</a>
<a href="#" class="nav-toggle">Informations</a>
<a href="#" class="nav-toggle">Change mode</a>
</div>
<div class="container">
<div class="nav">
<div class="nav-items">
<div class="nav-item">
<p>Digital Designer & Art Director <br>with a 10-year experience.</p>
</div>
<div class="nav-item">
<p>I've been working for clients such as: <br>Parrot, LVMH, Dior Parfums, Danone, Sephora, <br>Kenzo, Kering, Vacheron Constantin.</p>
</div>
<div class="nav-item">
<p>My work has been featured on: <br>Behance, Trendlist, Klikkentheke, <br>Fonts In Use.</p>
</div>
</div>
</div>
</div>
<div class="project-list">
<div class="project p-1">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/89383481/Ellozze-E-commerce-Website" target="_blank">Ellozze</a></h1></div>
<div class="project-categ">Digital Design</div>
</div>
<div class="project p-2">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/82919627/Nomasei-Online-Store" target="_blank">Nomasei</a></h1></div>
<div class="project-categ">Digital Design</div>
</div>
<div class="project p-3">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/84796177/Carolina-Ritzler-Eshop" target="_blank">Carolina Ritzler</a></h1></div>
<div class="project-categ">Digital Design, Front-end</div>
</div>
<div class="project p-4">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/78438759/Time-Architecture-UI-Design" target="_blank">Time</a></h1></div>
<div class="project-categ">Digital Design, Front-end</div>
</div>
<div class="project p-5">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/70136899/Place-App-UI-Design-Identity" target="_blank">Place</a></h1></div>
<div class="project-categ">Branding, Digital Design</div>
</div>
<div class="project p-6">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/74038675/Agence-41-BrandingUI-Design" target="_blank">Agence 41</a></h1></div>
<div class="project-categ">Branding</div>
</div>
<div class="project p-7">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/64188605/Domestic-Landscape-Identity-UI" target="_blank">Domestic Landscape</a></h1></div>
<div class="project-categ">Digital Design</div>
</div>
<div class="project p-8">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/64881421/collpart-Identity-Art-Direction" target="_blank">Coll.Part</a></h1></div>
<div class="project-categ">Branding</div>
</div>
<div class="project p-9">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/85919546/Champagne-Virginie-T-Journal-UIUX-Design" target="_blank">Virginie T.</a></h1></div>
<div class="project-categ">Digital Design</div>
</div>
<div class="project p-10">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/64237417/Ernesto-Gismondi-La-luce-humana-Editorial" target="_blank">La luce humana</a></h1></div>
<div class="project-categ">Editorial Design</div>
</div>
<div class="project p-11">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/64188327/Kenzo-Corporate-Leaflet-Art-Direction-Editorial" target="_blank">Kenzo</a></h1></div>
<div class="project-categ">Editorial Design</div>
</div>
<div class="project p-12">
<div class="project-title"><h1><a href="https://www.behance.net/gallery/85399773/Flex-Edge-IdentityUI-Design" target="_blank">Flex Edge</a></h1></div>
<div class="project-categ">Branding, Digital Design</div>
</div>
<div class="description">
<h1>For new project and inquiries, feel free to contact us<a href="mailto:[email protected]" class="project-categ">info(at)lmck.studio</a></h1>
</div>
<div class="description">
<h1 class="social">Social<a href="https://www.behance.net/stanislas-wiart" class="project-categ" target="_blank">Behance</a><a href="https://www.are.na/stanislas-wiart/" class="project-categ" target="_blank">Arena</a><a href="https://github.com/Stan83W" class="project-categ" target="_blank">Github</a></h1>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>