-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path3dmodel.html
81 lines (70 loc) · 6.09 KB
/
3dmodel.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>3D Model</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- SimpleLightbox plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3 mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="index.html">DigiTale</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target=".navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" class="navbarResponsive">
<ul class="navbar-nav ms-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section class="page-section bg-primary" style="padding: 7rem 2rem 1rem 0rem" >
<h2 class="mb-4 text-center text-white" style="margin: 0 0 0" >3D Model</h2>
</section>
<div class="sketchfab-embed-wrapper iframe-container embed-responsive embed-responsive-16by9" >
<iframe class="embed-responsive-item" src="https://sketchfab.com/models/a5caf00eaaf24dd3b77fc4fef3ac59aa/embed"> </iframe>
<p> <a href="https://sketchfab.com/3d-models/il-mio-impressionante-ricostruzione-3d-a5caf00eaaf24dd3b77fc4fef3ac59aa?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank"> 3D model of the book </a> by <a href="https://sketchfab.com/ariele-santello?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank"> ariele-santello </a> on <a href="https://sketchfab.com?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank">Sketchfab</a></p>
</div>
<div id="descr" style="max-width:35%"> <p class="text mb-0"> This 3D Model has been created using Zephyr3D photogrammetry software.
<br>
The idea is to give you the possiblity to access the object in a less restrictive way as possible, regardless its physical accessibility.
<br>
<br>
<br>
You can look at the real book as it is in your own hands,<br> even if you stay at home!
<br>
Try using the viewer on the left of the screen to rotate, zoom in or zoom out the digital reconstruction of the book.
Or click on the icon on the bottom left of the viewer to go the <a href="https://sketchfab.com/">Sketchfab</a> website and discover more cultural objects reconstructed by its community.
</p>
</div>
<footer class="bg-light py-5">
<div class="container px-4 px-lg-5">
<div class="small text-center text-muted">DigiTale © 2021
<br>
Created by Ariele Santello for the final project of the Laboratory held by Francesca Tomasi - master degree course DHDK - University of Bologna.</div>
</div>
</footer>
</body>
</html>
<!--
<div class="sketchfab-embed-wrapper iframe-container embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://sketchfab.com/models/a5caf00eaaf24dd3b77fc4fef3ac59aa/embed"> </iframe>
<p> <a href="https://sketchfab.com/3d-models/il-mio-impressionante-ricostruzione-3d-a5caf00eaaf24dd3b77fc4fef3ac59aa?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank"> 3D model of the book </a> by <a href="https://sketchfab.com/ariele-santello?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank"> ariele-santello </a> on <a href="https://sketchfab.com?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank">Sketchfab</a></p>
</div>
<div class="sketchfab-embed-wrapper"> <iframe title="Il mio impressionante ricostruzione 3D" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="fullscreen; autoplay; vr" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/a5caf00eaaf24dd3b77fc4fef3ac59aa/embed"> </iframe> <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/3d-models/il-mio-impressionante-ricostruzione-3d-a5caf00eaaf24dd3b77fc4fef3ac59aa?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank" style="font-weight: bold; color: #1CAAD9;"> Il mio impressionante ricostruzione 3D </a> by <a href="https://sketchfab.com/ariele-santello?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank" style="font-weight: bold; color: #1CAAD9;"> ariele-santello </a> on <a href="https://sketchfab.com?utm_medium=embed&utm_campaign=share-popup&utm_content=a5caf00eaaf24dd3b77fc4fef3ac59aa" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p></div>
-->