- 掃描 ID：
- 5929f77b-a828-4d23-8527-0e7432a84757已完成
- 已提交的 URL：
- https://pedestal3d.com/
- 報告完成時間：
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 7 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| Popper | function |
| bootstrap | object |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| error | other |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en"><head>
<meta name="generator" content="Hugo 0.76.5">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="/favicon.png">
<title>Pedestal3D </title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<meta name="ROBOTS" content="INDEX, FOLLOW">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
</head>
<body>
<article>
<section class="tessPurple purpleBg">
<div class="container">
<nav class="navbar navbar-expand-lg justify-content-between" role="navigation">
<div class="mr-auto">
<a href="/">
<img src="/images/logo_light.png" width="240">
</a>
</div>
<button class="navbar-toggler border-white" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav" style="flex-grow: 0;">
<ul class="navbar-nav">
<li class="nav-item"><a class="text-right nav-link navLink" href="/">HOME</a></li>
<li class="nav-item"><a class="text-right nav-link navLink" href="/industries">INDUSTRIES</a></li>
<li class="nav-item"><a class="text-right nav-link navLink" href="/features">FEATURES</a></li>
<li class="nav-item"><a class="text-right nav-link navLink" href="/about">ABOUT US</a></li>
<li class="nav-item"><a class="text-right nav-link navLink" href="/contact">CONTACT</a></li>
</ul>
</div>
</nav>
</div>
<div class="">
<main class="container">
<div class="row flex-row-reverse">
<div class="col-12 col-lg-6" style="margin-top: 10vh;">
<h1 class="headingYo">Liberate your</h1>
<h1 class="heading3p">3D assets</h1>
<h2 class="headingf3">3D data management and display</h2>
</div>
<svg id="loadingSpinner" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;display:block;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<g transform="rotate(0 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(30 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(60 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(90 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(120 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(150 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(180 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(210 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(240 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(270 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(300 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(330 50 50)">
<rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#ec8100">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
</rect>
</g>
</svg>
<canvas id="headingCanvas" class="col-12 col-lg-6" width="4" height="600" style="height: 600px; display: none;"></canvas>
<script type="module">
import * as THREE from "https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.module.min.js";
import { GLTFLoader } from "/js/GLTFLoader.js";
import { OrbitControls } from "/js/OrbitControls.js";
const SWIRL_DURATION = 1.0;
let swirlTime = 0.0;
const canvas = document.querySelector("#headingCanvas");
canvas.style.display = "none";
let width = canvas.width;
let height = canvas.height;
const renderer = new THREE.WebGLRenderer({
canvas: canvas,
alpha: true,
antialias: true,
});
const camera = new THREE.PerspectiveCamera(55, width / height, 0.1, 100);
camera.position.set(-4.0, 2.0, 6.5);
const scene = new THREE.Scene();
scene.add(camera);
const orbit = new OrbitControls(camera, canvas);
orbit.target.set(0.0, 0.8, 0.0);
orbit.enableZoom = false;
orbit.minPolarAngle = 1.0;
orbit.maxPolarAngle = 1.6;
orbit.minAzimuthAngle = -1.5;
orbit.maxAzimuthAngle = 1.5;
orbit.enableDamping = true;
orbit.dampingFactor = 0.05;
orbit.enabled = false;
orbit.update();
const loader = new GLTFLoader();
const maxAniso = renderer.capabilities.getMaxAnisotropy();
const aniso = Math.min(8, maxAniso);
const applyAnisoTex = (t) => {
if (t !== null) {
t.anisotropy = aniso;
t.encoding = THREE.LinearEncoding;
t.needsUpdate = true;
}
};
const applyAnisoMat = (m) => {
if (m instanceof THREE.MeshStandardMaterial) {
applyAnisoTex(m.map);
applyAnisoTex(m.emissiveMap);
m.needsUpdate = true;
}
};
loader.load(
"/glbs/laptop.glb",
(gltf) => {
canvas.style.display = "block";
const loadingSpinner = document.getElementById("loadingSpinner");
loadingSpinner.style.display = "none";
swirlTime = SWIRL_DURATION;
orbit.enabled = false;
gltf.scene.traverse((child) => {
if (child instanceof THREE.Mesh) {
if (Array.isArray(child.material)) {
for (const m of child.material) {
applyAnisoMat(m);
}
} else if (child.material instanceof THREE.Material) {
applyAnisoMat(child.material);
}
}
});
scene.add(gltf.scene);
}
);
const ambient = new THREE.AmbientLight(0x202020);
scene.add(ambient);
const keyLight = new THREE.DirectionalLight();
keyLight.intensity = 0.1;
keyLight.position.set(3.0, 20.0, 1.0);
camera.add(keyLight);
const rimLight = new THREE.DirectionalLight();
rimLight.position.set(-0.1, -0.3, -1.0);
camera.add(rimLight);
const cameraDist = 7.5;
const cameraDir = new THREE.Vector3(-0.4, 0.2, 0.65);
cameraDir.normalize();
let prevSeconds = 0.0;
const loop = (millis) => {
window.requestAnimationFrame(loop);
const seconds = millis / 1000;
const delta = seconds - prevSeconds;
const desiredWidth = Math.floor(canvas.offsetWidth) * window.devicePixelRatio;
const desiredHeight = Math.floor(canvas.offsetHeight) * window.devicePixelRatio;
if (desiredWidth !== canvas.width) {
renderer.setSize(desiredWidth, desiredHeight, false);
const aspect = canvas.width / canvas.height;
camera.aspect = aspect;
if (aspect >= 1.0) {
camera.fov = 40;
} else {
camera.fov = 40 / aspect;
}
camera.updateProjectionMatrix();
}
if (swirlTime > 0.0) {
let t = swirlTime / SWIRL_DURATION;
t *= t;
camera.position.set(
(cameraDist * cameraDir.x) + (-t * 2.6),
(cameraDist * cameraDir.y) + (t * 2.1),
(cameraDist * cameraDir.z) - (t * 2.1)
);
camera.lookAt(0.0, 0.8, 0.0);
swirlTime = Math.max(swirlTime - delta, 0.0);
if (swirlTime === 0.0) {
orbit.enabled = true;
}
}
orbit.update();
renderer.render(scene, camera);
prevSeconds = seconds;
};
window.requestAnimationFrame(loop);
</script>
</div>
</main>
</div>
<div class="container">
<div class="row">
<div class="d-none d-sm-block col-0 col-sm-1 col-md-3 col-lg-5 col-xl-6"></div>
<div class="col-12 col-sm-11 col-md-9 col-lg-7 col-xl-6 p-0 homeButtonGrid">
<div class="plusButton"></div>
<a href="https://demo.pedestal3d.com" target="_blank" class="boxLink linkHoverOrange whiteBg purpleC fs20 fw5" style="grid-column: 2; grid-row: 2;">LAUNCH DEMO</a>
<a href="/features" class="boxLink linkHoverPurple orangeBg whiteC fs20 fw5" style="grid-column: 3; grid-row: 2;">MORE INFORMATION</a>
</div>
</div>
</div>
</section>
<section class="greyLightBg">
<main class="container">
<div class="spacing100"></div>
<h4 class="headingPurple">Designed <strong>by</strong> educators<br><strong>for</strong> educators</h4>
<div class="row mt-5">
<div class="col-12 col-lg-5">
<div class="educatorsCardTab"></div>
<div class="educatorsCard pl-5 pr-0">
<div class="educatorsCardInset">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve" class="educatorsIcon">
<path d="M43.3,23.1c0.1-0.1,0.1-0.3,0.1-0.4s0-0.3-0.1-0.4c-0.1-0.1-0.1-0.2-0.2-0.3l-6.3-6.3c-0.4-0.4-1-0.4-1.4,0
c-0.4,0.4-0.4,1,0,1.4l4.6,4.6H23.4V5.1l4.6,4.6c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L23.1,2
c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3l-6.3,6.3c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l4.6-4.6v16.6H4.8l4.6-4.6
c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L1.6,22c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.1,0.4s0,0.3,0.1,0.4
c0.1,0.1,0.1,0.2,0.2,0.3l6.3,6.3C8.1,29.9,8.4,30,8.6,30s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4l-4.6-4.6h16.6v16.6l-4.6-4.6
c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l6.3,6.3c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.3,0,0.4-0.1
c0.1-0.1,0.2-0.1,0.3-0.2l6.3-6.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-4.6,4.6V23.7h16.6l-4.6,4.6c-0.4,0.4-0.4,1,0,1.4
c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l6.3-6.3C43.2,23.3,43.2,23.2,43.3,23.1z"></path>
</svg>
<h5 class="educatorsCardText">Visualise the potential of your organisations rich 3D content</h5>
</div>
</div>
</div>
<div class="col-12 col-lg-2 mt-5"></div>
<div class="col-12 col-lg-5">
<div class="educatorsCardTab ml-auto"></div>
<div class="educatorsCard pr-5 pl-0">
<div class="educatorsCardInset">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve" class="educatorsIcon">
<g>
<path d="M41.7,2.6c-0.3-0.1-0.7-0.1-0.9,0.2L1.7,41.9c-0.2,0.2-0.3,0.6-0.2,0.9c0.1,0.3,0.4,0.5,0.8,0.5h39.2
c0.5,0,0.8-0.4,0.8-0.8V3.3C42.2,3,42,2.7,41.7,2.6z M32.9,41.7v-3c0-0.5-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8v3h-3.5v-3
c0-0.5-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8v3h-3.5v-3c0-0.5-0.4-0.8-0.8-0.8S21,38.3,21,38.7v3h-3.5v-3c0-0.5-0.4-0.8-0.8-0.8
s-0.8,0.4-0.8,0.8v3H4.2L40.6,5.3V17h-3c-0.5,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8h3v3.5h-3c-0.5,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8
h3v3.5h-3c-0.5,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8h3v3.5h-3c-0.5,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8h3v7.8H32.9z"></path>
<path d="M33.6,22.3c-0.3-0.1-0.7-0.1-0.9,0.2L21.4,33.8c-0.2,0.2-0.3,0.6-0.2,0.9c0.1,0.3,0.4,0.5,0.8,0.5h11.3
c0.5,0,0.8-0.4,0.8-0.8V23C34.1,22.7,33.9,22.4,33.6,22.3z M32.4,33.5h-8.5l8.5-8.5V33.5z"></path>
</g>
</svg>
<h5 class="educatorsCardText">Advanced tools for analysis and communication of 3D objects</h5>
</div>
</div>
</div>
<div class="col-12 mt-5"></div>
<div class="col-12 mt-5"></div>
<div class="col-12 col-lg-5">
<div class="educatorsCard pl-5 pr-0">
<div class="educatorsCardInset">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve" class="educatorsIcon">
<g>
<path d="M41.7,18.8h-3.3v-8c0-2.4-1.9-4.3-4.3-4.3H5.6c-2.4,0-4.3,1.9-4.3,4.3v19.1c0,2.4,1.9,4.3,4.3,4.3H19v3.3h-8
c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9h17.7c0.5,0,0.9-0.4,0.9-0.9c0-0.5-0.4-0.9-0.9-0.9h-8v-3.3h10.1v2.4
c0,1.4,1.2,2.6,2.6,2.6h8.3c1.4,0,2.6-1.2,2.6-2.6V21.3C44.3,19.9,43.2,18.8,41.7,18.8z M30.8,21.3v11.2H5.6
c-1.4,0-2.6-1.2-2.6-2.6V10.8c0-1.4,1.2-2.6,2.6-2.6h28.6c1.4,0,2.6,1.2,2.6,2.6v8h-3.3C32,18.8,30.8,19.9,30.8,21.3z M42.6,36.7
c0,0.5-0.4,0.9-0.9,0.9h-8.3c-0.5,0-0.9-0.4-0.9-0.9v-3.3c0,0,0,0,0,0s0,0,0,0v-12c0-0.5,0.4-0.9,0.9-0.9h8.3
c0.5,0,0.9,0.4,0.9,0.9V36.7z"></path>
<path d="M37.6,32.7c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2S38.8,32.7,37.6,32.7z M37.1,34.8
c0-0.2,0.2-0.4,0.4-0.4c0.2,0,0.4,0.2,0.4,0.4C38,35.3,37.1,35.3,37.1,34.8z"></path>
</g>
</svg>
<h5 class="educatorsCardText">Individually branded SAAS offerings: your data, your platform, your way</h5>
</div>
</div>
<div class="educatorsCardTab"></div>
</div>
<div class="col-12 col-lg-2 mt-5"></div>
<div class="col-12 col-lg-5">
<div class="educatorsCard pr-5 pl-0">
<div class="educatorsCardInset">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve" class="educatorsIcon">
<g>
<path d="M25.5,14c-1.7,0-3,1.4-3,3s1.4,3,3,3c1.7,0,3-1.4,3-3S27.2,14,25.5,14z M25.5,18.4c-0.7,0-1.3-0.6-1.3-1.3
s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S26.2,18.4,25.5,18.4z"></path>
<path d="M39.2,10.1H23.1c-0.4-3-3-5.3-6.1-5.3h-3.6c-3.1,0-5.6,2.3-6.1,5.3h-1c-2.4,0-4.3,1.9-4.3,4.3v22.2
c0,2.4,1.9,4.3,4.3,4.3h32.8c2.4,0,4.3-1.9,4.3-4.3V14.4C43.5,12,41.6,10.1,39.2,10.1z M9,11c0-2.4,2-4.4,4.4-4.4h3.6
c2.1,0,3.9,1.5,4.3,3.6h-1.9V9.2c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v11.1l-4-4c-0.3-0.3-0.9-0.3-1.2,0L9,20V11z
M41.8,36.6c0,1.4-1.2,2.6-2.6,2.6H6.4c-1.4,0-2.6-1.2-2.6-2.6V14.4c0-1.4,1.2-2.6,2.6-2.6h0.9v10.3c0,0.3,0.2,0.7,0.5,0.8
C8.1,23,8.5,23,8.7,22.7l4.5-4.5l4.8,4.8c0.2,0.2,0.4,0.3,0.6,0.3c0.1,0,0.2,0,0.3-0.1c0.3-0.1,0.5-0.4,0.5-0.8V11.8h19.6
c1.4,0,2.6,1.2,2.6,2.6V36.6z"></path>
</g>
</svg>
<h5 class="educatorsCardText">Easy-to-use interface built upon modern, flexible and reliable technologies</h5>
</div>
</div>
<div class="educatorsCardTab ml-auto"></div>
</div>
</div>
<div style="height: 100px"></div>
</main>
</section>
<section class="purpleBg">
<div class="spacing100"></div>
<div class="container">
<h4 class="headingWhite">Web based, <strong>no plugins,</strong> all platforms.</h4>
<div class="spacing50"></div>
<p class="text-center">
<a href="https://demo.pedestal3d.com" target="_blank" class="boxLink linkHoverOrange orangeB whiteC d-inline py-3 px-5 fs20 fw5">LAUNCH DEMO</a>
</p>
</div>
<div class="spacing100"></div>
</section>
<section class="greyLightBg">
<div class="spacing100"></div>
<div class="container">
<h3 class="headingPurple">Pedestal 3D is a <strong>SAAS 3D CMS</strong></h3>
<div class="spacing50"></div>
<div class="row">
<div class="col-12 col-md-6 pr-md-5">
<div class="pl-0 pl-md-5">
<div class="d-none d-md-block" style="height: 48px;"></div>
<p class="fs20">
Pedestal 3D offers organisations a custom platform for self management of 3d assets for use in learning and teaching, museum and general web contexts.
</p>
<p class="fs20">
Pedestal 3D is a subscription based Software As A Service (SAAS) Content Management System (CMS) for 3D mesh data. We offer a scale of license types from light to standard through to enterprise to allow your use to scale as you need it.
</p>
<div class="spacing50"></div>
</div>
</div>
<div class="col-12 col-md-6 pl-md-5">
<div class="educatorsCardTab ml-auto"></div>
<div style="display: grid; grid-template-columns: 1fr 48px;">
<img src="/images/blurb/blurb_a.jpg" alt="CMS screenshot" class="blurbImage">
<div class="greyBg" style="height: 200px;"></div>
</div>
</div>
</div>
<div class="spacing50"></div>
<div class="row flex-row-reverse">
<div class="col-12 col-md-6 pl-md-5">
<div class="pr-0 pr-md-5">
<div class="d-none d-md-block" style="height: 48px;"></div>
<p class="fs20">
Pedestal 3D has custom tools for management and measurement of scale, object level annotations, multiple object views for different audiences, cross sections and other advanced manipulation tools.
</p>
<p class="fs20">
With solid role-based user management and simple and streamlined form-based upload processes, Pedestal 3D is simple to learn and powerful to use for your organisation. We have developed a full branding system and ability to fully customise the look and feel of your instance however you want.
</p>
<div class="spacing50"></div>
</div>
</div>
<div class="col-12 col-md-6 pr-md-5">
<div class="educatorsCardTab"></div>
<div style="display: grid; grid-template-columns: 48px 1fr;">
<div class="greyBg" style="height: 200px;"></div>
<img src="/images/blurb/blurb_b.jpg" alt="3D viewer screenshot" class="blurbImage">
</div>
</div>
</div>
<div class="spacing50"></div>
<div class="d-none d-md-block spacing50"></div>
<div class="row">
<div class="col-12 col-md-6 pr-md-5">
<div class="pl-0 pl-md-5">
<p class="fs20">
Our viewer couples modern web frameworks with a simple and elegant full screen interface to allow for a perfect 3D viewing experience regardless of device or operating system. We have designed the interface so your end users will be able to pickup and use your 3D items and embeds easily without training, yet have access to useful tools such as measuring, screenshots and adjustments to the object properties and lighting.
</p>
<div class="spacing50"></div>
</div>
</div>
<div class="col-12 col-md-6 pl-md-5">
<div style="display: grid; grid-template-columns: 1fr 48px;">
<img src="/images/blurb/blurb_c.jpg" alt="Item description screenshot" class="blurbImage">
<div class="greyBg mt-auto" style="height: 200px;"></div>
</div>
<div class="educatorsCardTab ml-auto"></div>
</div>
</div>
</div>
<div class="spacing100"></div>
</section>
<section class="tessOrange orangeBg">
<div class="spacing100"></div>
<div class="container">
<h4 class="headingWhite"><strong style="color: var(--purple); font-weight: 400;">Let's</strong> Chat</h4>
<div class="spacing100"></div>
<div class="row">
<div class="col-12 col-lg-6">
<p class="yourNewPlatform">Your new 3D platform</p>
<p class="yourNewText">
Want to know more about our product, pricing models or just have some ideas for 3D imagery you want to chat about, send us a message and one of our friendly staff will be in touch in no time.
</p>
</div>
<div class="col-12 col-lg-6">
<form method="POST" name="contact"><input type="hidden" name="form-name" value="contact">
<div class="d-flex w-100">
<label for="name" class="contactLabel">NAME</label>
<input type="text" name="name" id="name" required="" class="w-100 px-4">
</div>
<div style="height: 20px;"></div>
<div class="d-flex w-100">
<label for="email" class="contactLabel">EMAIL</label>
<input type="email" name="email" id="email" required="" class="w-100 px-4">
</div>
<div style="height: 20px;"></div>
<div class="w-100">
<label for="message" class="contactLabel">MESSAGE</label>
<textarea id="message" name="message" rows="5" required="" style="display: block; resize: none; padding: 15px; width: 100%;"></textarea>
</div>
<div class="invisible">
<label>Don’t fill this out if you're human: <input name="bot-field"></label>
</div>
<div style="height: 40px;"></div>
<div>
<input type="submit" value="SEND" class="contactLabel ml-auto">
</div>
</form>
</div>
</div>
</div>
<div style="height: 400px;"></div>
</section>
<section>
<div class="overlap" style="margin-top: -300px;">
<div>
<div style="height: 50%"></div>
<div class="purpleBg" style="height: 50%"></div>
</div>
<div class="container">
<div class="row">
<div class="col-12 col-md-6 p-5 whiteBg">
<h5 class="pulloutHeading">From humble beginnings<br>Pedestal 3D emerged</h5>
<p class="text-center">We want to improve learning, research and outreach</p>
<p class="text-center mt-4"><a href="/about" class="boxLink linkHoverWhite d-inline py-2 px-4 orangeBg purpleC">ABOUT US</a></p>
</div>
<div class="col-12 col-md-6 p-5 greyBg">
<h5 class="pulloutHeading">Explore our updates<br>throughout the industry</h5>
<p class="text-center">We regularly update our blog with the latest in industry trends</p>
<p class="text-center">(Coming soon!)</p>
</div>
</div>
</div>
</div>
</section>
</article>
<footer class="purpleBg">
<div style="height: 100px"></div>
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<img src="/images/logo_light.png" width="240">
<p class="pl-4 footerMotto">The online platform for <strong>3D</strong> data management and display</p>
</div>
<div class="col-12 col-md-6"></div>
</div>
</div>
<div style="height: 100px"></div>
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<p id="copyright" class="text-center text-md-left footerSmall">Copyright 2024 - Pedestal 3D. All Rights Reserved.</p>
<script>
const date = new Date();
const text = `Copyright ${date.getFullYear()} - Pedestal 3D. All Rights Reserved.`;
const copyright = document.getElementById("copyright");
copyright.innerText = text;
</script>
</div>
<div class="col-12 col-md-6">
<p class="text-center text-md-right">
<a href="/privacy_policy" class="footerLink">Privacy Policy</a> | <a href="/terms_of_use" class="footerLink">Terms & Conditions</a>
</p>
</div>
</div>
</div>
<div style="height: 50px"></div>
</footer>
</body></html>