UpperArlington/survey.html at main · CommunityScale/UpperArlington · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-H13EFXBPKL"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());

		gtag('config', 'G-H13EFXBPKL');
	</script>
	<!-- Google Tag Manager -->
	<script>(function (w, d, s, l, i) {
			w[l] = w[l] || []; w[l].push({
				'gtm.start':
					new Date().getTime(), event: 'gtm.js'
			}); var f = d.getElementsByTagName(s)[0],
				j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
					'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
		})(window, document, 'script', 'dataLayer', 'GTM-WJ5WD2NX');</script>
	<!-- End Google Tag Manager -->

	<!-- Metadata 2024 -->
	<meta charset="utf-8">
	<title>Housing Market Detailed Analysis</title>
	<meta name="description" content="Explore the City of Upper Arlington Housing Market Detailed Analysis.">
	<meta name="keywords" content="Upper Arlington, Housing, Urban Planning, CommunityScale, Assessment, Dashboard">
	<meta name="author" content="CommunityScale">
	<link rel="canonical" href="https://communityscale.github.io/UpperArlington/">
	<meta property="og:title" content="City of Upper Arlington Housing Market Detailed Analysis">
	<meta property="og:type" content="article">
	<meta property="og:url" content="https://communityscale.github.io/UpperArlington/">
	<meta property="og:image" content="https://raw.githubusercontent.com/CommunityScale/UpperArlington/main/images/socialcard.jpg">
	<meta property="og:description" content="Housing Study educational dashboard for Upper Arlington. Provides detailed analysis and insights on housing trends, affordability, and needs.">
	<meta property="og:site_name" content="CommunityScale">
	<meta property="og:locale" content="en_US">
	<meta property="article:author" content="CommunityScale">
	<meta property="article:tag" content="Urban Planning">
	<meta property="article:tag" content="Housing">
	<meta property="article:tag" content="Upper Arlington">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="City of Upper Arlington Housing Market Detailed Analysis">
	<meta name="twitter:description" content="Explore the City of Upper Arlington Housing Market Detailed Analysis.">
	<meta name="twitter:image" content="https://raw.githubusercontent.com/CommunityScale/UpperArlington/main/images/socialcard.jpg">
	<meta name="twitter:creator" content="@CommunityScale">
	<meta http-equiv="content-language" content="en">

	<!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/cs-template.css">

	<!-- Fonts / icons / table
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Gloock:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<script src="https://kit.fontawesome.com/b6b458829a.js" crossorigin="anonymous"></script>
	<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>


	<!-- Favicon
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
	<link rel="icon" type="image/png" href="images/favicon.png">

</head>

<body>
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WJ5WD2NX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

	<!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->

	<!-- Sticky header -->
<div class="sticky">
	<div class="topnav">
		<div class="logo-and-menu">
			<p class="inline-text">
				<img src="images/client/UA-bear-white.png" alt="Upper Arlington" class="inline-logo">
				<span class="title"><B> Housing Market Analysis Survey</B></span>
			</p>
			<div class="nav-options">
				<div class="desktop-pages">
					<!-- Links must be added here for desktop -->
					<a href="#Overview"><span class="fa fa-arrow-up"></span> Top</a>
					<a href="index.html"> Housing study</a>
				</div>
				<div id="clickDiv" class="mobile-menu-icon">
					<a class="menu-icon">
						<i class="fa fa-bars"></i>
					  </a>
				</div>
			</div>

		</div>
		<div id="targetDiv" class="">
			<!-- Links must be added here again for mobile -->
			<a href="#Overview"><span class="fa fa-arrow-up"></span> Top</a>
			<a href="index.html"> Housing study</a>
		</div>
	</div>
</div>
<div class="cover" id="Top" style="background:linear-gradient(to right,rgb(17, 35, 54,.8) 60%,rgba(17, 35, 54,.5)), url(images/client/cover-background.png) no-repeat center center; background-size: cover;">

	<div class="container" style="margin-top: 0">
		<h1>City of Upper Arlington
			<br><span style="font-weight: normal;">Housing Market Detailed Analysis</span>
		</h1>
		<div class="row">
			<div class="eight columns" style="margin-top: 2%;">

					<p>The planning team invites community members to take part in this survey and contribute perspectives, experiences, insights, and ideas to the process.</p>
					<p>Having touble with the embeded survey below? <a href="https://forms.gle/UcMCj8xWJnDHEYE29">Access here</a>.</p>
			</div>
		</div>
	</div>
</div>

<!--
╭────────────────────────╮
|    SURVEY              |
╰────────────────────────╯
-->


<div class="chip-container" style="justify-content: center; align-items: center; text-align: center; margin-top: 2%; margin-bottom: 40px;">
	<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSe_WvctUyXYwUpWJNHveQjsymsEYfJIFkOGlApXOs-ZhM9anQ/viewform?embedded=true" width="640" height="6410" frameborder="0" marginheight="20px" marginwidth="0";">Loading…</iframe>
			</div>


		<script type="text/javascript" src="nav-javascript.js"></script>

		<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>

</html>