<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

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

    <!-- Font Awesome -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    />

    <!-- Custom Styles -->
    <link rel="stylesheet" href="assets/css/style.css" />

    <!-- animation -->
    <link rel="stylesheet" href="assets/css/animation.css" />

    <!-- responsive -->
    <link rel="stylesheet" href="assets/css/responsive.css" />
  </head>

  <body>
    <main class="overflow-hidden trim-home">
      <div class="container position-relative z-3">
        <div class="row h-100">
          <!-- Candidate -->
          <div class="candidate pe-md-5">
            <div class="aboutCandidate">
              <!-- Img -->
              <div class="CandidateImg">
                <img
                  src="assets/images/candidates/candidate1.jpg"
                  alt="candidate"
                />
              </div>

              <!-- Candidate Details -->
              <div class="candidateDetails start-0">
                <i class="fa-solid fa-hand-fist"></i>
                <article>
                  <h2>Walter Green</h2>
                  <p>
                    We believe that great design should not be out of reach, so
                    our services are less
                  </p>
                </article>
              </div>
            </div>
          </div>

          <!-- About Campaign -->
          <div class="aboutCampaign revealEffect">
            <!-- Logo -->
            <div class="logo justify-content-center mb-5 pb-md-3">
              <img src="assets/images/icon.png" alt="Icon" />Fimro.
            </div>
            <h2 class="campaignHeading">
              The Best <span class="highlight">Leader</span>
            </h2>
            <div class="catchLine">
              voice of the people <span class="lines"></span>
            </div>
            <article class="campaignText">
              <h4>Vote for the best Condidate</h4>
              <p>
                We believe that great design should not be out of reach, so our
                services are less
              </p>
            </article>

            <!-- vote button -->
            <a class="text-center" href="vote.html"
              ><button class="voteNow buttonHover">
                <span>Join Now</span>
              </button></a
            >

            <!-- community Images -->
            <div class="communityNumbers">
              <div class="communityImgs">
                <img
                  src="assets/images/communitymem.jpg"
                  alt="Community Member"
                />
                <img
                  src="assets/images/communitymem2.jpg"
                  alt="Community Member"
                />
                <img
                  src="assets/images/communitymem.jpg"
                  alt="Community Member"
                />
              </div>
              <article>
                <h6>Joined Our Community</h6>
                <p>150k+ Creators</p>
              </article>
            </div>
          </div>
          <!-- Candidate -->
          <div class="candidate ps-md-5">
            <div class="aboutCandidate">
              <!-- candidate img -->
              <div class="CandidateImg">
                <img
                  src="assets/images/candidates/candidate2.jpg"
                  alt="candidate"
                />
              </div>
              <!-- Candidate Details -->
              <div class="candidateDetails end-0">
                <i class="fa-solid fa-hand-fist"></i>
                <article>
                  <h2>Walter Green</h2>
                  <p>
                    We believe that great design should not be out of reach, so
                    our services are less
                  </p>
                </article>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>

    <!-- Bootstrap JS -->
    <script src="assets/js/bootstrap/bootstrap.min.js"></script>

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

    <!-- Custom JS -->
    <script src="assets/js/custom.js"></script>
  </body>
</html>
