Untitled

_Layout.cshtml:

@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href=@Url.Content("~/Content/css/style.css")>

</head>
<body>
    <div class="page">
        <!--
        ========================================================
                                  HEADER
        ========================================================


        -->
        <header>
            <div class="container">
                <div class="brand">
                    <h1 class="brand_name"><a href="./">JAMIA-HAMM-00-</a></h1>
                    <p class="brand_slogan">Institute</p>
                </div><a href="callto:#" class="fa-phone">000-00000</a>
            </div>
            <div id="stuck_container" class="stuck_container">
                <div class="container">
                    <nav class="nav">
                        <ul data-type="navbar" class="sf-menu">
                            <li class="active">
                                @Html.ActionLink("Home", "Index", new { controller = "Home" }, new { @class = "a" })
                            </li>
                            <li>
                                <a href="#">
                                    Introduction
                                    <ul>
                                        <li>
                                            <a href="#">
                                                College
                                                <ul>
                                                    <li>@Html.ActionLink("Darse Nizami Banat", "DarseNizamiBanat", new { controller = "College" }, new { @class = "a" })</li>
                                                    <li>@Html.ActionLink("Darse Nizami Baneen", "DarseNizamiBaneen", new { controller = "College" }, new { @class = "a" })</li>
                                                    <li>@Html.ActionLink("Hifz Banat", "HifzBanat", new { controller = "College" }, new { @class = "a" })</li>
                                                    <li>@Html.ActionLink("Hifz Baneen", "HifzBaneen", new { controller = "College" }, new { @class = "a" })</li>
                                                </ul>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                Departments
                                                <ul>
                                                    <li></li>
                                                    <li></li>
                                                    <li></li>
                                                </ul>
                                            </a>
                                        </li>
                                    </ul>
                                </a>

                            </li>
                            <li>
                                @Html.ActionLink("Online Darul Iftah", "DarulIftah", new { controller = "DarulIftah" }, new { @class = "a" })
                            </li>
                            <li>
                                @Html.ActionLink("Maktabah Hamadia", "", "")
                            </li>
                            <li>
                                @Html.ActionLink("Contact Us", "", "")
                            </li>
                            <li>
                                @Html.ActionLink("News", "", "")
                            </li>
                            <li>
                                @Html.ActionLink("History & Mission", "", "")
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
    <script src='@Url.Content("Content/js/jquery.js")' type="text/javascript"></script>
        <script src='@Url.Content("Content/js/script.js")' type="text/javascript"></script>
    </body>
</html>

function include(scriptUrl) {
    document.write('<script src="' + scriptUrl + '"></script>');
}

function isIE() {
    var myNav = navigator.userAgent.toLowerCase();
    return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
};

/* cookie.JS
 ========================================================*/
include('js/jquery.cookie.js');

/* Easing library
 ========================================================*/
include('js/jquery.easing.1.3.js');


///* Superfish menus
// ========================================================*/
;
(function ($) {
    include('js/superfish.js');
})(jQuery);

/* Navbar
 ========================================================*/
;
(function ($) {
    include('js/jquery.rd-navbar.js');
})(jQuery);

@charset "UTF-8";
@import url(animate.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700);

/*========================   Menu   ==========================*/
.sf-menu {
  display: inline-block;
}
.sf-menu:before, .sf-menu:after {
  display: table;
  content: "";
  line-height: 0;
}
.sf-menu:after {
  clear: both;
}
.sf-menu > li {
  position: relative;
  float: left;
}
.sf-menu a {
  display: block;
}

.sf-menu > li > a {
  padding: 22px 25px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  border-right: 1px solid #56585a;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
  color: #fff;
  background: #5ab7de;
  border-right: 1px solid #4bb0db;
}
.sf-menu > li.active > a {
  color: #fff;
  background: #5ab7de;
  border-right: 1px solid #4bb0db;
}

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 235px;
  background: #f5f5f5;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sf-menu ul > li {
  position: relative;
}
.sf-menu ul > li > a {
  font-size: 16px;
  padding: 11px 31px;
  color: #62bfe6;
  background: #f5f5f5;
}
.sf-menu ul > li + li {
  border-top: 1px solid #e5e5e5;
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
  color: #777777;
}

.sf-menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 235px;
  margin-top: 0;
  margin-left: 10px;
  padding: 0;
  z-index: 4;
}

.sf-menu > li > ul > li > .sf-with-ul {
  position: relative;
}
.sf-menu > li > ul > li > .sf-with-ul:before {
  position: absolute;
  right: 19px;
  top: 0;
  margin-left: -6px;
  content: "";
  font: 400 16px/50px "FontAwesome";
  color: #62bfe6;
}

@media (max-width: 767px) {
  .sf-menu {
    display: none;
  }
}

/*==================  Stuck menu  ======================*/
.stuck_container {
  margin-top: 22px;
  background: #434547;
}

.isStuck {
  margin-top: 0;
  z-index: 9999;
  border-bottom: 1px solid #888;
}

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}

@media only screen and (max-width: 1399px) {
  .toTop {
    display: none !important;
  }
}
.primary {
  color: #62bfe6;
}

/*========================================================
                     HEADER  Section
=========================================================*/
header {
  padding-top: 24px;
  background: #fff;
}
header .brand {
  float: left;
}
header a[href^="callto:"],
header .container > p {
  clear: right;
  float: right;
}
header a[href^="callto:"] {
  margin-top: 7px;
  position: relative;
  font-size: 24px;
  color: #777777;
}
header a[href^="callto:"]:before {
  position: absolute;
  top: -4px;
  left: -44px;
  font-size: 34px;
  color: #6bc7ed;
}
header a[href^="callto:"]:hover {
  color: map;
}
header a[href^="callto:"] + p {
  margin-top: 7px;
}
@media (max-width: 979px) {
  header {
    text-align: center;
  }
  header .brand, header a[href^="callto:"], header .container > p {
    float: none;
  }
  header .brand {
    display: block;
  }
  header .brand_slogan {
    padding-left: 0;
  }
  header a[href^="callto:"] {
    display: inline-block;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  header {
    text-align: center;
  }
}