-
Notifications
You must be signed in to change notification settings - Fork 0
/
project-Metaverse.html
95 lines (92 loc) · 4.15 KB
/
project-Metaverse.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
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chunsu Ouyang - Portfolio</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- Load CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- Load Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" type="text/css" />
<!-- Load jQuery library -->
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<!-- Load custom js -->
<script type="text/javascript" src="scripts/panelslide.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<!-- Load topcontrol js -->
<script type="text/javascript" src="scripts/scrolltopcontrol.js"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-theme.css" type="text/css" media="screen" />
<script src="scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="scripts/nivo-options.js" type="text/javascript"></script>
<!-- Load fancybox -->
<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
</head>
<body>
<!--This is the START of the header-->
<div id="topcontrol" style="position: fixed; bottom: 5px; left: 960px; opacity: 0; cursor: pointer;" title="Go to Top"></div>
<div id="header-wrapper">
<div id="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" width="100" height="80" alt="logo" /></a></div>
<div id="header-text">
</div>
</div>
</div>
<!--END of header-->
<!--This is the START of the menu-->
<div id="menu-wrapper">
<div id="main-menu">
<ul>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>
<!--END of menu-->
<!--This is the START of the content-->
<div id="content">
<!--This is the START of the NIVO slider-->
<div class="slider-wrapper theme-co">
<div id="slider" class="nivoSlider">
<img src="images/sample-project/slider-Metaverse/slide2.jpg" width = "720" alt="" title="#img0" />
<img src="images/sample-project/slider-Metaverse/slide3.jpg" width = "720" alt="" title="#img1" />
<img src="images/sample-project/slider-Metaverse/slide1.jpg" width = "720" alt="" title="#img2" />
</div>
<div id="slider-shadow"></div>
<p>Pic.1 from Internet/ Pic.2 by C4D/ Pic.3 by UE4 </p>
</div>
<!--END of NIVO Slider-->
<!--This is the START of the project-->
<div class="project">
<div id="description">
<h3>ImMigration</h3>
<p>Entertainment Studio 2019-2020, led by Nathan Su. </p>
<p>Project by Chunsu Ouyang, Tianyi Song.</p>
<p>Software: Rhino, Cinema 4D, Unreal Engine 4 </p>
<br>
<br>
<h5>We assumed a crystal mountain records everything about human and preserve human bodies forever when the world comes to the end. Everyone is prepare for move into crystal world and bring their items through furnace.
</h5>
</div>
</div>
<!--END of project-->
<iframe src="https://player.bilibili.com/player.html?aid=458163273&bvid=BV1F5411V7nv&cid=268330235&page=1" width="720" height="405" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<p>2020 ImMigration<a class="readmore" href="https://www.bilibili.com/video/BV1F5411V7nv">Bilibili</a></p>
<br>
<img src="images/sample-project/slider-Metaverse/slide4.jpg" />
<br>
<img src="images/sample-project/slider-Metaverse/slide5.jpg" />
<br>
<img src="images/sample-project/slider-Metaverse/slide6.jpg" />
<br>
<!--This is the START of the gallery-->
<div class="spacer"></div>
</div>
<!--END of content-->
</body>
</html>