<nav class="navbar navbar-inverse navbar-fixed-top anamenu">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="@Url.Action("Index", "Home")">
            <img src="~/Content/img/logo.png" alt="">
        </a>
    </div>
    <div class="navbar-collapse collapse navbar-right" id="layout_navbar">
        <ul class="nav navbar-nav">
            <li>@Html.ActionLink("About", "About", "Home")</li>
            <li class="dropdown" id="myDropdown">
                <a class="dropdown-toggle disabled" data-toggle="dropdown" href="@Url.Action("Raporlar", "Home")">
                    About Us
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="@Url.Action("About", "Home")"><i class="fa fa-chevron-right" aria-hidden="true"></i>Team</a></li>
                    <li><a href="#menu1"><i class="fa fa-chevron-right" aria-hidden="true"></i>What We Do?</a></li>
                    <li><a href="@Url.Action("About", "Home")"><i class="fa fa-chevron-right" aria-hidden="true"></i>Previous Members</a></li>
                    <li><a href="@Url.Action("About", "Home")"><i class="fa fa-chevron-right" aria-hidden="true"></i>Previous Projects</a></li><!--For example When this is clicked it should direct to
                                                                                                                                                   tab-content > Menu3 -->

                </ul>
            </li>
        </ul>
    </div>
</div>

<div class="container about-us">
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#home">Team</a></li>
    <li><a data-toggle="tab" href="#menu1">What We Do?</a></li>
    <li><a data-toggle="tab" href="#menu2">Previous Members</a></li>
    <li><a data-toggle="tab" href="#menu3">Previous Projects</a></li>
</ul>
<div class="tab-content">
    <div id="home" class="tab-pane fade in active">
        <h3>Team</h3>
        <p>Some content.</p>
    </div>
    <div id="menu1" class="tab-pane fade">
        <h3>What We Do?</h3>
        <p>Some content in menu 1.</p>
    </div>
    <div id="menu2" class="tab-pane fade">
        <h3>Previous Members</h3>
        <p>Some content in menu 2.</p>
    </div>
    <div id="menu2" class="tab-pane fade">
        <h3>Previous Projects</h3>
        <p>Some content in menu 2.</p>
    </div>
</div>