dev-audioprocessing/pages/getstarted.vue

42 lines
1.4 KiB
Vue
Raw Normal View History

2022-12-16 23:17:37 +00:00
<template>
<div>
2022-12-19 20:33:30 +00:00
<top-logo-bar></top-logo-bar>
2022-12-16 23:17:37 +00:00
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-6 pt-2">
<h3 class="text-center fs-2">Were About to Get Started</h3>
<p class="text-center text-muted fs-5 col-8 mx-auto">Please answer a few questions while we analyze the acoustics in your room.</p>
<div class="text-center">
<img src="~/assets/image/Delivery.png">
</div>
<form>
<div class="row pt-4 justify-content-center">
<div class="col-7 ">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminate">
<label class="form-check-label" for="flexCheckIndeterminate">
I give the app permission to use my microphone
</label>
</div>
</div>
</div>
<div class="row pt-3">
<div class="col-12 text-center pt-3">
<button type="button" class="login-btn col-4">Next</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
2022-12-19 20:34:50 +00:00
</template>
<script>
// can be used both composition api and roller api
2022-12-19 20:33:30 +00:00
import TopLogoBar from "../components/toplogobar";
2022-12-19 20:36:37 +00:00
export default {
2022-12-19 20:33:30 +00:00
components: {TopLogoBar}
2022-12-19 20:34:50 +00:00
}
</script>