HTML
            


            
PUG
            
.conversationnel(style="height: 700px;")
	.conversation-steps.active
		header
			.top
				.title Recherche par marque / modèle
				a(href="#").close
					i.maificon.maificon-cross-cercle(aria-hidden='true')
					span Fermer
			.timeline-container
				.row
					.col-md-8.col-11.mx-auto
						ul.timeline.list-unstyled
							li.active
								span
							li
								span
							li
								span
							li
								span

			.step-title 
				.row
					.col-md-8.col-11.mx-auto
						.flex-row
							a.back-link(href="#") 
								span Retour
							.title Choisissez la marque de votre véhicule
		.step-content

			.loader
				div
					div
				div
					div
				div
					div
				div
					div
				div
					div
				div
					div
				div
					div
				div
					div
				div
					div
				div
					div
			.row
				.col-md-8.col-11.mx-auto
					form.maif-form
						span.scrolled-trigger
						.loading-overlay
							.form-group-label
								label.label-title.label-picto 
									i.maificon.maificon-levier-vitesse(aria-hidden='true')
									span Quelle est l’année de la 1ère mise en circulation ?
								.form-group
									.row.flex-row-sm
										.col-md-4.col-7
											.form-group.no-margin-sm
												input(type="text" placeholder="AAAA")
										.col-md-3.col-5
											.form-group.no-margin-sm
												a(href="#").btn.btn-block Valider
										.col-md-5.col-12
											p.last
												a(href="#") Je ne la connais pas
							.form-group-label
								label.label-title.label-picto 
									i.maificon.maificon-pompe-essence(aria-hidden='true')
									span Votre modèle :
								.form-group-radio.row
									.col-md-4.col-6
										.radio
											input(type="radio" name="type-vehicule")#type-vehicule-1
											label(for="type-vehicule-1") D CAB
									.col-md-4.col-6
										.radio
											input(type="radio" name="type-vehicule")#type-vehicule-2
											label(for="type-vehicule-2") CLIO
									.col-md-4.col-6
										.radio
											input(type="radio" name="type-vehicule")#type-vehicule-3
											label(for="type-vehicule-3") CAPTUR
									.col-md-4.col-6
										.radio
											input(type="radio" name="type-vehicule")#type-vehicule-4
											label(for="type-vehicule-4") ESPACE
									.col-md-4.col-6
										.radio
											input(type="radio" name="type-vehicule")#type-vehicule-5
											label(for="type-vehicule-5") KADJAR
									.col-md-4.col-6
										.radio
											input(type="radio" name="type-vehicule")#type-vehicule-6
											label(for="type-vehicule-6") KANGOO

						button.btn.btn-bevel-left.pull-right Continuer