<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - Fuel Monitoring App</title>
    <link href="/Content/bootstrap-theme.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>


</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <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>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">OnlineFMS</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/">Home</a></li>
                    <li><a href="/Home/About">About</a></li>
                    <li><a href="/Home/Contact">Contact</a></li>
                    <li><a href="/Readings/Myserver">Database</a></li>
                    
                </ul>
                </ul>
                    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register" id="registerLink">Register</a></li>
        <li><a href="/Account/Login" id="loginLink">Log in</a></li>
    </ul>

            </div>
        </div>
    </div>
    <div class="container body-content">
        



<div class="jumbotron">

    <h2>Online Fuel Monitoring System</h2>
    <p class="lead">
        OnlineFMS is a fuel monitoring web application which is used to monitor a fuel tank from which data related to the fuel is being received by the application. </p>
    <p><a href="/Views/Home/About.cshtml" class="btn btn-primary btn-lg">For more details about the project, please visit the About page. &raquo;</a></p>

</div>

<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="/Images/4152841-lamborghini-veneno-sports-car-HD.jpg" alt="First Image" class="" />
        
        </div>
        <div class="item">
            <img src="/Images/yamaha_r1_heavy_bike-1280x720.jpg" alt="Second Image" class="" />
        </div>

<div class="item">
    <img src="/Images/Ferrari.jpg" alt="Third Image" class="" />
</div>
        <div class="item">
            <img src="/Images/vehicle-sci-fi-43803.jpg" alt="Fourth Image" class="" />
        </div>

        <div class="item">
            <img src="/Images/Maruti-Celerio-ZDI-O-DDiS-125-final-average-fuel-consumption-review.jpg" alt="Fifth Image" class="" />

        </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>



        <hr />
        <footer>
            <p>&copy; 2017 - OnlineFMS</p>
        </footer>
    </div>

    <script src="/Scripts/jquery-1.10.2.js"></script>

    <script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>

    
</body>
</html>
