Simple program using HTML/CSS/Jquery

Simple example using collection of items in HTML tags using JQUERY in ASP.NET MVC

HomeController.cs

Index.cshtml

Courses.cshtml

AboutUs.cshtml

ContactUs.cshtml

_Layout.cshtml




MyStyles.css

    body {

margin:80px 80px 100px 100px;
    overflow-x:hidden;overflow-y:hidden;
        }
   span{
        color:red;
        font-family:'Arial Rounded MT';
        font-size:45px;
        text-align:center;
    }
 #fixedheader {
position:fixed;
top:0px;
left:0px;
width:100%;
color:black;
background-color:lightgray;
padding:20px; 
}
 #fixedfooter {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: white;
    background-color:dimgrey;
    padding: 8px;
 }
 #nav{
margin:0px;
}
#nav ul{
padding:0;
list-style:none;}
#nav ul li{
float:left;
text-align:center;
width:120px;
margin:4px;
}

Note: Avoid InLine styles, try to do everything in *.css