index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="generator" content="GitLab Pages">
	<title>Buildicipate</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
	<link rel="stylesheet" href="../assets/css/style.css">
	<link rel="stylesheet" href="../assets/css/mobile.css">
</head>

<body>
	<header id="header">
		<div class="row">
			<div class="logo" id="logo"></div>
			<div class="hamburger">
				<div class="line"></div>
				<div class="line"></div>
				<div class="line"></div>
			</div>
			<nav></nav>
		</div>
		<div id="projectlogo"></div>
		<div id="projectname"></div>
	</header>
	<div class="content">

		<h1>Buildicipate Project</h1>

		<video controls width="100%">

			<source src="Media1.mp4" type="video/mp4">

			Sorry, your browser doesn't support embedded videos.
		</video>


		<li>
			A real world digital 3D platform (Digital Twin) of Stuttgart for citizens and government to build, play,
			explore and engage in city development process.
		</li>
		<li>
			Complimanting traditional citizen particiaption in city development process using visually rich digital city
			environment and interaction.
		</li>
		<li>Enhancing the digital participation platform with game elements to bring out more creativity and sense of
			there importance in the city development process.
		</li>

		<img src="bp1.jpg">


		<h1>Our Idea</h1>
		<h4>The Smart Participation Game in Four Easy Steps</h4>
		<div class="container px-4 py-5" id="icon-grid">

			<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">
				<div class="col d-flex align-items-start">
					<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
						<use xlink:href="#bootstrap"></use>
					</svg>
					<div>
						<h4 class="fw-bold mb-0">PLAN</h4>
						<p>Public/private sector, Real Estate</p>
					</div>
				</div>
				<div class="col d-flex align-items-start">
					<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
						<use xlink:href="#cpu-fill"></use>
					</svg>
					<div>
						<h4 class="fw-bold mb-0">BUILD</h4>
						<p>Developer Teams configue the application</p>
					</div>
				</div>
				<div class="col d-flex align-items-start">
					<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
						<use xlink:href="#calendar3"></use>
					</svg>
					<div>
						<h4 class="fw-bold mb-0">PLAY</h4>
						<p>Any Citizens – Young adults</p>
					</div>
				</div>
				<div class="col d-flex align-items-start">
					<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
						<use xlink:href="#home"></use>
					</svg>
					<div>
						<h4 class="fw-bold mb-0">REWARD</h4>
						<p>Decision makers gives awards to the best planning (can be real award or ingame
							awards)</p>
					</div>
				</div>
			</div>
		</div>
		<p>
			<ol type="I">
				<li>
					<b>PLAN</b> (Public/private sector, Real Estate)
				</li>
				<li>
					<b>BUILD</b> (Game Developer)
				</li>
				<li>
					<b>PLAY</b> (Any Citizens – Young adults)
				</li>
				<li>
					<b>REWARD</b> (Decision makers gives awards to the best planning (can be real award or ingame
					awards))
				</li>
			</ol>
		</p>


		<h1>List of external links</h1>

		<p>
			<ul>
				<li><a href="https://stadtlabor.podigee.io">HFT Stadtlabor</a></li>
				<li><a
						href="https://stadtlabor.podigee.io/5-05-vergessen-in-der-stadt-wie-die-stadtplanung-menschen-mit-demenz-helfen-kann">Vergessen
						in der Stadt</a></li>
			</ul>
		</p>

	</div>

	<div class="footer content">
		<h1>Our Team</h1>
	</div>
	<div class="legal"></div>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous">
	</script>
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
</body>

</html>