Blockchain_voting/index.php at master · manikrc98/Blockchain_voting · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


    <title>Voting with Blockchain</title>
    <style>
      .fstyle{
        font-family: lato;
        margin-top:70px;
      }
      .gold
      {
        background-color: #FFC107;
        color:white;
        padding: 0 4px 0 4px;
        font-size: 3rem;
        box-shadow: 2px 4px 3px #888888;
      }
      .gold:hover
      {
        box-shadow: 2px 6px 4px #888888;
        cursor: pointer;
      }
      .head
      {
        background-color: #FFFFFF;
        color:#343A40;
        padding: 0 4px 0 4px;
        font-size: 3rem;
        box-shadow: 2px 4px 3px #888888;
      }
      .head:hover
      {
        box-shadow: 2px 6px 4px #888888;
        cursor: pointer;
      }

            .display-1{
                  font-size: 3rem;
                }
            @media (min-width: 576px) {
              .display-1{
                  font-size: 4rem;
                }
              .gold{
                  font-size: 4rem;
                }
            }

            @media (min-width: 768px) {
                  .display-1{
                  font-size: 4.5rem;
                }
                .gold{
                    font-size: 4.5rem;
                  }

              .head{
                  border: solid #343A40 5px;
              }
            }

            @media (min-width: 992px) {
              .display-1{
                  font-size: 5.5rem;
                }
                .gold{
                    font-size: 6rem;
                  }
            }

            @media (min-width: 1200px) {
              .display-1{
                  font-size: 7rem;
                }
                .gold{
                    font-size: 7rem;
                  }
            }
     </style>
  </head>
  <body background="web-b1g.png">
    <!-- NAVBAR -->
    <nav class="col-12 navbar navbar-expand-sm bg-dark navbar-dark sticky-top">

        <a href="index.php" class="col-3 col-sm-5 col-md-3 col-lg-2 navbar-brand mr-3">Voting with Blockchain</a> <!-- LOGO -->

        <button class="col-2 navbar-toggler navbar-toggler-icon" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        </button>

        <div class="collapse navbar-collapse offset-md-1" id="collapsibleNavbar">  <!-- Collapsible Navbar -->
          <ul class="navbar-nav col-12">
          <li class="nav-item mr-2">
            <a href="index.php" class="nav-link">Home</a>
          </li>
          <li class="nav-item mr-2">
            <a href="#" class="nav-link">About us</a>
          </li>
          <li class="nav-item mr-2">
            <a href="#" class="nav-link d-none d-lg-block" data-toggle="collapse" data-target="#demo">Login Now</a>
          </li>
          <li class="nav-item mr-2">
            <a href="signup.php" class="nav-link">Sign Up</a>
          </li>
          </ul>
        </div>

    </nav>
    <div class="collapse" id="demo">
     <form class="col-xl-12 form-inline d-none d-lg-block bg-info pt-2 pb-2" action="php/login.php" method="post">
         <div class="offset-xl-3 row">
          <label for="usr" class="mr-2 text-white">Email:</label>
         <input type="text" name="form-control" id="usr" name="user">
         <label for="pwd" class="ml-4 mr-2 text-white">Password:</label>
         <input type="Password" class="form-control" id=pwd name="password">
         <a href="login_success.php"><button type="button" class="btn btn-warning ml-4">Login</button></a>
         <a href="signup.php"><button type="button" class="btn btn-light ml-2">Signup</button></a>
          </div>
      </form>
    </div>


    <div class="container-fluid">
        <div class="display-1 fstyle text-center">
            <span class="display-1 head">Your every vote counts,</span><br> <span class="gold">with blockchain</span>
        </div>
        <div class="row mt-5 col-12 mb-4">
        <button type="button" class="btn btn-primary offset-2 col-9 offset-sm-2 col-sm-4 offset-md-3 col-md-3 col-lg-3 offset-xl-4 col-xl-2">Start New Campaign</button>
        <div class="col-12 col-sm-1 offset-sm-0 text-center mt-2 "><em><strong>or</strong></em></div>
        <button type="button" class="btn btn-dark offset-4 col-5 offset-sm-0 col-sm-3 col-md-3 col-lg-2 col-xl-1 mt-1">Vote Now</button>
        </div>
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>