project.php

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
     <a class="navbar-brand" href="http://iiitu.ac.in/">
    <a class="navbar-brand page-scroll" href="#page-top"><img src="image/Capture_7.png" style="width:110px;" class="img-responsive" alt=""></a>
  </a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#myPage">HOME</a></li>
        <li><a href="#about">ABOUT US</a></li>
        <li><a href="#vote">HOW TO VOTE</a></li>
        <li><a href="#contact">CONTACT</a></li>
		<li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">LOGIN
          <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="admin_login.php">ADMIN</a></li>
          </ul>
        </li>
		<li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">SIGNUP
          <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="Branch_signup.php">VOTER</a></li>
            <li><a href="sign_up1.php">ADMIN</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

<!-- Container (The Band Section) -->
<div id="about" class="container text-center">
  <h3>ONLINE VOTING PORTAL</h3>
  <p><em>We let you vote on web!</em></p>
  <p>In order to provide hussle free voting procedure we enables voters to cast their vote privately and easily from any location with Internet access, ensuring fair election engagement by allowing voters to participate on equal terms.

Voter privacy, election integrity, end-to-end security and vote correctness are guaranteed via system build. This enables administrator to assure voters that their votes remain cast-as-intended, recorded-as-cast and counted-as-recorded. In addition to the added accessibility and security, operational efficiencies result from significantly time consuming method and openly delivery of the results.</p>
  <br>
  <h3>FEATURES</h3>
  <div class="row">
    <div class="col-sm-4">
      <p class="text-center"><strong>Secure</strong></p><br>
      <a href="#demo" data-toggle="collapse">
        <img src="image/otp.png" class="img-circle person" alt="Random Name" width="255" height="255">
      </a>
      <div id="demo" class="collapse">
		<p> Voters’ privacy & integrity is our priority. Votes casted are not revealed to anyone. False attempt to vote will impose error.</p>
      </div>
    </div>
    <div class="col-sm-4">
      <p class="text-center"><strong>Customizable</strong></p><br>
      <a href="#demo2" data-toggle="collapse">
        <img src="image/alert.png" class="img-circle person" alt="Random Name" width="255" height="255">
      </a>
      <div id="demo2" class="collapse">
<p>You can customize elections as per the requirement by setting up various parameters.</p>
      </div>
    </div>
    <div class="col-sm-4">
      <p class="text-center"><strong>Results</strong></p><br>
      <a href="#demo3" data-toggle="collapse">
        <img src="image/result.png" class="img-circle person" alt="Random Name" width="255" height="255">
      </a>
	  <div id="demo3" class="collapse">
      <p>Live declaration of results on the website itself so that everyone can see. It will improve transparency.</p>
      </div>
    </div>
  </div>
</div>

<!-- Container (HOW TO VOTE Section) -->
<div id="vote" class="bg-1">
  <div class="container">
    <h3 class="text-center">HOW TO VOTE</h3>
   <br><br>
            <div class="col-lg-12">
                    <ul class="timeline" style="list-style-type:none">
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                               <div class="img-step"> <img class="img-circle img-responsive" src="image/step-1.png" alt=""></div>
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>REGISTRATION</h4>
                                </div>
                                <div class="timeline-body">
                                    <p>Initially the admin have to signup and create account and then by logging in as admin he/she has to categorize various elections which are to be conducted. Admin will decide all the parameters on the basis of which election is to be hosted. Similarly candidates willing to fight for the election will have to signup and create their account. When votes are to be casted voters will signup and login and cast their votes as per the criteria set by the administrator.</p>

                                </div>
                            </div>
                        </li>
						<br></br> <br></br>
                  <li class="timeline-inverted">
                            <div class="timeline-image">
                               <div class="img-steped">  <img class="img-circle img-responsive" src="image/step-2.png" alt=""></div>
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>SET-UP ELECTION</h4>
                                </div>
                                <div class="timeline-body">
                                    <p >On successful registration, admin can set-up election in no time. This process involves 3 steps:
                                    	<ul>
                                        	<li><strong>ADD DETAILS</strong><br>Add election details like class, roll no. format, distribution of votes.</li>
                                            <li><strong>REVIEW</strong><br>Once entered all the required details, review it and then you are good to go.</li>
                                            <li><strong>LAUNCH</strong><br>Once admin has entered all the required details then he/she can immediately launch the election.</li>
                                        </ul>
                                    </p>
                              </div>
                            </div>
                        </li>
                        <li>
						<br></br>
                            <div class="timeline-image">
                               <div class="img-step">  <img class="img-circle img-responsive" src="image/step-3.png" alt=""></div>
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>VOTE</h4>
                                </div>
                                <div class="timeline-body">

                                    <p>Voters have to signup using their roll numbers and unique passwords and then click on vote button against the name of the candidate they want to elect for the post required. For TPRs multiple votes might be casted.</p>
                                </div>
                            </div>
                        </li>
						<br></br><br></br>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                               <div class="img-steped"><img class="img-circle img-responsive" src="image/result.png" alt="" width="200px"></div>
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>RESULTS</h4>
                                </div>
                                <div class="timeline-body">
                                    <p >After the election ends, the result can be generated which is automatically tabulated. This is solely for security purposes. The outcome can be published and shared with the voters on the website itself.</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
        </div>
    </section>
  
  <!-- Modal -->
 
</div>



<!-- Container (Contact Section) -->
<div id="contact" class="container">
  <h3 class="text-center">GET IN TOUCH WITH US</h3>
  <p class="text-center"><em>We love our Voters!</em></p>

  <div class="row">
    <div class="col-md-4">
      <p>Voter? Drop a note.</p>
      <p><span class="glyphicon glyphicon-map-marker"></span>Hamirpur, H.P, 177005</p>
      <p><span class="glyphicon glyphicon-phone"></span>Phone: +91 8351959611</p>
      <p><span class="glyphicon glyphicon-envelope"></span>Email: 16202@iiitu.ac.in</p>
    </div>
	
	
    <div class="col-md-8">
      <div class="row">
        <div class="col-sm-6 form-group">
          <input class="form-control" id="name" name="name" placeholder="Name" type="text" required>
        </div>
        <div class="col-sm-6 form-group">
          <input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
        </div>
      </div>
      <textarea class="form-control" id="comments" name="comments" placeholder="Comment" rows="5"></textarea>
      <br>
      <div class="row">
        <div class="col-md-12 form-group">
          <button class="btn pull-right" type="submit">Send</button>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>
<div class="panel panel-default">
    <div class="panel-body"><h3 class="text-center">FOR FURTHER ENQUIRIES</h3>
	<div class="container">
	<table align="center" style="width:60% ">
      <tr>
        <td align="center">
		  <div class="media">
  <img src="image/Aman_1.jpg" alt="Mohd Aman" class="align-self-start mr-3" style="width:149px">
    <div class="media-body">
      <h4>MOHD AMAN</h4>
      <p>
            <span><i class="glyphicon glyphicon-phone"></i></i><strong> Phone:</strong>+91-8755428254</span>
			<br>
			<span><i class="glyphicon glyphicon-envelope"></i><strong>  Email:</strong>16201@iiitu.ac.in</span>
          </p>    
    </div>
  </div>
  </div>
</td>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
<div>
		    <td align="center"> 
			  <div class="media">
			    <img src="image/Meenal.png" alt="Meenal Ranta" class="align-self-start mr-3" style="width:160px">
    <div class="media-body">
      <h4>MEENAL RANTA</h4>
      <p>
            <span><i class="glyphicon glyphicon-phone"></i></i><strong> Phone:</strong>+91-8544771406</span>
			<br>
			<span><i class="glyphicon glyphicon-envelope"></i><strong>  Email:</strong>16202@iiitu.ac.in</span>
          </p>    
    </div>
  </div>
</td>
      </tr>
  </table>
  </div>
</div>