index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dont Lose Hope</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/one-page-wonder.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>


    <!-- Full Width Image Header -->
    <header class="header-image">
        <div class="headline">
            <div class="container">
                <h1><b>Don't Lose Hope</b></h1>
                <h2>You are in the <b>clarif<font color = "blue">ai</font></b>-ed world</h2>
            </div>

        </div>
    </header>

    <br/>
    <br/>
    <br/>

    <div class="row text-center" >
  <div class="form-group col-sm-6" id="findperson-form-group">
    <label for="findperson"><h2>Find The Missing Person </h2></label>
    <br/>
    <br/>
    <button  class="btn btn-primary btn-lg" id="submit" value="submit">Find  </button>
  </div>

 <div class="form-group col-sm-6" id="reportperson-form-group">
    <label for="reportperson"><h2>Report The Missing Person </h2></label>
    <br/>
    <br/>
    <button  class="btn btn-primary btn-lg" id="submit" value="submit">Report</button>

 </div>
 </div>

    <!-- Page Content -->
    <div class="container">

        <hr class="featurette-divider">

        <!-- First Featurette -->
        <div class="featurette" id="about">
            <img class="featurette-image img-circle img-responsive pull-right" src="Logo-hands.png">
            <h2 class="featurette-heading">About</h2>
            <p class="lead">Finding and Reporting missing people is one click away using this AI-driven application.<br/>Lost your dear one ? Upload pictures and find him. 
            <br/>Want to report an unidentified person ? - Upload pictures and report him.<br/> It's that simple.</p>
        </div>

        <hr class="featurette-divider">

        <!-- Second Featurette -->
        <div class="featurette" id="services">
            <img class="featurette-image img-circle img-responsive pull-left" src="Logo-family.png">
            <h2 class="featurette-heading">No More Losing Anyone
            </h2>
            <p class="lead">We provide you an opportunity to connect in toughest of times. Be it an accident , disaster or any calamity.</p>
        </div>

        <hr class="featurette-divider">

        <!-- Third Featurette -->
        <div class="featurette" id="contact">
            <img class="featurette-image img-circle img-responsive pull-right" src="Logo-police.png">
            <h2 class="featurette-heading">Searching Was Never This Easy
            </h2>
            <p class="lead">Searching for a missing person need not be a nightmare for months or even years. We have a solution powered by state of the art technology. You are never too far away in this information age.</p>
        </div>

        <hr class="featurette-divider">


    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>

</html>