-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (121 loc) · 5.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Alexandre DEPAIL</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<aside class="probootstrap-aside js-probootstrap-aside">
<a href="#" class="probootstrap-close-menu js-probootstrap-close-menu d-md-none"><span class="oi oi-arrow-left"></span> Close</a>
<div class="probootstrap-site-logo probootstrap-animate" data-animate-effect="fadeInLeft">
<p class="mb-0">Portfolio</p>
<a href="index.html" class="mb-2 d-block probootstrap-logo">ALEXANDRE DEPAIL</a>
<p class="mail">[email protected]</p>
</div>
<div class="probootstrap-overflow">
<footer class="probootstrap-aside-footer probootstrap-animate" data-animate-effect="fadeInLeft">
<ul class="list-unstyled d-flex probootstrap-aside-social">
<!-- <li><a href="#" class="p-2"><span class="icon-linkedin"></span></a></li> -->
</ul>
<p>© 2022. <br> All Rights Reserved.</p>
</footer>
</div>
</aside>
<main role="main" class="probootstrap-main js-probootstrap-main">
<div class="probootstrap-bar">
<a href="#" class="probootstrap-toggle js-probootstrap-toggle"><span class="oi oi-menu"></span></a>
<div class="probootstrap-main-site-logo"><a href="index.html">Aside</a></a></div>
</div>
<div class="card-columns">
<div class="card">
<a href="hand_tracking.html">
<img class="card-img-top probootstrap-animate" src="images/hand_tracking.png" alt="Card image cap">
<div class="centered">
A quick hand tracking system I made in Unreal Engine 5.
</div>
</a>
</div>
<div class="card">
<a href="neptu.html">
<img class="card-img-top probootstrap-animate" src="images/neptu.png" alt="Card image cap">
<div class="centered">
A sandbox multiplayer game named "Neptu" that I solo developed for 3 years.
</div>
</a>
</div>
<div class="card">
<a href="clan_defense.html">
<img class="card-img-top probootstrap-animate" src="images/ClanDefense.jpg" alt="Card image cap">
<div class="centered">
A mobile game where you need to use the gyroscope to shoot & defend your village.
</div>
</a>
</div>
<div class="card">
<a href="dassault_systemes.html">
<img class="card-img-top probootstrap-animate" src="images/UrbanData.png" alt="Card image cap">
<div class="centered">
Intership topic at Dassault Systemes about interactive visualizations of 3D urban data.
</div>
</a>
</div>
<div class="card">
<a href="vr_sc.html">
<img class="card-img-top probootstrap-animate" src="images/SC.png" alt="Card image cap">
<div class="centered">
A VR application (HTC) to showcase high-tech & smart office products.
</div>
</a>
</div>
<div class="card">
<a href="3D_scene_builder.html">
<img class="card-img-top probootstrap-animate" src="images/3DSceneBuilder.jpg" alt="Card image cap">
<div class="centered">
A standalone 3D scene builder software used to construct & reproduct a building or a place.
</div>
</a>
</div>
<div class="card">
<a href="planet_generator.html">
<img class="card-img-top probootstrap-animate" src="images/ProceduralPlanet.png" alt="Card image cap">
<div class="centered">
A planet generator with some noise algorythms made in Unity.
</div>
</a>
</div>
<div class="card">
<a href="ue_seller.html">
<img class="card-img-top probootstrap-animate" src="images/UE_seller.png" alt="Card image cap">
<div class="centered">
I am Unreal Engine marketplace seller, with 4 plugins for sale.
</div>
</a>
</div>
<div class="card">
<a href="powerxr.html">
<img class="card-img-top probootstrap-animate" src="images/BlowgunXR.png" alt="Card image cap">
<div class="centered">
An AR mobile game where you shoot a projectile in real life to play!
</div>
</a>
</div>
</div>
</main>
<script src="js/jquery-3.2.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>