CSS

Easiest way to Add Banner in Website in ASP.NET

banner-in-asp.net
Written by Zaheer Alam

Create Controller or use already created “Controller” in ASP.NET

 

Controller: 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace WebApplication2.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}

public ActionResult About()
{
ViewBag.Message = “Your application description page.”;

return View();
}

public ActionResult Contact()
{
ViewBag.Message = “Your contact page.”;

return View();
}
}
}

 

 

CSHTML Code:

@{
ViewBag.Title = “Home Page”;
}

<div class=”col-lg-12″>

<div class=”col-lg-12″>

<div id=”my-carousel” class=”carousel slide” data-ride=”carousel”>
<!– Indicators –>
<ol class=”carousel-indicators”>
<li data-target=”#my-carousel” data-slide-to=”0″ class=”active”></li>
<li data-target=”#my-carousel” data-slide-to=”1″></li>
<li data-target=”#my-carousel” data-slide-to=”2″></li>
</ol>

<!– Wrapper for slides –>
<div class=”carousel-inner” role=”listbox”>
<div class=”item active”>
<img alt=”First slide” src=”~/Images/Banner/oop.jpg”>
<div class=”carousel-caption”>
<h3>Heading of Your Banner</h3>
<p>Put Detail Here; For Public.</p>
</div>
</div>
<div class=”item”>
<img alt=”Second slide” src=”~/Images/Banner/oop.jpg”>
<div class=”carousel-caption”>
<h3>Heading of Your Banner</h3>
<p>Put Detail Here; For Public</p>
</div>
</div>
<div class=”item”>
<img alt=”Third slide” src=”~/Images/Banner/oop.jpg”>
<div class=”carousel-caption”>
<h3>Heading of Your Banner</h3>
<p>Put Detail Here; For Public.</p>
</div>
</div>
</div>

<!– Controls –>
<a class=”left carousel-control” href=”#my-carousel” role=”button” data-slide=”prev”>
<span class=”glyphicon glyphicon-chevron-left” aria-hidden=”true”></span>
<span class=”sr-only”>Back</span>
</a>
<a class=”right carousel-control” href=”#my-carousel” role=”button” data-slide=”next”>
<span class=”glyphicon glyphicon-chevron-right” aria-hidden=”true”></span>
<span class=”sr-only”>Next</span>
</a>
</div>

</div>

</div>

About the author

Zaheer Alam

Zaheer Alam is an Software Engineer Graduated From Well Versed institute of Aisa, Comsats University.He is inclined toward helping People improve their Programming Skill to the Next Level.He also works work as social media content creator on various pages and groups with the huge fan following.

1 Comment

Leave a Comment