-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
executable file
·112 lines (78 loc) · 4.28 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="img/favicon.ico">
<title>Mock3D</title>
<!-- Google font -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet"> <!--have bootstrap.min.css-->
<link href="css/offcanvas.css" rel="stylesheet">
<link href="css/bootstrap-slider.css" rel="stylesheet">
<link href="css/jquery.minicolors.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/mock3d.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
</head>
<body>
<!--nav-->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Mock3D</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#"> WebGL Program</a></li>
<li class = "active"><a href="#">Features</a></li>
<li><a href="#">Papers</a></li>
<li><a href="#">Community</a></li>
</ul>
</div>
</div>
</nav>
<!--content-->
<div>
<div class = "row" style = "padding-top:30px;">
<div class = "col-xs-1 col-sm-2"></div>
<div class = "col-xs-10 col-sm-8">
<!-- <img src="img/bottleExamples.jpg" class="img-responsive" alt="samples"> -->
<div style = "font-size:26px; font-weight:bold; padding-top: 30px; padding-bottom:30px; text-align:center">
<span style = "font-size:60px">Mock3D</span> <br> A web-based tool to create 3D-looking stylized depictions with complete visual control
</div>
<p style ="font-size:16px; line-height: 28px; margin-bottom:60px" >
Mock3D shapes are just images. Although, they do not necessarily correspond any real 3D shapes, they can allow to obtain any 3D appearance, from realistic to expressive, from incoherent to impossible. The system allows a wide variety of rendering effects such as multiple lights, diffuse reflections, specular highlights, and refraction and mirror reflection with Fresnel control.
</p>
</div>
<div class = "col-xs-1 col-sm-2"></div>
</div>
<div style = "clear:both;"></div>
<div class = "row" >
<div class ="col-xs-1 col-sm-2"></div>
<div class ="col-xs-10 col-sm-8">
<img src="img/samples.gif" class="img-responsive" alt="samples">
<div class="embed-responsive embed-responsive-16by9" style="margin-top:60px">
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/166867115"></iframe>
</div>
</div>
<div class ="col-xs-1 col-sm-2"></div>
</div>
</div>
<!-- Bootstrap core JavaScript ================================================== -->
<script src="js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>