Add structure to App.vue.
This commit is contained in:
parent
6be5eca970
commit
ebc75c4214
1 changed files with 39 additions and 19 deletions
24
src/App.vue
24
src/App.vue
|
|
@ -1,9 +1,29 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col my-3 d-flex justify-content-center">
|
||||||
|
<vehicleImage/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<p class="text-center text-secondary fs-5 mb-4">Select a year to get started</p>
|
||||||
|
<p class="text-center fs-6 fw-bold">What year is your vehichle?</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<buttonFunnel/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mt-5">
|
||||||
|
<div class="col">
|
||||||
<buttonPrimary/>
|
<buttonPrimary/>
|
||||||
<buttonSecondary/>
|
<buttonSecondary/>
|
||||||
<buttonFunnel/>
|
|
||||||
<textInput/>
|
<textInput/>
|
||||||
<vehicleImage/>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue