-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path3d.html
More file actions
161 lines (148 loc) · 5.95 KB
/
3d.html
File metadata and controls
161 lines (148 loc) · 5.95 KB
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<link rel="icon" href="images/NS-Logo6.png" type="image/png" sizes="128x128"> <!--tap logo -->
<title>3D Maps - Nicole Salazar-Cuellar</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo">
<a href="index.html">
<img src="images/NS-Logo.png" class="logo-container" alt="Landed Logo" class="responsive" width="95" height="45"><!--Banner Logo-->
</a>
</h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="projects.html">Projects </a>
<ul>
<li><a href="interactive.html">Interactive Maps</a></li>
<li><a href="3d.html">3D Maps</a></li>
<li><a href="storymaps.html">Story Maps</a></li>
<li><a href="dashboards.html">Dashboards</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="talks.html">Talks</a></li>
</ul>
</li>
<li><a href="CDE1.html">CDE</a>
<ul>
<li><a href="CDE.html">Semester 1</a></li>
<li><a href="S2.html">Semester 2</a></li>
<li><a href="S3.html">Semester 3</a></li>
</ul>
</li>
<li><a href="CV.html">CV</a></li>
<li><a href="contact.html" class="button primary">Contact</a></li>
</ul>
</nav>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8F1Z13PK83"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8F1Z13PK83');
</script>
</header>
<!-- Cover page -->
<section id="pre" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h4 class="black">3D Maps</h4>
</header>
<div class="box alt">
<center>
<a href="#" class="clickable" style="font-size: 2em; display: inline-block; padding: 1em;">
<span class="icon solid alt major fa-cube" style="font-size: 1.5em; margin-bottom: 0.5em;"></span> <!-- Increased the icon size -->
</a>
</center>
</div>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style3 left">
<div class="iframe-container">
<div class="iframe-responsive">
<iframe class="custom-iframe"
src="https://nicolevasos.github.io/elevation_quito/"
frameborder="0"
loading="lazy"
>
</iframe>
</div>
</div>
<div class="content">
<header>
<h2 class="proj">Urbanity and Mountain altitude</h2>
</header>
<p>A spatial model was developed to analyze elevation, population density, and housing conditions in Quito, revealing how altitude influences the real estate market and residents' quality of life. The insights gained help drive smarter urban planning, optimize housing policies, and improve infrastructure to better serve the city’s growing population.
<a href="https://blog.properati.com.ec/altura-sobre-nivel-del-mar-y-viviendas-en-quito/" target="_blank"><br><i>Read more...</i></a>
</p>
<ul class="actions">
<li><a href="https://lifullconnect-data-journalism-prd.s3.eu-west-1.amazonaws.com/202110_altura/altura_uio_mapa/UIO_Join.html"
target="_blank"
class="button3" >FULL SCREEN MAP</a></li>
</ul>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style5 right">
<span class="image fit main"><img src="images/ex.gif" alt="" loading="lazy" /></span>
<div class="content">
<header>
<h2>'Island Hills' and Real Estate</h2>
</header>
<p>This 3D animation effectively highlights the 'Island Hill' and their effect in the real estate marker, providing greater context and depth to the research.
<br>
<a href="https://blog.trovit.cl/data/cerro-san-cristobal-precio-viviendas-cercanas-santiago" target="_blank"><i>Read more...</i></a>
</p>
<ul class="actions">
<li><a href="interactive.html#four"
target="_blank"
class="button5" >GO TO INTERACTIVE MAP</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="logo-container">
<a href="https://master-cde.eu/" target="_blank">
<img src="images/CDE.png" alt="Logo 1" class="footer-logo logo1">
</a>
<a href="https://erasmus-plus.ec.europa.eu/" target="_blank">
<img src="images/ERASMUS.jpg" alt="Logo 2" class="footer-logo logo2">
</a>
<a href="https://www.plus.ac.at/?lang=en" target="_blank">
<img src="images/plus.png" alt="Logo 3" class="footer-logo logo3">
</a>
<a href="https://www.upol.cz/en/" target="_blank">
<img src="images/UPOL.png" alt="Logo 4" class="footer-logo logo4">
</a>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>