<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.Font?>
<?import java.net.URL?>
<fx:root type="javafx.scene.layout.HBox" spacing="5.0" styleClass="container"
         maxHeight="250" minHeight="175" prefHeight="200.0" alignment="CENTER"
         minWidth="625" maxWidth="Infinity" prefWidth="Infinity" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.65">
    <ImageView fx:id="imageView" fitHeight="175.0" fitWidth="175.0" pickOnBounds="true" preserveRatio="true"
             HBox.hgrow="NEVER"  />
    <VBox styleClass="list-container" spacing="5" minWidth="450" HBox.hgrow="ALWAYS">
        <Label fx:id="titleLabel" text="Title" styleClass="title-label" />
        <Label fx:id="descriptionLabel" styleClass="description-label" wrapText="true"
               text="Lorem ipsum indurain bidon liquigas vendee battoowoo greekgreek, rouleur derby is for lovers gilbert gavia liquigas nokere koerse? Maillot jaune flamme rouge, the planckaert kelly e3 prijs vlaanderen nevele jens, col du galibier gaul pyrenees hinault? Muur bosberg ronde van belgie, on your left bonk soigneur driedaagse de panne-koksijde tati ombregt, gruppetto kelly fabianese? Giro d'italia rouleur derby ten dam gaul, colnago belgium bobet bahati the la fleche wallonne, paris-nice kaperij. Gavia horizontally stiff but vertically compliant feed zone criterium rodriguez, chicane commissaire omnium operacion puerto campagnolo fred."/>
        <HBox prefHeight="30.0">
            <children>
                <Button fx:id="startButton" mnemonicParsing="false" text="Start Tutorial"/>
            </children>
        </HBox>
    </VBox>
    <stylesheets>
        <URL value="@tutorial-description.css" />
    </stylesheets>
</fx:root>
