@{
    ViewBag.Title = "Contact";
}

<section class="jumbotron text-center">
    <div class="container">
        <h1 class="jumbotron-heading">@ViewBag.Title.</h1>
        <p class="lead-text text-muted">@ViewBag.Message</p>
    </div>
</section>

<div>
    <h3>UI for ASP.NET MVC TabStrip</h3>
    @(Html.Kendo().TabStrip()
                        .Name("ContactsTabStrip")
                        .Items(items =>
                        {
                            items.Add()
                                .Text("Phone")
                                .Selected(true)
                                .Content(@<text>
                                    <p>
                                        <span class="label">Main:</span>
                                        <span>425.555.0100</span>
                                    </p>
                                    <p>
                                        <span class="label">After Hours:</span>
                                        <span>425.555.0199</span>
                                    </p>
                                </text>)
                                                .ContentHtmlAttributes(new { style = "min-height: 200px" });
                                    items.Add()
                            .Text("Email")
                            .Content(@<text>
                                <p>
                                    <span class="label">Support:</span>
                                    <span><a href="mailto:Support@example.com">Support@example.com</a></span>
                                </p>
                                <p>
                                    <span class="label">Marketing:</span>
                                    <span><a href="mailto:Marketing@example.com">Marketing@example.com</a></span>
                                </p>
                                <p>
                                    <span class="label">General:</span>
                                    <span><a href="mailto:General@example.com">General@example.com</a></span>
                                </p>
                            </text>)
                        .ContentHtmlAttributes(new { style = "min-height: 200px" });
                        items.Add()
                .Text("Address")
                .Content(@<text>
                    <p>
                        One Microsoft Way<br />
                        Redmond, WA 98052-6399
                    </p>
                </text>)
    .ContentHtmlAttributes(new { style = "min-height: 200px" });
})
    )

    @(Html.Kendo().DropDownList()
                              .Name("color1")
                              .DataTextField("Text")
                              .DataValueField("Value")
                              .BindTo(new List<SelectListItem>() {
                                    new SelectListItem() {
                                      Text = "Black",
                                      Value = "1"
                                    },
                                    new SelectListItem() {
                                      Text = "Orange",
                                      Value = "2"
                                    },
                                    new SelectListItem() {
                                      Text = "Grey",
                                      Value = "3"
                                    }
                              })
                              .Value("1")
                              .HtmlAttributes(new { style = "width: 100%" })
    )

    @(Html.Kendo().DropDownList()
                              .Name("color2")
                              .DataTextField("Text")
                              .DataValueField("Value")
                              .BindTo(new List<SelectListItem>() {
                                    new SelectListItem() {
                                      Text = "Black",
                                      Value = "1"
                                    },
                                    new SelectListItem() {
                                      Text = "Orange",
                                      Value = "2"
                                    },
                                    new SelectListItem() {
                                      Text = "Grey",
                                      Value = "3"
                                    }
                              })
                              .Value("1")
                              .HtmlAttributes(new { style = "width: 100%" })
    )
    @(Html.Kendo().DropDownList()
                      .Name("color3")
                      .DataTextField("Text")
                      .DataValueField("Value")
                      .BindTo(new List<SelectListItem>() {
                            new SelectListItem() {
                                Text = "Black",
                                Value = "1"
                            },
                            new SelectListItem() {
                                Text = "Orange",
                                Value = "2"
                            },
                            new SelectListItem() {
                                Text = "Grey",
                                Value = "3"
                            }
                      })
                      .Value("1")
                      .HtmlAttributes(new { style = "width: 100%" })
    )

    @(Html.Kendo().DropDownList()
                      .Name("color4")
                      .DataTextField("Text")
                      .DataValueField("Value")
                      .BindTo(new List<SelectListItem>() {
                              new SelectListItem() {
                                  Text = "Black",
                                  Value = "1"
                              },
                              new SelectListItem() {
                                  Text = "Orange",
                                  Value = "2"
                              },
                              new SelectListItem() {
                                  Text = "Grey",
                                  Value = "3"
                              }
                      })
                      .Value("1")
                      .HtmlAttributes(new { style = "width: 100%" })
    )

</div>
