Blog Posts
Provide contextual feedback messages for typical user actions with the handful
of available and flexible alert messages.
Blog Post
Use @Html.Vertex().BlogPosts(BlogPostViewName viewName)
method to list blog posts.
There are 6 different views BlogPostViewName.Grid
, BlogPostViewName.Card2D
... and as you see at below.
Tab title equal to view name.
Cotiza el seguro para tu auto
Cotiza el seguro de gastos médicos
Cotiza el seguro de vida
Popular
this
month
Join our news
// For the 'Grid' view
@Html.Vertex().BlogPosts(BlogPostViewName.Grid)
// For the 'Card2D' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card2D)
// For the 'Card' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card)
// For the 'ListBottomText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText)
// For the 'ListRightText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText)
Pageable
Use .Pageable(string pageQueryName, int pageSize)
method to make pageable.
Seguro de Vida
Semana Nacional de Educación Financiera
Choose a job you love, and you will never have to work a day in your life.
// For the 'Grid' view
@Html.Vertex().BlogPosts(BlogPostViewName.Grid).Pageable("grid-page", 2)
// For the 'Card' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card).Pageable("card-page", 2)
// For the 'ListBottomText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText).Pageable("list-bottom-text-page", 2)
// For the 'ListRightText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText).Pageable("list-right-text-page", 2)
To Slider
Use .ToSlider(Action[SliderBuilder] action)
method to make slider.
Grid View
Cotiza el seguro de tu hogar
Cotiza el seguro para tu auto
Cotiza el seguro de gastos médicos
Cotiza el seguro de vida
Seguro de Vida
Semana Nacional de Educación Financiera
Cotiza RC para Médicos
Audio post example with default view
Choose a job you love, and you will never have to work a day in your life.
This is quote post with center view
This is vide post example with default view
@Html.Vertex().BlogPosts(BlogPostViewName.Grid)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
Card View
@Html.Vertex().BlogPosts(BlogPostViewName.Card)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
ListBottomText View
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
ListRightText View
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
PostOnImage View
Cotiza el seguro de tu hogar
Casa HabitaciónCotiza el seguro para tu auto
AutosCotiza el seguro de gastos médicos
Gastos MedicosCotiza el seguro de vida
VidaSeguro de Vida
VidaSemana Nacional de Educación Financiera
AutosCotiza RC para Médicos
VidaAudio post example with default view
VidaThis is quote post with center view
AutosThis is vide post example with default view
Autos@Html.Vertex().BlogPosts(BlogPostViewName.PostOnImage)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
PostOnImage2 View
Cotiza el seguro de tu hogar
Cotiza el seguro para tu auto
Cotiza el seguro de gastos médicos
Cotiza el seguro de vida
Seguro de Vida
Semana Nacional de Educación Financiera
Cotiza RC para Médicos
Audio post example with default view
This is quote post with center view
This is vide post example with default view
@Html.Vertex().BlogPosts(BlogPostViewName.PostOnImage2)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})