<?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"/>

        <!-- kenyanCoffee Font -->
        <link rel="stylesheet" href="assets/css/fonts.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">

            <!-- Campaign Home -->
            <section class="TrimCampaign-Home">
                <div class="row h-100 position-relative">

                    <!-- side image -->
                    <div class="col-md-4 tab-none">
                        <aside>
                            <img src="assets/images/nominee.jpg" alt="Nominee">
                        </aside>
                    </div>

                    <!-- vote -->
                    <div class="voteDate sm-none">
                        <article>
                            <h1>vote</h1>
                            <p>Novemeber 07. 2024</p>
                        </article>
                        <div class="indicator"></div>
                    </div>

                    <!-- Intro -->
                    <div class="col-md-8 tab-100">
                        <section class="nomineeIntro">
                            <div class="wrapper">
                                <div class="text-wrap">

                                    <!-- About Campaign -->
                                    <h2 class="aboutCompaign">
                                        The Committee to sutiya Margan to taxas City conncil #9484
                                    </h2>

                                    <!-- name -->
                                    <article class="nomineeName">
                                        <h2><span class="animate">Yon<br/>Kuninen</span></h2>
                                        <p><span class="small">I'M Running for</span> <span class="animate">Taxas City Council</span></p>
                                    </article>
                                    <a href="form.html"><button class="voteNow"><span>vote now</span></button></a>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </section>
        </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>
