Как правильно делать вёрстку в своих плагинах?

add_action('wp_enqueue_scripts', 'connect_scripts_and_styles_getpriceroad');

function connect_scripts_and_styles_getpriceroad() {
	wp_register_script('jquery_getpriceroad', plugins_url('scripts/jQuery.js', __FILE__));
  	wp_enqueue_script('jquery_getpriceroad');

  	wp_register_script('script_getpriceroad', plugins_url('scripts/script.js', __FILE__));
  	wp_enqueue_script('script_getpriceroad');
  	wp_register_style('style_getpriceroad', plugins_url('styles/style.css', __FILE__));
  	wp_enqueue_style('style_getpriceroad');
}

add_shortcode('getpriceroad_add', 'getpriceroad_short');
function getpriceroad_short() {
	return '
		<form class="road_form">
		<div class="text">
			<input placeholder="Откуда" type="text" name="a">
			<div class="list_text">
				<div>Барнаул</div>
				<div>Кемерово</div>
				<div>Новосибирск</div>
			</div>
		</div>
		<div class="swipe_wrapper">
			<img class="swipe" src="' . plugins_url('images', __FILE__) . '/icons8-заменить-100.png">
		</div>
		<div class="text">
			<input placeholder="Куда" type="text" name="b">
			<div class="list_text">
				<div>Барнаул</div>
				<div>Кемерово</div>
				<div>Новосибирск</div>
			</div>
		</div>
		<div class="select_count_wrapper">
			<div class="select_count_general"><img class="icon" src="' . plugins_url('images', __FILE__) . '/icons8-люди-в-машине-100.png">Пассажиров: <span class="count_all">0</span><img class="icon_open" src="' . plugins_url('images', __FILE__) . '/icons8-развернуть-52.png"></div>
			<div class="select_count_list">
				<div>
					<div>Взрослые</div>
					<div>
						<img class="minus_big" src="' . plugins_url('images', __FILE__) .'/icons8-минус-64.png">
						<span class="count" id="1">0</span>
						<img class="plus_big" src="' . plugins_url('images', __FILE__) .'/icons8-плюс-64.png">
					</div>
				</div>
				<div>
					<div>Дети</div>
					<div>
						<img class="minus_small" src="' . plugins_url('images', __FILE__) . '/icons8-минус-64.png">
						<span class="count" id="2">0</span>
						<img class="plus_small" src="' . plugins_url('images', __FILE__) . '/icons8-плюс-64.png">
					</div>
				</div>
			</div>
		</div>
		<div class="select_class_wrapper">
			<div class="select_class_general"><img class="icon" src="' . plugins_url('images', __FILE__) . '/icons8-автомобиль-100.png"><span>Класс</span><img class="icon_open" src="' . plugins_url('images', __FILE__) . '/icons8-развернуть-52.png"></div>
			<div class="select_class_list">
				<div>Стандарт</div>
				<div>Минивэн</div>
				<div>Комфорт</div>
				<div>Комфорт+</div>
			</div>
		</div>
		<div class="back" data-om="off">Обратный<br>маршрут</div>
		<div class="go"><input value="Узнать цену" type="submit" name="button"></div>
	</form>
	';