Politico/user.html at develop · codeBlock-1984/Politico · 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
<!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">
    <link rel="icon" href="favicon.png" type="image/png" sizes="16x16">

    <title>Politico - Your Online Voting Pal</title>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css">


  </head>

  <body>
      <div class = "header">
                    <img id="main-logo" src="img/logo.png" alt="Politico logo">
                    <h1><span class="brand">POLITICO</span> </h1>


                    <a href="index.html"> <p style="font-size: 18px; color: rgb(121, 198, 228);">Log out</p></a>
                    <span style="color: rgb(121, 198, 228);"> <a href="#"><i class="fas fa-cog"></i></a></span>


      </div>
          <div class="aside">
                <a href="parties.html" style="padding-left:8px "><div class="icon-box"><span class="side-icon"style="margin-left: 0px;"><i class="fas fa-flag"></i></span></div> <p>PARTIES</p> </a>

               <a href="candidates.html" style="padding-left:8px "> <div class="icon-box" style="padding-left: 10px; margin-right: 5px;"><span class="side-icon" ><i class="fas fa-fist-raised"></i></span></div><p> CANDIDATES</p> </a>

               <a href="offices.html" style="padding-left:5px; "><div class="icon-box" style="padding-left: 8px; width: 43px !important;" ><span class="side-icon" style="margin-right: 10px !important;"><i class="fas fa-briefcase"></i></span></div> <p>OFFICES</p></a>

               <a href="vote.html" style="padding-left:5px; "><div class="icon-box" style="padding-left: 8px; width: 43px !important;" ><span class="side-icon" style="margin-right: 10px !important;"><i class="fas fa-vote-yea"></i></span></div> <p>VOTE</p></a>

               <a href="contest.html" style="padding-left:5px "><div class="icon-box" style="padding-left: 8px; width: 43px !important;" ><span class="side-icon" style="margin-right: 10px !important;"><i class="fas fa-file-signature"></i></span></div> <p>CONTEST</p></a>
          </div>
          <div class="main-box">
              <div class="main-box-inner">


                    <div class="card-row">
                        <div id="dash" class="box-one">
                        <h1>Welcome to your dashboard!</h1>
                        <h3>Here's a quick list of what you can do below</h3>
                        <p>You can either:</p>
                        <Ul>
                            <li>View all registered parties</li>
                            <li>View Candidate profiles</li>
                            <li>Vote a candidate for an office</li>
                        </Ul>
                        <p>Or you can take our tour guide to find out more</p>
                        </div>

                        <div id="set-box" class="box-one">
                        <h1>Settings</h1>
                        <h3>User details</h3>
                        <p>Username: Uche Nwosu</p>
                        <p>Password: acde@1982</p>
                        <button onclick="resetPassword()">RESET PASSWORD</button>
                        </div>
                    </div>

              </div>


          </div>

      <div id="footer-main" class="footer">
            <div class="wrapper">
                <div class="footer-main">
                      <p>Copyright &copy; 2019 Politico</p>
                      <p>This is the beta version of a test product of ICE Inc.</p>

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

   <script src="js/script.js"></script>
  </body>

  </html>