An error occurred while loading the file. Please try again.
index.html 4.49 KiB
<!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="row g-4 py-5 row-cols-1 row-cols-lg-3">
			<div class="feature col">
				<div class="feature-icon bg-primary bg-gradient">
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#collection"></use>
					</svg>
				</div>
				<h2>PLAN</h2>
				<p>Public/private sector, Real Estate</p>
				<a href="#" class="icon-link">
					Call to action
					<svg class="bi" width="1em" height="1em">
						<use xlink:href="#chevron-right"></use>
</svg> </a> </div> <div class="feature col"> <div class="feature-icon bg-primary bg-gradient"> <svg class="bi" width="1em" height="1em"> <use xlink:href="#people-circle"></use> </svg> </div> <h2>BUILD</h2> <p>Game Developer</p> <a href="#" class="icon-link"> Call to action <svg class="bi" width="1em" height="1em"> <use xlink:href="#chevron-right"></use> </svg> </a> </div> <div class="feature col"> <div class="feature-icon bg-primary bg-gradient"> <svg class="bi" width="1em" height="1em"> <use xlink:href="#toggles2"></use> </svg> </div> <h2>PLAY</h2> <p>Any Citizens – Young adults</p> <a href="#" class="icon-link"> Call to action <svg class="bi" width="1em" height="1em"> <use xlink:href="#chevron-right"></use> </svg> </a> </div> <div class="feature col"> <div class="feature-icon bg-primary bg-gradient"> <svg class="bi" width="1em" height="1em"> <use xlink:href="#toggles2"></use> </svg> </div> <h2>REWARD</h2> <p>Decision makers gives awards to the best planning (can be real award or ingame awards)</p> <a href="#" class="icon-link"> Call to action <svg class="bi" width="1em" height="1em"> <use xlink:href="#chevron-right"></use> </svg> </a> </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>