kingdomline/web/index.html

<html>

<head>
    <title>KingdomLine</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Import Bootstrap and utilities -->
    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">

    <!-- JQuery and JS -->
    <script src="includes/jquery/jquery-2.1.0.min.js"></script>
    <script src="includes/bootstrap/js/bootstrap.min.js"></script>

    <!-- Custom stylesheets -->
    <link rel="stylesheet" type="text/css" href="stylesheets/main.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/homepage.css" />


</head>

<!-- Navbar -->
<nav class="navbar" role="navigation">
    <a class="navbar-brand" href="index.html">KingdomLine</a>

    <div class="navbar-text navbar-right nav-collapse .hidden-md-down" id="phone">(773) 985-3318</div>
    
    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="glyphicon glyphicon-align-justify"></span>
    </button>
    <nav class="navbar-collapse collapse" role="navigation">
            <ul class="navbar-nav nav">
                <li class="dropdown navbar-left">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Mission Statement</a></li>
                        <li><a href="#">Meet the Staff</a></li>
                        <li><a href="#">Our Services</a></li>
                    </ul>
                </li>
                <li><a href="coach_signup.html">Coach sign-up</a></li>
                <li><a href="donor_signup.html">Donor sign-up</a></li>
            </ul>
    </nav>
</nav>


<body>

    <!-- Jumbotron -->
    <div class="jumbotron vertical-center">
        <div class="header">
            <div class="text-vertical-center text-center vertical-center">
                <div class="container">

                    <div class="container container-fluid" id="jumbodiv">

                        <h1 id="jumbohead">A hotline for anything</h1>
                        </br>
                        <p>Kingdomline is a Christian organization designed to bring a human touch to times where you need help.</p>
                        <h2>(773) 985-3318</h2>
                        </br>
                        <a href="donor_signup.html" class="btn btn-light btn-lg">Donate Today</a>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- Column info -->
    <div class="container bottom-columns">
        <div class="row">

            <div class="col-sm-4">
                <h3> Get Answers for Life's Dilemmas.</h3>
                <p>Get help with questions on faith, family, troubles, or drama.</p>
            </div>

            <div class="col-sm-4">
                <h3>Help Others.</h3>
                <p>Sign up to help those in your community via a phone hotline. Or assist through donation.</p>
            </div>

            <div class="col-sm-4">
                <h3>Communicate Simply.</h3>
                <p>No need for an app or modern browser. Get on the phone and call a good old phone number now, free of charge.</p>
            </div>
        </div>
    </div>
</body>

</html>